Google Tag Manager (GTM) es una herramienta gratuita de Google que te permite gestionar códigos de seguimiento y scripts en tu sitio web sin editar directamente el código fuente. Esta guía te explica toda la configuración — crear una cuenta de GTM, añadir el fragmento de código de GTM a tu sitio e insertar el código de chat de Smartsupp como una etiqueta.
Hemos dividido la guía en las siguientes secciones:
Crear una cuenta de GTM
Si aún no tienes una cuenta de Google Tag Manager, ve a tagmanager.google.com e inicia sesión con tu cuenta de Google. Haz clic en Crear cuenta, introduce el nombre de tu cuenta y selecciona tu país.
Configura un contenedor para tu sitio web. Introduce la URL de tu sitio web y selecciona Web como plataforma de destino y, después, haz clic en Crear.
Acepta las condiciones del servicio para continuar.
Instalar GTM en tu sitio web
Tras crear tu cuenta, GTM mostrará dos fragmentos de código. Debes añadirlos al HTML de tu sitio web:
Pega el primer fragmento lo más arriba posible en la sección <head> .
Pega el segundo fragmento inmediatamente después de la etiqueta de apertura <body> .
Consejo: Si utilizas una plataforma como WordPress, Shopify o PrestaShop, puede que ya tengas un plugin de Smartsupp integrado — consulta nuestra Guía de instalación para tu plataforma antes de utilizar GTM.
También puedes acceder más adelante a los fragmentos de código de GTM haciendo clic en el ID de tu contenedor (p. ej. GTM-XXXXXX) en la parte superior del panel de control de GTM.
Crear una nueva etiqueta
En el panel de control de GTM, haz clic en Añadir una nueva etiqueta (o ve a Etiquetas > Nueva). Dale un nombre a tu etiqueta, por ejemplo Chat de Smartsupp.
Haz clic en el área Configuración de la etiqueta y selecciona HTML personalizado como tipo de etiqueta.
Insertar el código de Smartsupp
Busca tu código de chat único de Smartsupp en el panel de control, en Ajustes > Caja de chat > Instalación > Insertar código. Copia todo el fragmento de código.
Pega el código en el campo HTML de tu nueva etiqueta en GTM. Después, haz clic en la sección Activación que aparece debajo y selecciona Todas las páginas — esto garantiza que el widget de chat de Smartsupp se cargue en todas las páginas de tu sitio web.
Nota: Asegúrate de pegar el código completo, incluidas las etiquetas <script> . A diferencia de algunas plataformas, GTM acepta HTML completo, incluidas las etiquetas script, en el tipo de etiqueta HTML personalizado.
Publicar la etiqueta
Haz clic en Guardar para guardar tu etiqueta y, después, haz clic en el botón Enviar en la esquina superior derecha del panel de control de GTM.
Añade un nombre y una descripción de la versión (opcional) y, después, haz clic en Publicar.
Verificar la instalación
Abre tu sitio web en una nueva pestaña del navegador y vuelve a cargar la página. El widget de chat de Smartsupp debería aparecer ahora en la esquina de tu sitio.
Consejo: Si no ves el widget de chat, prueba a borrar la caché del navegador o a abrir tu sitio en una ventana de incógnito. Asegúrate también de que el código del contenedor de GTM esté correctamente instalado en tu sitio web.
Recursos relacionados:
Instalación de Smartsupp — descripción completa de todos los métodos de instalación.
Caja de chat multilingüe — configura el widget de chat en varios idiomas.
¿Cuál es el siguiente paso?
Ajustes básicos de la caja de chat — Personaliza los colores, la posición, los mensajes de bienvenida y mucho más.
Estado de la caja de chat — Descubre cómo funciona el estado del widget de chat y cómo controlarlo.
¿Por qué no puedo ver el chat en mi sitio web? — Soluciona los problemas de instalación más habituales.
Descargar plugins — Explora todas las integraciones disponibles para plataformas.