Intégrer à votre site · Documentation

Une ligne de code pour chaque site, des instructions par outil de création de site et un pilotage via votre bannière cookies.

Votre Talky arrive sur votre site avec une seule ligne. Vous trouvez le code dans l’espace client, dans l’onglet Intégration de votre site :

<script src="https://embed.talkypage.com/v1/loader.js"
        data-key="tpk_…" async
        data-cfasync="false" data-no-optimize="1" data-no-minify="1"></script>

Les trois attributs data- tiennent les extensions de cache et de performance à l’écart du code, voir Extensions de cache et de performance.

Le code ne se charge que sur les domaines que vous avez saisis. Si quelqu’un le copie sur un site étranger, le Talky y reste muet.

Par outil de création de site

Outil	Où placer le code
WordPress	Dans le thème avant `</body>` ou avec une extension pour scripts personnalisés, par exemple WPCode. Avec une extension de cache, voir Extensions de cache et de performance.
TYPO3	Dans le TypoScript en tant que `page.includeJSFooter` ou dans le template.
Joomla	Dans le template ou avec une extension pour scripts personnalisés.
Wix	Paramètres, Code personnalisé, « Body – fin ».
Jimdo	Paramètres, Modifier l’en-tête.
Squarespace	Paramètres, Avancé, Injection de code, Pied de page.
Webflow	Paramètres du projet, Code personnalisé, Footer.
Duda	Paramètres du site, Head HTML.
Shopify	Thème, Modifier le code, `theme.liquid` avant `</body>`.
HTML statique	Dans chaque page avant `</body>`, y compris sur Netlify, GitHub Pages ou votre propre serveur.

L’espace client propose des instructions pas à pas pour les outils les plus répandus.

Bannière cookies

En règle générale, vous n’avez rien à changer à votre bannière cookies : TalkyPage n’enregistre rien sur l’appareil du visiteur et ne se connecte à rien avant qu’il clique.

Si vous voulez quand même que votre bannière pilote le Talky, il existe le mode consentement : avec data-consent, le Talky attend que votre bannière le libère avec TalkyPage.consent(). Pour sept bannières répandues, l’espace client explique comment faire.

Quand votre site change

TalkyPage relit votre site chaque semaine. Après des changements importants, vous pouvez lancer la lecture immédiatement, dans l’onglet Pages, ou automatiquement via un deploy hook, par exemple depuis Netlify, Vercel, GitHub Actions ou votre propre script.

Le site comme invité

Le Talky vit dans un espace isolé (Shadow DOM) et n’utilise qu’un seul nom global, window.TalkyPage. Il n’intervient ni sur le style, ni sur l’historique, ni sur la navigation de votre page, tant que vous ne le configurez pas.