Documentation d'intégration
Intégrer la calculatrice d'intérêts composés sur votre site
Cette page s'adresse aux éditeurs de sites, aux rédactions et aux professionnels qui veulent afficher notre calculatrice d'intérêts composés dans leurs propres pages. L'intégration se fait en copiant quelques lignes de code HTML, dont une ligne de script qui ajuste la hauteur du cadre. Elle est gratuite, sans inscription, sans compte et sans clé d'accès.
Le visiteur saisit un capital de départ, un versement régulier et sa fréquence — mensuelle, trimestrielle ou annuelle —, un taux de rendement, des frais, une durée et une hypothèse d'inflation. L'outil affiche le capital final projeté, sa valeur en euros d'aujourd'hui, les intérêts et les versements cumulés, un graphique annuel et un tableau année par année. Il peut aussi résoudre le problème inverse — la durée ou le versement nécessaires pour atteindre un capital visé — et estimer le montant net d'impôt selon l'enveloppe de sortie retenue. Le calcul s'exécute dans le navigateur de votre lecteur.
Une précision utile si vous commentez les résultats dans votre article : le montant du versement s'entend par versement, et chaque versement est capitalisé à partir de sa propre période, en début de période. Passer de mensuel à annuel divise donc l'effort annuel par douze et fait logiquement chuter le capital projeté. À effort annuel identique, en revanche, c'est le versement annuel qui l'emporte de peu, puisqu'un versement de début d'année travaille douze mois là où douze versements mensuels s'étalent. Ce n'est pas une anomalie de l'outil : la calculatrice l'explique elle-même sous le sélecteur de fréquence.
Code d'intégration
Intégrer cette calculatrice sur votre site
Gratuit, sans inscription. Copiez ce code et collez-le dans votre page : sa dernière ligne ajuste la hauteur du cadre à la calculatrice.
Conditions d'utilisation
Elles tiennent en cinq points. En collant le code sur votre site, vous les acceptez.
1.L'usage est libre et gratuit
Site personnel, site d'entreprise, média, intranet, y compris sur une page qui vous rapporte de l'argent. Vous ne nous devez rien, vous n'avez pas de compte à créer et il n'y a pas de limite de nombre de pages.
2.Gardez la mention « Calculatrice fournie par Hagnéré Patrimoine »
C'est la seule contrepartie demandée. Le code ci-dessus place cette phrase juste sous le cadre, avec un lien vers la calculatrice. Laissez-la visible pour vos lecteurs, à côté de l'outil : ne la masquez pas, ne la déplacez pas en bas de page et ne retirez pas le lien.
3.Ne modifiez pas le calcul ni les résultats
Vous pouvez encadrer, redimensionner et présenter l'outil comme vous le souhaitez. En revanche, ne retouchez pas les montants affichés et ne présentez pas les résultats comme provenant d'une autre source.
4.Présentez l'outil pour ce qu'il est
C'est une aide au calcul : elle applique une formule à des hypothèses que le visiteur saisit lui-même. Le taux de rendement est une hypothèse de simulation, ni garantie ni recommandée. Le calcul affiché par défaut est brut, hors frais et hors fiscalité ; le visiteur peut ajouter des frais annuels et une enveloppe fiscale de sortie pour obtenir une estimation nette. Ce n'est pas un conseil personnalisé, et le fait de l'afficher chez vous ne crée aucun lien de conseil entre vos lecteurs et notre cabinet.
5.L'outil peut évoluer
Nous corrigeons et complétons la calculatrice au fil du temps ; les changements apparaissent chez vous sans que vous ayez à recopier le code. Seule exception : l'ajustement automatique de la hauteur demande la version actuelle du code, qui se termine par une ligne <script>. Si le vôtre n'en a pas, remplacez-le par celui ci-dessus. Si nous devions retirer la route d'intégration, nous laisserions un délai raisonnable avant l'arrêt.
Pourquoi le lien fourni porte l'attribut « nofollow »
Dans le code ci-dessus, le lien d'attribution est accompagné de la mention technique rel="nofollow". En clair : le lien reste parfaitement cliquable pour vos lecteurs, mais il indique aux moteurs de recherche de ne pas le compter comme une recommandation de votre part. Les moteurs demandent explicitement ce traitement pour les liens diffusés par un outil embarqué sur de nombreux sites. Nous l'appliquons par défaut pour ne mettre en difficulté ni votre site ni le nôtre — vous n'avez rien à changer.
Si, en revanche, vous citez la calculatrice dans votre propre texte parce que vous l'avez jugée utile, un lien ordinaire est bienvenu : c'est une citation éditoriale, et elle ne relève pas de la même règle.
Consentement et mesure d'audience
Aucune régie publicitaire, aucune mesure d'audience et aucun bandeau de consentement ne s'exécutent dans le cadre : rien n'y est chargé qui demanderait l'accord de vos lecteurs, pas même une mesure de vitesse d'affichage. Des cookies techniques de session, déposés par notre socle applicatif, subsistent ; ils ne servent ni à la mesure ni à la publicité.
Le calcul se fait dans le navigateur de votre visiteur : les montants qu'il saisit ne nous sont pas transmis. Seul le bouton « Télécharger le PDF », s'il l'utilise, envoie à notre serveur les paramètres et résultats affichés, pour produire le document, sans les enregistrer.
Paramètres d'intégration
L'adresse du cadre n'accepte aucun paramètre de requête : il n'y a ni thème, ni langue, ni valeurs pré-remplies à passer dans l'URL. Tout le réglage se fait par les attributs HTML habituels du cadre : width, height, style et loading.
La calculatrice s'affiche toujours en thème clair, quel que soit le réglage de l'appareil de votre lecteur, pour ne pas trancher sur une page claire.
Largeur
Laissez width="100%" et pilotez la taille par le conteneur qui entoure le cadre. La calculatrice s'adapte à la largeur qu'on lui donne : à partir de 1 024 px, les réglages et les résultats s'affichent côte à côte ; en dessous, ils s'empilent. Un second seuil, à 640 px, resserre les marges et la typographie sans changer la disposition.
Ce qui compte est la largeur du cadre, pas celle de la fenêtre de votre lecteur : un cadre de 700 px placé dans une page de bureau affiche la version empilée, exactement comme sur une tablette. La hauteur, elle, s'ajuste d'elle-même grâce au script fourni.
Hauteur du cadre
Un cadre ne s'ajuste pas tout seul à son contenu : c'est la page qui l'accueille qui fixe sa hauteur. La dernière ligne du code s'en charge : elle charge un court script qui reçoit de la calculatrice sa hauteur réelle et l'applique au cadre, y compris quand votre lecteur change de mode, d'onglet ou d'enveloppe fiscale. Vous n'avez donc aucune hauteur à calculer, quelle que soit la largeur de votre colonne ou de l'écran.
Ce script est servi par notre domaine. Il ne transmet aucune donnée de votre page : il demande sa hauteur au cadre et l'applique, et n'accepte que les messages venus de notre domaine. Plusieurs calculatrices peuvent cohabiter sur une même page. Il remplace la hauteur indiquée dans l'attribut height ou dans le style du cadre : pour imposer une hauteur fixe, retirez la ligne du script et indiquez votre valeur.
Si le script ne s'exécute pas, parce que votre outil de publication retire les scripts ou que la politique de sécurité de votre site n'autorise pas notre domaine, le cadre garde sa hauteur de secours de 2 400 px. Dans un cadre de moins de 1 024 px de large, la calculatrice est alors plus haute que lui, et son contenu défile à l'intérieur du cadre.
Sous WordPress, collez le code dans un bloc « HTML personnalisé » depuis un compte Administrateur ou Éditeur. Avec un compte Auteur ou Contributeur, WordPress supprime le cadre à l'enregistrement.
Chargement
L'attribut loading="lazy" est présent dans le code fourni. Il évite de charger la calculatrice tant que le lecteur n'a pas fait défiler la page jusqu'à elle : la vitesse de votre page n'en est pas affectée. Retirez-le uniquement si vous placez le cadre tout en haut de la page. Le script, chargé en asynchrone, ne retarde pas non plus l'affichage de votre page.
Intégrations sur mesure
Vous avez besoin d'un format particulier — dimensions imposées, valeurs pré-remplies, autre simulateur de notre catalogue ? Écrivez-nous en décrivant la page qui accueillera le widget et l'usage prévu. Nous répondons aux demandes d'éditeurs.