Documentación del SDK de JavaScript para encuestas de CrossTalk
Esta documentación le ayuda a añadir encuestas 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 las encuestas
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-poll data-poll-id="su-id-de-encuesta" data-wp="nombre-de-su-propiedad-web" data-url="URL" data-theme="light"></div>
Regístrese para obtener una
cuenta de CrossTalk
y obtenga su nombre de propiedad web único para crear una encuesta que pueda incrustar o probar.
Lista de parámetros para las encuestas 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-poll-id |
Inserte el ID de la encuesta (UUID) que desea incrustar. | Se espera un UUID (como cadena). |
data-url |
Si ha creado una regla de encuesta en el panel de control de CrossTalk para mostrar una encuesta específica según una expresión regular de URL, proporcione el parámetro URL. |
`${window.location.origin}${window.location.pathname}`
|
data-page-id |
Si ha creado una regla de encuesta en el panel de control de CrossTalk para mostrar una encuesta específica según el pageID, proporcione el parámetro pageID. | PageID como 'sports_news'. Se espera una cadena. |
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.
|
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 encuestas de CrossTalk funcionales:
<script src="https://unpkg.com/crosstalk-comments-js"></script><div data-crosstalk-poll data-wp="crosstalkDemo" data-poll-id="5c810b75-41ad-456b-bdf7-820db342030c" data-theme="dark"></div>