Guide d’intégration des widgets pour éditeurs
The Comparator propose des widgets de valeur du matériel légers et interactifs que les éditeurs peuvent intégrer directement dans leurs tests techno et leurs guides d’achat.
1. Types de widgets et cas d’usage
| Type de widget | Emplacement idéal dans l’article | Ce qu’il affiche | Lien d’aperçu |
|---|---|---|---|
| Suivi d’aubaines | Fiches de test de produit | Le plus bas prix actuel du marché, l’état du stock, la tendance des prix sur 30 jours | Voir la démo |
| Indicateur de valeur | Conclusion ou verdict | Jauge de valeur algorithmique de 0 à 100 par rapport au marché | Voir la démo |
| Comparaison face à face | Articles de comparaison de deux produits | Tableau comparatif des spécifications côte à côte et verdict | Voir la démo |
2. Intégration standard par iframe
Collez le code d’iframe adaptatif standard directement dans le bloc HTML de l’éditeur de votre article :
<!-- Widget de suivi d'aubaines The Comparator -->
<iframe src="https://thecomparator.tech/embed/deal-ryzen-7-9800x3d.html"
width="100%"
height="450"
frameborder="0"
scrolling="no"
loading="lazy"
title="AMD Ryzen 7 9800X3D : instantané des prix et valeur">
</iframe>
3. Instructions propres à chaque plateforme de gestion de contenu
WordPress (éditeur Gutenberg)
- Ajoutez un bloc HTML personnalisé dans l’éditeur de votre article.
- Collez l’extrait
<iframe>ci-dessus. - Enregistrez ou publiez votre article.
Ghost CMS
- Cliquez sur l’icône
+dans l’éditeur Ghost et choisissez Carte HTML. - Collez l’extrait
<iframe>.
Webflow et plateformes personnalisées
Collez le code dans un composant d’intégration.
4. Personnaliser les paramètres du widget
Vous pouvez passer des paramètres d’adresse pour personnaliser le comportement du widget :
theme=darkoutheme=light: impose un jeu de couleurs précis.currency=USD: précise la devise du marché.subid=your_publisher_tag: joint votre balise de suivi d’affiliation personnalisée.
Exemple :
<iframe src="https://thecomparator.tech/embed/deal-ryzen-7-9800x3d.html?theme=dark&subid=techblog_review_2026" ...></iframe>