Disponible para grabaciones y Heatmaps con los planes Observe 
, 
o 
. Disponible para Feedback y Encuestas con los planes Ask , o .
Los eventos son cambios o acciones en su sitio como clics, desplazamientos y tecleos. Estos eventos se pueden utilizar con Hotjar para activar la captura de sesiones, hacer que aparezcan los widgets de comentarios o encuestas, o para filtrar los datos recopilados para encontrar aún más información. Este artículo explicará cómo configurar eventos con Hotjar utilizando nuestra API de Eventos.
Para obtener una visión general de los eventos y cómo utilizarlos, consulte nuestro artículo sobre ¿Qué son los eventos?
Utilice Google Analytics para enviar eventos a Hotjar.
Echa un vistazo a nuestro artículo sobre el uso de Hotjar con Google Analy tics para averiguar cómo los eventos pueden ser enviados directamente a través de GA sin implementar el código de la API de Eventos en su sitio. Tenga en cuenta que esto sólo es posible cuando el script de GA se añade a sus páginas directamente, no cuando GA se añade a través de Google Tag Manager (GTM).
- Paso 1 - Identifique los objetivos principales que tiene para su sitio.
- Paso 2 - Decida qué eventos apoyan estos objetivos.
- Paso 3 - Implemente el código de la API de eventos en su sitio.
- Paso 4 - Después de implementar el código API de Eventos, comience a utilizar Eventos Hotjar.
Identifique los objetivos principales que tiene para su sitio.
Dependiendo de su sitio, sus objetivos actuales podrían incluir el aumento de las conversiones, la reducción de errores, el aumento de las suscripciones al boletín de noticias, o el seguimiento de una prueba A / B. Estos son algunos casos de uso cotidiano de los eventos que le ayudarán a identificar los objetivos en los que desea centrarse:
- Filtrar Heatmaps para comparar el rendimiento de una variante de página para pruebas A/B.
- Filtrar grabaciones en las que los usuarios han encontrado un error para ayudar a encontrar y resolver errores o problemas comunes de UX.
- Activar una encuesta para los usuarios que cancelan su suscripción, preguntándoles cómo podría mejorar el boletín.
Para más casos de uso, consulte nuestro artículo sobre ¿Qué son los eventos?
Decida qué eventos apoyan estos objetivos.
Los eventos específicos que están ocurriendo (o que no están ocurriendo) en su sitio pueden ser utilizados para apoyar sus objetivos identificados en el Paso 1. Si enumera estos eventos antes de pasar al siguiente paso, sabrá dónde implementar el código de la API de eventos. Algunos ejemplos de eventos en su sitio incluyen:
- Un evento de clic en un botón o enlace específico
- La función de Eventos se utiliza mejor cuando se desea dirigir una herramienta de Feedback o Encuesta basada en el clic del usuario. De lo contrario, considere el Filtro de Elemento Clickeado incorporado.
- Se produce un error.
- Se carga una variante de página.
A continuación, podrá vincular los dos primeros pasos para ayudarle a implementar el código de la API de eventos en el siguiente paso. Por ejemplo, su objetivo y evento para apoyar el objetivo podría ser: "Pasar un evento a Hotjar cuando se activa un error (el evento), de modo que pueda filtrar mis grabaciones Hotjar por ese evento de error para encontrar y resolver errores o problemas comunes de UX (el objetivo)."
Implemente el código API de Eventos en su sitio.
Puede 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, vea nuestro artículo Cómo Enviar Eventos con Google Tag Manager, Usando Hotjar con Google Analytics, o si está usando Segment visite nuestra guía Usando Hotjar con Segment.
Después de elaborar sus objetivos y los eventos para apoyar estos objetivos, el siguiente paso es implementar el código de la API de Eventos en su sitio utilizando la Guía de Referencia de la API de Eventos. La función de Eventos en Hotjar está disponible y pre-habilitada en sitios con uno de los siguientes planes: Observe o Ask Plus, Business o Scale. Sin embargo, tendrá que añadir algún código personalizado a su sitio para empezar a enviar eventos a Hotjar. Dependiendo de tu nivel de conocimientos técnicos, es posible que necesites la ayuda de un desarrollador web para escribir el código adicional necesario.
Para ayudarte a implementar el 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 encontrará un fragmento de código como plantilla de ejemplo para realizar un seguimiento de si se ha añadido o no una tarjeta de crédito a una página de pago. Esto es sólo un ejemplo, así que consulte con sus desarrolladores para implementar el código basado en su sitio web y objetivos.
fetch('/api/añadir-tarjeta-de-crédito', {
método: 'POST',
cabeceras: {
Content-Type': 'application/json',
},
body: JSON.stringify(body),
})
.then((respuesta) => respuesta.json())
.then((datos) => {
hj('event', 'Añadida tarjeta de crédito correctamente')
// manejar la respuesta del backend.
}
)
.catch(error => {
hj('event', 'Error al añadir 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 utilizar los Eventos Hotjar.
Después de implementar el código Event API necesario para enviar eventos a Hotjar, comenzará a ver los eventos disponibles para su uso en las herramientas de Hotjar. Desde aquí, actualmente puede hacer lo siguiente con los Eventos Hotjar:
- Filtrar grabaciones por eventos.
- Filtrar Heatmaps por Eventos.
- Crear un segmento de grabación que incluya el evento filtrado.
- Dirija los widgets de encuestas y comentarios para que se activen en función de los eventos.
- Inicie la captura de sesiones basándose en la activación de Eventos.