Carga los agentes de IA de ASDK con Google Tag Manager

Google Tag Manager permite a un equipo de marketing añadir scripts a un sitio sin esperar a un desarrollador. Si tu sitio ya carga un contenedor de Tag Manager, puedes añadir los agentes de IA de ASDK igual que añadiste la analítica: una etiqueta, un activador, publicar. No cambia nada del código de tu sitio, y puedes pausar o quitar los agentes desde Tag Manager en cualquier momento.

Qué obtienes con Tag Manager

Tag Manager solo decide cuándo se carga el script de ASDK. Todo lo demás funciona exactamente igual que con cualquier otra instalación: ASDK crea una base de conocimiento con tus páginas públicas y tus documentos, y cada agente que activas en el panel responde con ella.

• Chat (acceso anticipado, desde el plan Free) responde a los visitantes con tu contenido, enlaza las páginas de las que sale cada respuesta y ofrece tomar los datos de contacto cuando no puede ayudar.
• Sales (acceso anticipado, desde el plan Pro) hace las preguntas de cualificación que escribes en lenguaje sencillo y ofrece una reunión a los visitantes que encajan.
• Agent-Ready (acceso anticipado, desde el plan Free) publica lo que sabe tu base de conocimiento en formatos que los asistentes de IA leen bien.
• Search llegará próximamente. Responderá en lugar de un buscador, con fuentes.

Los cambios posteriores de agentes, colores o textos se hacen en el panel de ASDK. No necesitas una nueva versión de Tag Manager para eso.

Cuándo conviene usar Tag Manager

Tag Manager encaja bien cuando tu equipo de marketing ya gestiona allí los scripts y tus desarrolladores lo prefieren así. No es obligatorio: pegar el fragmento en la plantilla de tu sitio funciona igual de bien y es más fácil de entender.

• Elige Tag Manager si el contenedor ya se carga en todas las páginas, quieres un historial de versiones y un modo de vista previa para cada cambio, o desplegar un cambio de código lleva semanas.
• Elige la plantilla o el tema si tu sitio todavía no usa Tag Manager, si una herramienta de consentimiento bloquea Tag Manager para muchos visitantes o si tu plataforma tiene un ajuste de código personalizado más sencillo. Las guías por plataforma cubren cada opción.

En cualquier caso, no cargues ASDK de las dos formas en la misma página.

Dos formas de añadirlo

Etiqueta de HTML personalizado

Funciona hoy en cualquier contenedor. La página Install del panel tiene una pestaña de Google Tag Manager con un código como este, ya rellenado con el identificador de tu sitio:

<script>
  window.asdkConfig = { siteId: "SITE_ID" };
</script>
<script async src="https://cdn.asdk.com/v1/asdk.js"></script>

Los gestores de etiquetas insertan los scripts de una forma que puede eliminar los atributos data-, así que esta versión pasa el identificador del sitio en window.asdkConfig, que el widget lee. La página de ayuda de Google sobre etiquetas personalizadas describe el tipo de etiqueta de HTML personalizado (consultada en octubre de 2026).

La plantilla de etiqueta de ASDK

Una plantilla de etiqueta convierte el código en un formulario con campos, más fácil de revisar y más difícil de romper. La plantilla de ASDK llegará próximamente a la Community Template Gallery de Tag Manager. Las plantillas de la galería se publican desde un repositorio público de GitHub con licencia Apache 2.0 y un archivo de metadatos, y Tag Manager avisa a los usuarios cuando una plantilla que usan tiene una actualización, según la documentación de la galería de Google (consultada en octubre de 2026). Si ya tienes el archivo de la plantilla, puedes importarlo en Templates → Tag Templates → New.

Configura ASDK con una etiqueta de HTML personalizado

Qué está disponible y qué llegará próximamente

ASDK en su conjunto está en acceso anticipado: los agentes funcionan y puedes usarlos, pero pueden cambiar mientras los mejoramos.

Detalles de Tag Manager que conviene conocer

• Cómo funciona aquí la comprobación de la instalación. Cuando Tag Manager añade el fragmento, este no está en el HTML de tu página. La comprobación del panel reconoce tu contenedor y espera a que el widget dé señales desde tu sitio, así que abre una página después de publicar.
• Ajustes de consentimiento. Si usas los ajustes de consentimiento de Tag Manager, define lo que necesita la etiqueta de ASDK en Advanced Settings → Consent Settings de la etiqueta. El widget no instala cookies; guarda un identificador aleatorio de visitante en el almacenamiento local. Decide la categoría con quien se ocupe de la privacidad en tu sitio. Consulta gestores de consentimiento.
• Solo en algunas páginas. Un activador distinto de All Pages limita dónde aparece el widget, por ejemplo solo en las páginas de precios y de producto. Los agentes siguen respondiendo con toda tu base de conocimiento.
• Content Security Policy. Si tu sitio envía una política, debe permitir https://cdn.asdk.com para los scripts y https://api.asdk.com para las conexiones, igual que permite el propio Tag Manager. Consulta Content Security Policy.
• Una sola copia por página. Si ASDK también está pegado en la plantilla de tu sitio, quita una de las dos. La segunda copia se ignora, pero cuesta una petición.

Llamar al widget desde otras etiquetas

Las configuraciones de Tag Manager suelen reaccionar a eventos de la página. El widget añade una función global asdk, así que otra etiqueta puede abrir el chat, por ejemplo cuando un visitante lleva un rato en la página de precios:

<script>
  window.asdk = window.asdk || function () { (asdk.q = asdk.q || []).push(arguments); };
  asdk("open");
</script>

La primera línea pone en cola las llamadas hechas antes de que el widget se haya cargado. Úsalo con moderación: un chat que se abre solo en todas las páginas estorba. Nuestra guía para cualificar leads sin molestar a los visitantes explica cuándo ayudan los mensajes proactivos y cuándo perjudican.