Google Tag Manager debe estar instalado en tu sitio antes que sigas esta guía.
Si aún no tienes Google Tag Manager instalado, primero tienes que configurarlo. Utiliza el artículo de Google Configurar e instalar Tag Manager para aprender cómo hacerlo.
Esta guía describe cómo instalar el código de Hotjar utilizando Google Tag Manager (GTM). Hay s tres opciones para instalar Hotjar con Google Tag Manager:
- Integración de Hotjar y Google Tag Manager
- Instrucciones para instalar la etiqueta Hotjar Tracking Code desde Google Tag Manager
- Instrucciones para instalar la etiqueta HTML personalizada desde Google Tag Manager
También puedes utilizar GTM para enviar eventos a Hotjar y establecer atributos de usuario
Después de instalar Hotjar, también puedes utilizar GTM para enviar Eventos y Atributos de Usuario. Obtén más información en nuestros artículos Cómo enviar atributos de usuario con Google Tag Manager y Cómo enviar eventos a Hotjar con Google Tag Manager.
Integración de Hotjar y Google Tag Manager
Visita la página Sitios y haz clic en Instalar código de Hotjar.
Haz clic en Iniciar configuración en la ventana Instalar con Google Tag Manager.
Sólo verás esta opción si tu sitio tiene un contenedor GTM instalado
Hotjar te muestra el primer paso de esta integración sólo si Hotjar ha detectado automáticamente que tu sitio tiene un contenedor GTM. Si no puedes ver el primer paso, utiliza instrucciones para instalar la etiqueta Hotjar Tracking Code desde Google Tag Manager.
Seleccione la cuenta de Google conectada al contenedor GTM de su sitio.
Este es el sitio en el que instalarás el código de Hotjar.
¿Ves algunas pantallas ligeramente diferentes?
Google controla todos los pasos que implican iniciar sesión en GTM y conceder permiso a Hotjar. El flujo exacto y la apariencia de la página pueden cambiar, pero los pasos no deberían cambiar mucho.
Selecciona todos los permisos de acceso para Hotjar y haz clic en Continuar.
Selecciona tu cuenta GTM y tu contenedor de etiquetas GTM, luego haz clic en Crear y publicar etiqueta.
Asegúrate de elegir el contenedor GTM que está instalado en tu sitio.
Hotjar te indicará aquí si no tienes ningún contenedor en esta cuenta de Google. Si no lo tienes, sigue las instrucciones de la documentación oficial de Google.
Haz clic en Confirmar y Crear.
Espera unos minutos para que Google responda y, a continuación, haz clic en Verificar instalación.
Sigue las instrucciones de Verificar instalación.
Debería aparecer un mensaje confirmando la instalación. Si no es así, consulta nuestro artículo Cómo verificar si Hotjar funciona. Ponte en contacto con nosotros si necesitas ayuda.
Etiqueta Hotjar Tracking Code desde Google Tag Manager
Desde tu Dashboard de Google Tag Manager, haz clic en Añadir una nueva etiqueta.
Haz clic en el icono de etiqueta y selecciona Hotjar Tracking Code de la lista.
Introduce tu ID de sitio Hotjar en el campo de texto.
Para obtener tu ID de sitio Hotjar, visita tu página Sitios. Desde aquí, verás un listado de los Sitios y Organizaciones a los que tienes acceso, junto con los ID de Sitio a la izquierda de la URL del Sitio.
Haz clic en el área de activación para elegir en qué páginas aparecerá el código de Hotjar.
Selecciona Todas las páginas para el activador y haz clic en Guardar.
Las aplicaciones de una sola página sólo deben utilizar el tipo de activador "Page View".
Los disparadores de cambio de estado de Google Tag Manager entran en conflicto con el propio sistema de Hotjar para detectar cambios en aplicaciones de una sola página. Para obtener más información, echa un vistazo al artículo de Google Tag Manager sobre el activador de vista de página.
Haz clic en el botón Enviar en la parte superior derecha de la página Espacio de trabajo.
Haz clic en el botón Publicar para publicar la etiqueta.
Espera unos minutos y verifica si la instalación ha funcionado desde Hotjar.
Deberías ver un mensaje confirmando la instalación dentro de Hotjar. Si no es así, consulta nuestro artículo Cómo verificar si Hotjar funciona.
Etiqueta HTML personalizada desde Google Tag Manager
Ve a la página Sitios y haz clic en el enlace Ver código de Hotjar del Sitio del que desea realizar el seguimiento.
Haz clic en Copiar al Portapapeles.
En la página Espacio de trabajo de Google Tag Manager, haz clic en el botón Añadir una nueva etiqueta.
Haz clic dentro del área Configuración de etiquetas.
Selecciona HTML personalizado en la lista.
Pega el código que ha copiado previamente de Hotjar en el campo de texto.
Haz clic en el área Activación.
Haz clic en Todas las páginas.
Esto es importante - si eliges cualquier otro disparador, Hotjar no funcionará correctamente.
Asigna un nombre a la etiqueta y haz clic en el botón Guardar.
Envía tus cambios.
Asegúrate de que tu entorno activo está seleccionado y haz clic en Publicar.
Espera unos minutos y verifica que la instalación desde Hotjar.
Deberías ver un mensaje confirmando la instalación dentro de Hotjar. Si no es así, visite Solución de problemas de instalación de Google Tag Manager para comprobar las configuraciones de GTM.
Si repasa ese artículo y la configuración es correcta en GTM, visita nuestra guía Cómo comprobar que Hotjar funciona para obtener pasos adicionales de solución de problemas.