Documentation JavaScript du résumé IA de CrossTalk
Cette documentation vous aide à ajouter le résumé IA à votre page web avec le SDK JavaScript de CrossTalk.
Importer le SDK
Ajoutez la balise script ci-dessous dans votre fichier HTML. Vous pouvez l'ajouter dans la section <head> ou <body> de votre fichier HTML.
<script src="https://unpkg.com/crosstalk-comments-js"></script>Ajouter la div CrossTalk à l'endroit où vous souhaitez afficher le résumé IA
Vous pouvez ajouter du style et des classes à cette div pour personnaliser son positionnement et ses marges dans votre page. Le contenu intérieur ne sera pas affecté par votre CSS.
<div data-crosstalk-ai-summary data-wp="votre-nom-de-propriete-web" data-url="URL" data-theme="light"></div>
Inscrivez-vous pour un compte CrossTalk afin d'obtenir votre nom de propriété web unique pour personnaliser les options du résumé IA affichées.
Liste des paramètres pour le résumé IA CrossTalk :
| Nom de la variable | Définition | Valeurs attendues |
|---|---|---|
data-wp |
Votre nom de propriété web unique. Vous pouvez créer des propriétés web depuis le Tableau de bord. | Exemple : 'crosstalkDemo'. Valeur de type chaîne de caractères attendue. |
data-url |
L'URL de votre page web qui sera envoyée au fournisseur d'IA pour qu'il en fasse un résumé pour l'utilisateur. Envoyez une URL complète facilement accessible par l'IA. |
`${window.location.origin}${window.location.pathname}`
|
data-theme |
Indique si le widget doit être chargé en mode clair ou sombre. Si votre site supporte les thèmes dynamiques, passez cette variable au widget pour qu'il s'intègre parfaitement. |
Soit light soit dark. Valeur de type chaîne de caractères attendue.
|
Utilisez la propriété web exemple
crosstalkDemo pour tester le widget immédiatement.
Ajoutez le code ci-dessous à votre page web pour un résumé IA CrossTalk fonctionnel :
<script src="https://unpkg.com/crosstalk-comments-js"></script><div data-crosstalk-ai-summary data-wp="crosstalkDemo" data-url="https://japantoday.com/category/sports/sumo-hit-with-fresh-bullying-scandal" data-theme="light"></div>