Documentación del SDK de JavaScript para Chat en Vivo con Pestañas de CrossTalk

Esta documentación le ayuda a añadir un chat en vivo con pestañas ( en la parte inferior derecha de la página, similar al chat de Facebook ) a su página web con el SDK de JavaScript de CrossTalk.

---

Importar el SDK

Añada la siguiente etiqueta script a su archivo HTML. Añádala antes de llamar a la función de inicialización del chat.

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

Añada el código de inicialización del chat de CrossTalk después de importar el SDK JS de CrossTalk

Añada el siguiente código JavaScript para inicializar los chats con pestañas. Puede añadir múltiples URLs y pageIDs para múltiples pestañas de chat.

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

Lista de parámetros para el chat en vivo de CrossTalk:

Nombre de la variable	Definición	Valores esperados
wp	Su nombre de propiedad web único. Puede crear propiedades web desde el Panel de control.	Ejemplo: 'crosstalkDemo'. Se espera un valor de tipo cadena.
pageIDs	Un arreglo de objetos que contienen objetos de chat. Cada objeto de chat contiene pageID, url, title y collapsed.	Se espera un arreglo de objetos.
pageID (dentro del arreglo pageIDs)	Un PageID que identifica de manera única una página en su propiedad web. Si tiene un sistema de CMS, el slug de un artículo sería un buen PageID. Si integra CrossTalk en su aplicación, compartir el PageID asegurará que se cargue el mismo chat en vivo si la misma página se abre en su sitio web o aplicación. Envíe ya sea pageID o url. Si se envían ambos, pageID tiene prioridad.	Ejemplo: 'some-Slug-123'. Se espera un valor de tipo cadena.
url (dentro del arreglo pageIDs)	Si no maneja PageIDs, enviar la URL canónica también funciona. Esto cargará dinámicamente el chat en vivo basado en la URL del sitio web. Envíe ya sea pageID o url. Si se envían ambos, pageID tiene prioridad.	`${window.location.origin}${window.location.pathname}`
title (dentro del arreglo pageIDs)	Título del chat con pestañas. Hágalo amigable para que el usuario sepa de qué trata este grupo de chat.	Ejemplo: 'Breaking News'. Se espera un valor de tipo cadena.
collapsed (dentro del arreglo pageIDs)	Indica si el chat debe abrirse al cargar la página o permanecer contraído. True mantiene el chat contraído.	true o false. Se espera un valor booleano.