Comment ajouter le chatbot IA Asyntai à Ghost

Guide étape par étape pour les sites Ghost CMS

Plateforme :

Étape 1 : Obtenir votre code d'intégration

Tout d'abord, rendez-vous sur votre Tableau de bord Asyntai et faites défiler jusqu'à la section « Code d'intégration ». Copiez votre code d'intégration unique qui ressemblera à ceci :

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Note : Le code ci-dessus n'est qu'un exemple. Vous devez copier votre propre code d'intégration depuis votre Tableau de bord car il contient votre identifiant de widget personnel.

Étape 2 : Utiliser l'injection de code (recommandé)

Ghost dispose d'une fonctionnalité intégrée d'injection de code qui facilite grandement l'ajout de scripts personnalisés :

Connectez-vous à votre panneau d'administration Ghost
Cliquez sur l'icône d'engrenage (Settings) dans le coin inférieur gauche
Faites défiler vers le bas jusqu'à "Advanced"
Cliquez sur "Code injection"
Dans la section « Site footer », collez votre code d'intégration Asyntai
Cliquez sur "Save" dans le coin supérieur droit

Astuce : L'ajout de JavaScript dans le pied de page du site (plutôt que dans l'en-tête) garantit qu'il se charge après le contenu de la page, ce qui est recommandé pour les widgets de chat et ne ralentira pas le chargement de votre page.

Alternative : Injection de code par page

Si vous souhaitez le chatbot uniquement sur des pages spécifiques :

Ouvrez la page ou l'article auquel vous souhaitez ajouter le chatbot
Cliquez sur l'icône des paramètres (engrenage) dans le coin supérieur droit
Faites défiler vers le bas pour trouver "Code injection"
Développez la section et collez votre code d'intégration Asyntai dans le champ « Post footer »
Cliquez en dehors du champ pour enregistrer, puis publiez/mettez à jour votre article

Note : L'injection de code spécifique à une page est utile si vous souhaitez le chatbot uniquement sur certaines pages plutôt que sur l'ensemble de votre site.

Alternative : Modifier les fichiers du thème (pour l'auto-hébergement)

Si vous hébergez Ghost vous-même et préférez modifier directement les fichiers de thème :

Accédez aux fichiers de votre installation Ghost via FTP ou votre gestionnaire de fichiers
Accédez au dossier de votre thème : content/themes/votre-theme/
Ouvrez le fichier default.hbs (le fichier de mise en page principal)
Trouvez la balise fermante </body>
Collez votre code d'intégration Asyntai juste avant la balise </body>
Enregistrez le fichier
Redémarrez Ghost ou videz le cache

Important : La modification directe des fichiers du thème n'est pas recommandée sauf si nécessaire. Les modifications peuvent être écrasées lors de la mise à jour de votre thème. La méthode Code Injection est préférable car elle survit aux mises à jour du thème.

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications, visitez votre site Ghost dans un nouvel onglet de navigateur ou en navigation privée. Vous devriez voir le bouton du widget de chat dans le coin inférieur droit. Cliquez dessus pour vérifier qu'il s'ouvre et fonctionne correctement.