Google Tag Manager debe estar instalado en su sitio antes de seguir esta guía.
Si aún no tiene instalado Google Tag Manager, primero deberá configurarlo. Utilice 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 seguimiento Hotjar utilizando Google Tag Manager (GTM). Las tres opciones para esta instalación son utilizar el:
- Integración de Hotjar y Google Tag Manager
- Etiqueta Hotjar Tracking Code desde Google Tag Manager
- Etiqueta HTML personalizada desde Google Tag Manager
También puede utilizar GTM para enviar eventos a Hotjar y establecer atributos de usuario
Después de instalar Hotjar, también puede utilizar GTM para enviar Eventos y Atributos de Usuario. Obtenga 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
Visite la página de sus Sitios y haga clic en Instalar código de seguimiento.
Si Hotjar se instaló previamente en su sitio web, pero se eliminó posteriormente, es posible que no vea la opción "Instalar código de seguimiento". Si la opción "Instalar código de seguimiento" no está presente, tendrás que seguir una de las otras opciones de instalación mencionadas en este artículo.
Haga clic en Iniciar configuración en la ventana Instalar con Google Tag Manager.
Sólo verá esta opción si su sitio tiene un contenedor GTM instalado.
Se le mostrará el primer paso para esta integración si Hotjar ha detectado automáticamente que su sitio tiene un contenedor GTM. Si no ves el primer paso, sigue los pasos 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 donde instalará el código de seguimiento Hotjar.
¿Ve 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.
Seleccione su cuenta GTM y su contenedor de etiquetas GTM, luego haga 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 tiene, siga las instrucciones de la documentación oficial de Google.
Haga clic en Confirmar y Crear.
Espera unos minutos a 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 comprobar que Hotjar funciona. No dudes en ponerte en contacto con nosotros si necesitas ayuda.
Etiqueta Hotjar Tracking Code desde Google Tag Manager
Desde su panel de control de Google Tag Manager, haga clic en Añadir una nueva etiqueta.
Haga clic en el icono de etiqueta y seleccione Hotjar Tracking Code de la lista.
Introduzca su ID de sitio Hotjar en el campo de texto.
Para obtener su ID de sitio Hotjar, visite su página Sitios. Desde aquí verás una lista de los Sitios y Organizaciones a los que tienes acceso, junto con los ID de Sitio a la izquierda de la URL del Sitio.
Haga clic en el área de activación para elegir en qué páginas aparecerá el código de seguimiento.
Seleccione Todas las páginas para el activador y haga clic en Guardar.
Las aplicaciones de una sola página sólo deben utilizar el tipo de activador "Vista de página".
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, eche un vistazo al artículo de Google Tag Manager sobre el activador de vista de página.
Haga 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.
Espere unos minutos a que Google y, a continuación, compruebe que 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 comprobar que Hotjar funciona.
Etiqueta HTML personalizada desde Google Tag Manager
Vaya a la página Sitios y haga clic en el enlace Ver código de seguimiento del Sitio del que desea realizar el seguimiento.
Haga clic en Copiar al Portapapeles.
En la página Espacio de trabajo de Google Tag Manager, haga clic en el botón Añadir una nueva etiqueta.
Haga clic dentro del área Configuración de etiquetas.
Seleccione HTML personalizado en la lista.
Pegue el código que ha copiado previamente de Hotjar en el campo de texto.
Haga clic en el área Activación.
Haga clic en Todas las páginas.
Esto es importante - si elige cualquier otro disparador, Hotjar no funcionará correctamente.
Asigne un nombre a la etiqueta y haga clic en el botón Guardar.
Envíe sus cambios.
Asegúrese de que su entorno activo está seleccionado y haga clic en Publicar.
Espere unos minutos a que Google y, a continuación, compruebe que la instalación ha funcionado 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, visite nuestra guía Cómo comprobar que Hotjar funciona para obtener pasos adicionales de solución de problemas.