Disponibilidad del plan
Disponible para Grabaciones y Mapas de calor con Observe 
, Observe 
, o Observe 
Disponible para Grabaciones y Mapas de calor con Observe , Observe
Disponible para Feedback y Encuestas con Ask , Ask , o Ask
Los eventos son cambios o acciones en tu sitio, como clics, desplazamientos y escritura. Estos eventos se pueden utilizar con Hotjar para activar la captura de sesiones, hacer que aparezcan widgets de Feedback o Encuestas, o para filtrar tus datos recopilados y encontrar aún más información. Este artículo analizará lo que implica configurar eventos con Hotjar utilizando nuestra API de Eventos.
Para obtener una visión general de los Eventos y cómo utilizarlos, consulta nuestro artículo sobre ¿Qué son los Eventos?
¡Usa Google Analytics para enviar Eventos a Hotjar!
Consulta nuestro artículo sobre Cómo usar Hotjar con Google Analytics para descubrir cómo los Eventos se pueden enviar directamente a través de GA sin implementar el código de la API de Eventos en tu sitio. Ten en cuenta que esto solo es posible cuando el script de GA se agrega directamente a tus páginas, no cuando GA se agrega a través de Google Tag Manager (GTM).
- Paso 1 - Identifica los principales objetivos que tienes para tu sitio.
- Paso 2 - Decide qué eventos apoyan estos objetivos.
- Paso 3 - Implementa el código de la API de Eventos en tu sitio.
- Paso 4 - Después de implementar el código de la API de Eventos, comienza a usar los Eventos de Hotjar.
Identifica los principales objetivos que tienes para tu sitio.
Dependiendo de tu sitio, tus objetivos actuales podrían incluir aumentar conversiones, reducir errores, aumentar suscripciones al boletín informativo o realizar un seguimiento de una prueba A/B. Aquí tienes algunos casos de uso cotidianos para Eventos que te ayudarán a identificar los objetivos en los que te gustaría centrarte:
- Filtrar mapas de calor para comparar el rendimiento de una variante de página para pruebas A/B.
- Filtrar grabaciones donde los usuarios encontraron un error para ayudar a encontrar y resolver errores o problemas comunes de UX.
- Disparar una encuesta a los usuarios que se dan de baja, preguntándoles cómo podrían mejorar el boletín informativo.
Para más casos de uso, consulte nuestro artículo sobre ¿Qué son los Eventos?
Decide qué eventos apoyan estos objetivos.
Eventos específicos que están ocurriendo (o no ocurriendo) en tu sitio pueden ser utilizados para apoyar los objetivos identificados en el Paso 1. Al enumerar estos eventos antes de pasar al siguiente paso, sabrás dónde implementar el código de la API de Eventos. Algunos ejemplos de eventos en tu sitio incluyen:
- Un evento de clic en un botón o enlace específico
- La función de Eventos se utiliza mejor cuando deseas apuntar a una herramienta de Comentarios o Encuestas basada en el clic del usuario. De lo contrario, ¡considera en su lugar el Filtro de Elemento Clicado integrado!
- Se desencadena un error.
- Se carga una variante de página.
Luego podrás vincular los dos primeros pasos para ayudar en la implementación del código de la API de Eventos en el siguiente paso. Por ejemplo, tu objetivo y evento para apoyar el objetivo podrían ser: "Enviar un evento a Hotjar cuando se desencadene un error (el evento), para que pueda filtrar mis Grabaciones de Hotjar por ese evento de error para encontrar y resolver errores o problemas comunes de UX (el objetivo)."
Implementa el código de la API de Eventos en tu sitio.
Puedes enviar Eventos usando Google Tag Manager, Google Analytics o Segment
Es posible comenzar a enviar Eventos a Hotjar utilizando Google Tag Manager, Google Analytics o Segment. Para más detalles, consulta nuestro artículo Cómo enviar Eventos con Google Tag Manager, Usar Hotjar con Google Analytics, o si estás utilizando Segment visita nuestra guía Usar Hotjar con Segment.
Después de definir tus objetivos y los eventos para apoyar estos objetivos, el siguiente paso es implementar el código de la API de Eventos en tu sitio utilizando la Guía de Referencia de la API de Eventos. Se necesitará agregar un código personalizado a tu sitio para comenzar a enviar eventos a Hotjar. Dependiendo de tu nivel de experiencia técnica, puede que necesites la ayuda de un desarrollador web para escribir el código adicional requerido.
Para ayudar en la implementación del código de la API de Eventos, hemos proporcionado más información en nuestra Guía de Referencia de la API de Eventos. A continuación, se muestra un fragmento de código como ejemplo de plantilla para rastrear si se agregó o no una tarjeta de crédito a una página de pago. Esto es solo un ejemplo, así que consulta con tus desarrolladores para implementar el código basado en tu sitio web y objetivos.
fetch('/api/agregar-tarjeta-de-credito', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(body),
})
.then((response) => response.json())
.then((data) => {
hj('event', 'Tarjeta de crédito agregada exitosamente')
// manejar la respuesta del backend.
}
)
.catch(error => {
hj('event', 'Error al agregar la tarjeta de crédito')
})*Consulte a sus propios desarrolladores para determinar qué código será necesario para su sitio.
Después de implementar el código de la API de Eventos, comience a usar los Eventos de Hotjar.
Después de implementar el código de la API de Eventos necesario para enviar eventos a Hotjar, comenzará a ver los eventos disponibles para usar en las herramientas de Hotjar. Desde aquí, actualmente puede hacer lo siguiente con los Eventos de Hotjar:
- Filtrar Grabaciones por Eventos.
- Filtrar Mapas de Calor por Eventos.
- Crear un Segmento de Grabación que incluya el evento filtrado.
- Dirigir Encuestas y widgets de Feedback para activarse según los Eventos.
- Iniciar la captura de sesión basada en la activación de Eventos.