Instala el widget de chat de ZapClaw con Google Tag Manager
En resumen: en Google Tag Manager, crea una etiqueta de HTML personalizado con el snippet del widget, actívala en todas las páginas y publica el contenedor. Usa esta opción cuando Tag Manager ya está en tu sitio y prefieres no tocar el código del sitio.
Antes de empezar
- Tu sitio ya carga tu contenedor de Tag Manager. Si no lo carga, instala primero el contenedor siguiendo las instrucciones de Google; esta guía empieza después de eso.
- Tu agente está publicado y su widget está activo en el panel.
- Sitios permitidos. En el panel, agrega la dirección de tu sitio a los sitios permitidos del widget, exactamente como la ven los visitantes.
https://www.example.comyhttps://example.comson dos direcciones distintas. Un sitio que no está en la lista no muestra la burbuja.
Crea la etiqueta
<script async src="https://chat.zapclaw.app/loader.js" data-widget-id="YOUR_WIDGET_ID"></script>
Copia el snippet exacto de tu widget en el área Agents del panel. El id de arriba es un ejemplo: el tuyo es diferente.
- En Tag Manager, abre tu contenedor y elige Etiquetas y luego Nueva.
- Ponle un nombre, por ejemplo
ZapClaw chat widget. En Configuración de la etiqueta elige HTML personalizado. - Pega el snippet en el cuadro de HTML y deja Support document.write desactivado.
- En Activación elige All Pages. Para mostrar el chat solo en algunas páginas, usa un activador que coincida solo con esas direcciones.
- Guarda la etiqueta, elige Vista previa y abre tu sitio. Comprueba que la etiqueta se activó y que la burbuja aparece.
- Elige Enviar y luego Publicar. Hasta que publiques, los visitantes no ven nada.
Los nombres de los botones de Tag Manager dependen del idioma de tu cuenta de Google y cambian con el tiempo; los pasos siguen la etiqueta de HTML personalizado, que conserva la misma forma.
Banners de cookies y consentimiento
El widget no guarda cookies y no rastrea nada, así que puedes elegir activarlo sin esperar el consentimiento de analítica o de marketing. Es decisión tuya, junto con quien se encarga del cumplimiento de privacidad de tu sitio.
Si tu configuración retiene todas las etiquetas hasta que el visitante acepta, esta etiqueta también queda retenida y la burbuja aparece solo después de aceptar.
Si la burbuja no aparece
- Contenedor sin publicar. Una etiqueta solo funciona para los visitantes después de publicar el contenedor; la vista previa la muestra antes.
- La etiqueta no se activó. En la vista previa, abre la etiqueta en el resumen. Si dice que no se activó, revisa el activador y los ajustes de consentimiento.
- Content Security Policy. Un sitio con una política estricta debe permitir
chat.zapclaw.app. Las dos líneas están en el resumen general.
Visitantes y usuarios con sesión
En esta plataforma el widget funciona en modo anónimo. Responde con las bases de conocimiento que marcaste como públicas, recoge un contacto y pasa el caso a una persona. Qué significa el modo anónimo.
Otras guías de instalación
- Resumen general, con las líneas de la Content Security Policy y la frase de privacidad.
- WordPress, para un sitio que alojas tú.
- WordPress.com, en los planes que permiten plugins.
Pon tu agente en tu sitio web
Crea y publica tu agente en el panel y después pega el snippet.
Sobre ZapClaw Agents