Documentation JavaScript du chat en direct par onglets de CrossTalk

Cette documentation vous aide à ajouter un chat en direct par onglets ( en bas à droite de la page, similaire au chat de Facebook ) à votre page web avec le SDK JavaScript de CrossTalk.


Importer le SDK

Ajoutez la balise script ci-dessous dans votre fichier HTML. Ajoutez-la avant d'appeler la fonction d'initialisation du chat.

<script src="https://unpkg.com/crosstalk-comments-js"></script>

Ajoutez le code d'initialisation du chat CrossTalk après avoir importé le SDK JS CrossTalk

Ajoutez le code JavaScript ci-dessous pour initialiser les chats par onglets. Vous pouvez ajouter plusieurs URL et pageIDs pour plusieurs onglets de chat.

<script>
CTCore.initTabbedChats({
    wp: 'crosstalkDemo',
    pageIDs: [
        {
            pageID: 'test',
            collapsed: false,
            title: 'Home'
        }
    ]
});
</script>

Liste des paramètres pour le chat en direct CrossTalk :

Nom de la variable Définition Valeurs attendues
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 attendue.
pageIDs Un tableau d'objets contenant des objets de chat. Chaque objet de chat contient pageID, url, title et collapsed. Tableau d'objets attendu.
pageID (dans le tableau pageIDs) Un PageID qui identifie de manière unique une page dans votre propriété web. Si vous avez un système de CMS, le slug d'un article serait un bon PageID.
Si vous intégrez CrossTalk dans votre application, partager le PageID garantira que le même chat en direct se charge si la même page est ouverte sur votre site Web ou votre application.
Envoyez soit pageID soit url. Si les deux sont envoyés, pageID a la priorité.
Exemple : 'some-Slug-123'. Valeur de type chaîne attendue.
url (dans le tableau pageIDs) Si vous ne gérez pas de PageIDs, envoyer l'URL canonique fonctionne également. Cela chargera dynamiquement le chat en direct en fonction de l'URL du site Web.
Envoyez soit pageID soit url. Si les deux sont envoyés, pageID a la priorité.
`${window.location.origin}${window.location.pathname}`
title (dans le tableau pageIDs) Titre du chat par onglets. Rendez-le convivial pour que l'utilisateur sache de quoi parle ce groupe de discussion. Exemple : 'Breaking News'. Valeur de type chaîne attendue.
collapsed (dans le tableau pageIDs) Indique si le chat doit s'ouvrir au chargement de la page ou rester réduit. True maintient le chat réduit. Soit true soit false. Valeur booléenne attendue.