¿Qué es el filtro de elemento clicado?

El filtro elemento clicado refina tus datos de sesión basándose en dónde los usuarios han hecho clic en tu sitio, como botones o enlaces, sin necesidad de configurar manualmente Eventos de Hotjar en tu código. Puedes refinar este filtro especificando condiciones como el texto de un botón o enlace clicado, el selector CSS o la URL de la página en la que se encuentra el elemento.

Este artículo cubrirá:

• Casos de uso comunes para el filtro de elemento clicado
• Cómo utilizar el filtro de elemento clicado
• Cuándo utilizar el filtro de elemento clicado en lugar de Eventos
• Preguntas frecuentes sobre el filtro de elemento clicado

Casos de uso comunes para el filtro de elemento clicado

A continuación se presentan algunos ejemplos de casos de uso para el filtro de elemento clicado:

• Verifique el rendimiento de diferentes llamadas a la acción (CTA) como parte de una prueba A/B.

  Aplique el filtro del elemento clicado en Tendencias, con la condición de texto del botón o enlace siendo el texto de cada variante de botón. Luego compare el número de sesiones para cada variante y haga clic para ver grabaciones y mapas de calor relacionados para un análisis más detallado del comportamiento del usuario después de haber hecho clic en una CTA en particular.

• Encuentre razones por las cuales los usuarios no completan su compra.

  Desde la página de Grabaciones, aplique el filtro del elemento clicado con tres condiciones: clicado no ocurrió, donde el texto del botón o enlace contiene Checkout, y donde la URL de la página contiene /checkout. Vea algunas grabaciones filtradas para comprender qué podría estar impidiendo que los usuarios finalicen la compra. Luego vea un mapa de calor con el mismo filtro del elemento clicado aplicado a la página de pago para identificar qué es lo que los usuarios no ven y qué es lo que captura su atención en su lugar.

• Descubra oportunidades para mejorar un flujo de incorporación.

  Para encontrar ideas para animar a los nuevos usuarios a invitar también a colegas, aplique un filtro del elemento clicado en la página de Grabaciones. Seleccione las condiciones: clicado no ocurrió, donde la URL de la página contiene /onboarding, y donde el texto del botón o enlace contiene Invitar a miembros del equipo. Vea grabaciones para entender por qué los usuarios no están invitando a colegas y genere algunas ideas de mejora.

• Tomar decisiones más informadas para un rediseño.

  Las decisiones para rediseñar un sitio web y aumentar el número de demos reservadas pueden basarse en la aplicación de un filtro del elemento clicado a sus datos de sesión recopilados. Agregue las condiciones: clicado no ocurrió, donde el texto del botón o enlace contiene Reservar una demo. Vea grabaciones para descubrir qué podría estar impidiendo que los usuarios avancen con la reserva de una demo. Aplique el mismo filtro del elemento clicado a un mapa de calor de desplazamiento para entender cuántos usuarios no ven la CTA de Reservar una demo en la parte inferior de la página.

Volver arriba

Cómo usar el filtro del elemento clicado

Haga clic en el menú desplegable Agregar filtro y seleccione Elemento clicado.

Agregue cualquier condición para refinar aún más el filtro.

Puede refinar el filtro del elemento clicado aplicando múltiples condiciones.

Si se produjo o no un clic

Cuando filtra Tendencias, Grabaciones o Mapas de calor, puede elegir si filtrar sesiones donde el clic se produjo o no se produjo.

Cuando filtra Embudos, esta opción está fija en se produjo.

Texto del botón o enlace

Esto filtra sesiones para incluir interacciones en el texto visible específicamente en un botón (<button>) o enlace (<a>). Por ejemplo, 'Más información' o 'Checkout'.

Selector CSS

Solo admitimos selectores CSS tal como aparecen cuando se almacenan en Hotjar. Esto puede diferir de cómo aparecen los selectores CSS al copiarlos de su sitio en vivo. Por esta razón, al utilizar el filtro de selector CSS, recomendamos rastrear los ID de HTML, que son únicos y están contenidos dentro del selector CSS en lugar de utilizar el selector CSS completo.

Por ejemplo, en lugar de utilizar el filtro: selector CSS es x, recomendamos utilizar el filtro selector CSS contiene y (donde 'y' sería igual a un ID de HTML único).

No admitimos valores de selectores CSS que incluyan espacios en blanco. Como solución alternativa, puede eliminar los espacios en blanco utilizando este sitio web Eliminar todos los caracteres de espacio en blanco.

URL de la página

Consulte nuestro Cómo utilizar condiciones en el filtrado de URL artículo para obtener ayuda sobre cómo utilizar las URL como condición de filtro, incluido el uso de regex.

Haga clic en Aplicar para confirmar y filtrar los datos de su sesión.

Volver arriba

Cuándo utilizar el filtro de elemento clicado en lugar de Eventos

La API de Eventos de Hotjar le permite enviar eventos de clic a Hotjar que se pueden utilizar para filtrar datos de sesión o para apuntar a encuestas y widgets de retroalimentación. Los siguientes puntos pueden ayudarle a decidir cuándo utilizar el filtro de elemento clicado o la API de Eventos con clics de usuario:

Cuándo utilizar el filtro de elemento clicado

• Pruebas A/B que se centran claramente en si se hace clic en un elemento o no (por ejemplo: posición o redacción de un botón).
• Validar rápidamente una suposición o identificar posibles problemas relacionados con si se hace clic en un elemento o no, sin necesidad de código adicional o tiempo de desarrollo.
• Para informar rediseños o mejoras en el sitio donde el objetivo es aumentar los clics en un elemento.

Cuándo utilizar la API de Eventos

• • • Está activando un widget de Encuesta o Retroalimentación: El filtro de elemento clicado no está disponible con Encuestas y Retroalimentación.
    • Pruebas A/B más detalladas que van más allá de solo mirar si se hace clic en un elemento específico o no (por ejemplo: desplazamiento del usuario, tiempo en la página, mostrar un error o si la variante A/B se carga en la misma URL que el control).
    • Si está intentando rastrear interacciones en un elemento anidado, es posible que desee utilizar Eventos. Al utilizar el filtro de elemento clicado, Hotjar solo rastreará los elementos HTML button y a. Dado que el HTML puede estar anidado, si Hotjar no encuentra el elemento que especificó, nuestro algoritmo se moverá al siguiente elemento padre y verificará allí. Si no se puede encontrar dentro de los tres elementos padres siguientes, Hotjar no podrá recopilar los datos.

Volver arriba

document.querySelector('#mi-boton')
	.addEventListener('click', () => hj('event', 'clicked_cta'));

Volver arriba