Documentación del SDK de JavaScript para Resumen IA de CrossTalk
Esta documentación le ayuda a añadir el Resumen IA 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 el Resumen IA
Puede agregar estilo y clases a este div para personalizar su posicionamiento y márgenes dentro de su página web. El contenido interior no se verá afectado por su CSS.
<div data-crosstalk-ai-summary data-wp="nombre-de-su-propiedad-web" data-url="URL" data-theme="light"></div>
Regístrese para obtener una cuenta de CrossTalk y obtener su nombre de propiedad web único para personalizar las opciones del Resumen IA que se muestran.
Lista de parámetros para el Resumen IA 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-url |
La URL de su página web que se enviará al proveedor de IA para que la resuma para el usuario. Envíe una URL completa que sea fácilmente accesible para la IA. |
`${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.
|
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 un Resumen IA de CrossTalk funcional:
<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>