Disponibilidad del plan
Disponible para Grabaciones y Mapas de calor con Observar o Observar Disponible para Grabaciones y Mapas de calor con Observar
Disponible para Feedback y Encuestas con Preguntar o Preguntar
Los Atributos de usuario son datos sobre sus usuarios enviados a Hotjar. Se pueden utilizar para filtrar las Grabaciones y datos de Mapas de calor recopilados, activar Encuestas o widgets de Feedback, o para buscar y eliminar datos de usuario por ID de usuario. Consulte nuestra guía sobre ¿Qué son los Atributos de usuario? para obtener más detalles.
Con Google Tag Manager (GTM) instalado en su sitio en vivo, puede utilizar una etiqueta HTML personalizada y la capa de datos de GTM para enviar atributos a Hotjar. Esto le permite comenzar a utilizar los Atributos de usuario sin colocar manualmente código adicional en su sitio. Si aún no tiene GTM instalado en su sitio en vivo, primero deberá configurarlo. Utilice el artículo de Google Configurar e instalar Tag Manager para aprender cómo hacerlo.
En este artículo, explicaremos cómo enviar Atributos de usuario a Hotjar con GTM.
- Enviar Atributos de usuario con la capa de datos de GTM
- Enviar Atributos de usuario con la etiqueta HTML personalizada de GTM
Enviar Atributos de usuario con la capa de datos de GTM
La capa de datos es el repositorio de datos estructurados de GTM. Deberá configurarse en GTM antes de poder enviar atributos desde la capa de datos a Hotjar. Consulte la guía de la capa de datos de Google y la documentación para desarrolladores de la capa de datos para obtener ayuda con la configuración o realización de cambios en su capa de datos.
Confirme que los atributos en los que está interesado estén disponibles en la capa de datos de GTM en su sitio.
Puede verificar su capa de datos desde su sitio en vivo utilizando la consola de desarrollador de su navegador y escribiendo dataLayer, luego presionando return o enter. Debería ver aparecer la matriz de la capa de datos, que se puede expandir para mostrar qué está disponible en su capa de datos.
htmlCrea una nueva variable de capa de datos en GTM para el atributo que te interesa.
Las variables de capa de datos te permiten pasar valores de tu capa de datos a las etiquetas de GTM. Encontrarás los pasos para crear una variable de capa de datos en la sección Configurar la variable de capa de datos de la guía de la capa de datos de Google.
Tendrás que repetir este paso para cada atributo que desees enviar a Hotjar desde la capa de datos. Toma nota del nombre que le das a cada variable de capa de datos para usarlo en el siguiente paso.
Crea una etiqueta HTML personalizada que incluya la variable de capa de datos.
Para crear una etiqueta HTML personalizada, sigue los pasos en la sección a continuación llamada Enviar atributos de usuario con la etiqueta HTML personalizada de GTM. Incluye la variable de capa de datos en el campo de texto de la etiqueta HTML personalizada escribiéndola sin comillas y usando llaves.
Enviar atributos de usuario con la etiqueta HTML personalizada de GTM
Desde la página de Visión general de GTM, haz clic en Agregar una nueva etiqueta.
Haz clic en Configuración de etiqueta, luego elige HTML personalizado.
Incluye el script que enviará los atributos a Hotjar en el campo HTML.
A continuación se muestra un script de ejemplo incluido en el campo HTML de la etiqueta HTML personalizada. Estos atributos se enviarán a Hotjar a través de nuestra API de Identificación. Si estás utilizando la capa de datos de GTM, puedes incluir la variable de capa de datos usando llaves y sin comillas, por ejemplo: 'Registrado': {{dlv - Registrado}}.
<script>
window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments);};
// Instala este fragmento completo DESPUÉS del código de seguimiento de Hotjar.
var userId = tu_id_de_usuario || null; // Reemplaza tu_id_de_usuario con tu propia variable.
window.hj('identify', userId, {// Agrega tus propios atributos personalizados aquí. Algunos EJEMPLOS:
// 'Registrado': '2019-06-20Z', // Fecha de registro en formato ISO-8601.
// 'Última categoría de compra': 'Electrónica', // Envía cadenas con comillas alrededor.
// 'Total de compras': 15, // Envía números sin comillas.
// 'Última fecha de compra': '2019-06-20Z', // Envía fechas en formato ISO-8601.
// 'Última fecha de reembolso': null, // Envía null cuando no existe un valor para un usuario.
});
</script>
El Código de Seguimiento de Hotjar debe cargarse en tu página antes de tu código de Atributos de Usuario
Si existe la posibilidad de que tu evento se active en la página antes que tu Código de Seguimiento de Hotjar, deberás agregar esta línea de código justo antes de tu código de Atributos de Usuario:
window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments);};
Haz clic en Disparadores, luego selecciona Todas las páginas.
Esto enviará tus atributos a Hotjar utilizando GTM en cada vista de página donde GTM y Hotjar estén instalados.
Recomendamos enviar tus atributos en cada vista de página
Esto te brinda la máxima flexibilidad para utilizar los atributos para otros propósitos en el futuro. También ayuda a garantizar que los valores de atributos más actualizados estén disponibles dentro de Hotjar.
Asigna un nombre a tu etiqueta y luego haz clic en Guardar.
Confirma el cambio de espacio de trabajo en GTM haciendo clic en Enviar y luego en Publicar.
Asegúrate de publicar en tu Entorno en Vivo en GTM
Al enviar cambios a tu espacio de trabajo de GTM, verifica que la opción Publicar en Entorno esté configurada en Vivo.
Da a GTM un momento para actualizar el contenedor de GTM en tu sitio en vivo con los cambios. Tus atributos se listarán en tu página de Atributos de Usuario cuando se estén enviando correctamente a Hotjar. También puedes seguir nuestra guía sobre cómo verificar manualmente que se están enviando los atributos en tu sitio en vivo.