The Comparator

Documentation pour éditeurs

Guide d'intégration des widgets pour éditeurs

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 widgetEmplacement idéal dans l’articleCe qu’il afficheLien d’aperçu
Suivi d’aubainesFiches de test de produitLe plus bas prix actuel du marché, l’état du stock, la tendance des prix sur 30 joursVoir la démo
Indicateur de valeurConclusion ou verdictJauge de valeur algorithmique de 0 à 100 par rapport au marchéVoir la démo
Comparaison face à faceArticles de comparaison de deux produitsTableau comparatif des spécifications côte à côte et verdictVoir 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)

  1. Ajoutez un bloc HTML personnalisé dans l’éditeur de votre article.
  2. Collez l’extrait <iframe> ci-dessus.
  3. Enregistrez ou publiez votre article.

Ghost CMS

  1. Cliquez sur l’icône + dans l’éditeur Ghost et choisissez Carte HTML.
  2. 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=dark ou theme=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>