Documentación del SDK de JavaScript para comentarios de CrossTalk
Esta documentación le ayuda a añadir comentarios 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. Puede agregarla en la sección
<head> o <body> de su archivo HTML.
<script src="https://unpkg.com/crosstalk-comments-js"></script>Añadir el div de CrossTalk donde desea mostrar los comentarios
Puede agregar estilo y clases a este div para personalizar su posicionamiento y márgenes dentro de su página. El contenido interior no se verá afectado por su CSS.
<div data-crosstalk-comments data-wp="nombre-de-su-propiedad-web" data-page-id="pageID" data-url="URL" data-theme="light" data-reactions="false"></div>
Regístrese para obtener una
cuenta de CrossTalk
y obtenga su nombre de propiedad web único para comenzar a interactuar con su audiencia
a través de los comentarios.
Lista de parámetros para los comentarios de CrossTalk:
| Nombre de la variable | Definición | Valores esperados |
|---|---|---|
data-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. |
data-page-id |
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 garantizará que se carguen los mismos comentarios si la misma página se abre en su sitio web o aplicación. Envíe ya sea page-id o url. Si se envían ambos,
page-id tiene prioridad.
|
Ejemplo: 'some-Slug-123'. Se espera un valor de tipo cadena. |
data-url |
Si no maneja PageIDs, enviar la URL canónica también funciona. Esto
cargará dinámicamente los comentarios basado en la URL del sitio web. Envíe ya sea page-id o url. Si se envían ambos,
page-id tiene prioridad.
|
`${window.location.origin}${window.location.pathname}`
|
data-theme |
Indica si el widget debe cargarse en modo claro u oscuro. Si su sitio web admite temas dinámicos, pase esta variable al widget para que se integre perfectamente. |
light o dark. Se espera un valor de tipo cadena.
|
data-reactions |
Indica si las reacciones con imágenes deben estar habilitadas encima de los comentarios. |
true o false. Se espera un valor booleano.
|
Utilice la propiedad web de ejemplo
crosstalkDemo para probar el widget de inmediato.
Añada el siguiente código a su página web para tener comentarios de CrossTalk funcionales:
<script src="https://unpkg.com/crosstalk-comments-js"></script><div data-crosstalk-comments data-wp="crosstalkDemo" data-page-id="test" data-theme="light"></div>