Comment SeaText s'intègre à votre site web : étapes de mise en œuvre, contrôle et vérification

SeaText se connecte à votre site web via un extrait de code JavaScript léger que vous collez une seule fois — généralement dans la balise <head> ou via Google Tag Manager. Une fois l'extrait chargé, vous activez l'agent de page de destination Google Ads (ou d'autres agents) depuis le tableau de bord SeaText. L'agent lit le paramètre de mot-clé que Google Ads ajoute à l'URL de votre page de destination (par exemple ?keyword=office+space), le fait correspondre à une liste de mots-clés que vous approuvez et réécrit le contenu de la page avant que le visiteur ne le voie. Vous conservez un contrôle total : chaque version réécrite apparaît dans le tableau de bord pour examen, vous pouvez modifier manuellement le résultat de l'IA, ajouter des instructions pour le modèle ou désactiver l'optimisation pour n'importe quel mot-clé.

Comment fonctionne l'intégration de bout en bout

L'intégration comporte trois éléments : l'extrait de code, le tableau de bord et la logique de l'agent. L'extrait est une balise <script> unique qui se charge de manière asynchrone et pèse moins de 50 Ko compressés. Il ne bloque pas le rendu. Une fois présent, il écoute les chargements de page, extrait les paramètres de requête (termes UTM, gclid, paramètres de mots-clés personnalisés) et les envoie à la fonction edge de SeaText. La fonction edge recherche le mot-clé dans votre liste approuvée, récupère la variante pré-générée (ou en génère une à la volée s'il s'agit de la première visite pour ce mot-clé) et renvoie un correctif JSON que l'extrait applique au DOM — en remplaçant les titres, le corps du texte, les offres, les blocs de produits et les appels à l'action. La page originale reste inchangée dans votre CMS ; les visiteurs ne voient la version personnalisée que tant que la session correspond à un mot-clé approuvé.

Mise en œuvre étape par étape

1. Créez un compte SeaText et ouvrez le tableau de bord. Le tableau de bord est l'endroit où vous gérez les agents, les listes de mots-clés et examinez le contenu réécrit.
2. Copiez l'extrait d'installation. Dans le tableau de bord, vous trouverez une ligne <script src="https://cdn.seatext.com/..." async></script> unique. Collez-la dans la balise <head> globale de votre site ou ajoutez-la via Google Tag Manager / Segment / Tealium en tant que balise HTML personnalisée. L'extrait fonctionne sur n'importe quelle plateforme — WordPress, Webflow, Shopify, HTML statique, React, Next.js, Vue — car il ne fait que lire l'URL et modifier le DOM rendu.
3. Vérifiez que l'extrait se charge. Ouvrez votre site avec ?seatext_debug=1 ajouté à n'importe quelle URL. La console enregistrera "SeaText snippet loaded" et affichera les paramètres détectés. Si vous utilisez une CSP, ajoutez https://cdn.seatext.com et https://api.seatext.com à script-src et connect-src.
4. Activez l'agent de page de destination Google Ads. Dans le tableau de bord, basculez l'agent "Google Ads Landing Page AI" sur Actif. Cet agent est spécialement conçu pour le trafic de recherche payant ; d'autres agents (Traduction, Personnalisation, Tests A/B, etc.) peuvent être activés indépendamment.
5. Connectez votre compte Google Ads (facultatif mais recommandé). La liaison permet à SeaText de récupérer automatiquement votre structure de campagne/mots-clés et de suggérer quels mots-clés personnaliser. Vous pouvez également télécharger manuellement un fichier CSV de mots-clés.
6. Construisez votre liste de mots-clés. Pour chaque mot-clé que vous souhaitez personnaliser, cliquez sur Ajouter un mot-clé, saisissez le terme exact (par ex., "short-term stay") et approuvez la réécriture générée par l'IA. Le tableau de bord affiche une comparaison côte à côte : original vs réécrit. Modifiez la réécriture si nécessaire, ajoutez des instructions comme "insister sur le paiement flexible", puis enregistrez.
7. Définissez l'allocation du trafic. Par défaut, 100 % du trafic correspondant voit la réécriture. Vous pouvez réduire ce chiffre pour effectuer un test fantôme (par ex., 10 %) tout en surveillant les données de conversion.
8. Mise en ligne. Cliquez sur Publier. Le prochain visiteur qui cliquera sur une annonce pour un mot-clé approuvé verra la page personnalisée.

Prérequis avant de commencer

• Accès administrateur à la balise <head> ou au gestionnaire de balises de votre site. Vous devez coller l'extrait une seule fois.
• Campagnes Google Ads utilisant l'insertion de mots-clés ou des paramètres de suivi de mots-clés explicites. SeaText lit le mot-clé à partir de l'URL de la page de destination. Si vos annonces utilisent uniquement gclid sans paramètre de mot-clé, activez le "marquage automatique" dans Google Ads et ajoutez {keyword} à votre suffixe d'URL finale (par ex., ?kw={keyword}).
• Une liste de mots-clés sur lesquels vous enchérissez réellement. Personnaliser pour des mots-clés sur lesquels vous n'enchérissez pas gaspille du temps de révision et peut dérouter les visiteurs organiques.
• Contenu pouvant être échangé en toute sécurité. L'agent réécrit les nœuds de texte et les valeurs d'attributs (titres, libellés de boutons, méta-descriptions). Il ne restructure pas le HTML, ne déplace pas les conteneurs et n'exécute pas de JavaScript personnalisé. Si votre page repose sur une mise en page rigide où les changements de longueur du texte cassent le design, définissez des contraintes de longueur de caractères dans les paramètres des mots-clés.
• Consentement à la personnalisation dans le cadre de votre politique de confidentialité. L'extrait définit un cookie propriétaire (seatext_session) pour maintenir la cohérence des variantes pendant la session. Divulguez cela dans votre avis sur les cookies.

Ce qui est réécrit (et ce qui ne l'est pas)

Contrôle & Vérification

Chaque mot-clé que vous approuvez bénéficie d'un historique des versions dans le tableau de bord. Vous pouvez :

• Prévisualiser la réécriture sur votre URL en direct en ajoutant ?seatext_preview=keyword-slug.
• Modifier le résultat de l'IA directement dans une vue de comparaison de texte enrichi.
• Ajouter des instructions comme "Utiliser l'orthographe britannique" ou "Mentionner le support 24/7" que le modèle suivra lors de la prochaine régénération.
• Mettre en pause un seul mot-clé sans désactiver l'agent.
• Exporter toutes les réécritures au format CSV pour examen de conformité.

Pour vérifier que l'intégration fonctionne en production, ouvrez une fenêtre de navigation privée, cliquez sur l'une de vos propres annonces (ou simulez avec l'URL finale exacte + le paramètre de mot-clé) et confirmez que le titre change. Le panneau "Vue en direct" du tableau de bord affiche également les sessions en temps réel, le mot-clé correspondant et la variante servie.

Scénarios d'intégration courants

Scénario A : Page de destination unique, 50+ mots-clés

Vous gérez une page de destination générique pour une campagne Google Ads avec 50 mots-clés. Après l'installation du snippet, vous activez l'agent Google Ads, importez la liste de mots-clés depuis Google Ads et approuvez les réécritures pour les 20 meilleurs mots-clés par volume. Les 30 mots-clés restants reviennent à la page originale. Résultat : chaque mot-clé à fort volume obtient un titre et une offre sur mesure ; les mots-clés longue traîne conservent la page générique.

Scénario B : Plusieurs pages de destination, différentes campagnes

Vous avez des pages distinctes pour "espace de bureau", "coworking" et "bureau virtuel". Installez le snippet globalement. Dans le tableau de bord, créez trois groupes de mots-clés mappés sur le chemin d'URL de chaque page. Activez l'agent. Les visiteurs cliquant sur les annonces "coworking" atterrissent sur la page coworking et voient des réécritures spécifiques au coworking ; les clics "espace de bureau" voient des réécritures sur l'espace de bureau sur la page espace de bureau.

Scénario C : Headless / SPA (Next.js, React Router)

Comme le snippet s'exécute à chaque changement de route (il écoute popstate et pushState), la personnalisation fonctionne sur la navigation côté client. Ajoutez data-seatext-ignore à tout composant qui gère son propre contenu via l'API CMS pour éviter la double réécriture.

Limites & quand ces conseils ne s'appliquent pas

• Aucun paramètre de mot-clé dans l'URL. Si vos annonces utilisent uniquement gclid et que vous ne pouvez pas ajouter de paramètre de mot-clé, SeaText ne peut pas savoir quel mot-clé a déclenché le clic. Solution : activez le marquage automatique Google Ads et ajoutez {keyword} au suffixe de l'URL finale.
• Rendu côté client lourd sans texte côté serveur. Si toute la page est construite à partir de JSON après le chargement, le snippet peut réécrire trop tard ou manquer des éléments. Utilisez l'attribut data-seatext-ignore ou effectuez un rendu côté serveur du contenu critique.
• CSP stricte sans https://cdn.seatext.com et https://api.seatext.com. Le snippet sera bloqué. Mettez à jour votre politique.
• Pages derrière une connexion ou un paywall. L'agent ne fonctionne que sur les URL publiques que Google peut explorer et que les visiteurs peuvent atteindre directement depuis une annonce.
• Plateformes publicitaires non Google sans paramètres de mots-clés. L'agent Google Ads attend le format de paramètre de Google. Pour Meta, TikTok ou l'e-mail, utilisez plutôt l'agent de réécriture de source de visiteur (activation séparée).

Faits clés

FAQ

Ai-je besoin de l'aide d'un développeur pour installer le snippet ?

Généralement non. Toute personne ayant accès à la balise <head> du site ou à Google Tag Manager peut coller la ligne unique. Si vous utilisez une CSP stricte, un développeur doit ajouter les deux domaines à la politique.

Le snippet ralentira-t-il ma page ?

Le script se charge de manière asynchrone, pèse moins de 50 Ko compressés et s'exécute après DOMContentLoaded. Il ne bloque pas le rendu ni les Core Web Vitals.

Puis-je utiliser SeaText sans Google Ads ?

Oui. L'agent de réécriture de source de visiteur personnalise par référent (Meta, e-mail, organique, direct) au lieu du mot-clé. Activez cet agent au lieu de (ou en plus de) l'agent Google Ads.

Que se passe-t-il si l'IA écrit quelque chose d'inexact ?

Vous examinez chaque réécriture avant la publication. Vous pouvez modifier le texte manuellement, ajouter des instructions de correction ou mettre en pause le mot-clé. Rien n'est mis en ligne sans votre approbation.

SeaText modifie-t-il le contenu de mon CMS ?

Non. Les réécritures se produisent dans le navigateur via la mutation DOM. Votre CMS, votre base de données et votre HTML source restent exactement tels qu'ils sont.

Puis-je tester la version personnalisée contre l'original en A/B ?

Oui. Définissez l'allocation du trafic en dessous de 100 % pour n'importe quel mot-clé (par ex., 50 %) pour effectuer un test fractionné. Le tableau de bord rapporte les conversions par variante.

Existe-t-il un essai gratuit ?

SeaText propose un essai pilote gratuit d'un mois pour l'agent de page de destination Google Ads. Activez-le depuis le tableau de bord après avoir installé le snippet.