Disponible en los planes Observe o
.
El filtro de elementos en los que se ha hecho clic refina tus datos de sesión basándose en los lugares de tu sitio en los que los usuarios han hecho clic, como botones o enlaces, sin necesidad de configurar manualmente Eventos Hotjar en tu código. Puede refinar este filtro especificando condiciones como el texto de un botón o enlace en el que se ha hecho clic, el selector CSS o la URL de la página en la que existe el elemento.
En este artículo se tratarán:
- Casos de uso comunes para el filtro de elemento pulsado
- Cómo utilizar el filtro de elemento seleccionado
- Cuándo utilizar el filtro de elementos sobre los que se ha hecho clic en lugar de Eventos
- Preguntas frecuentes sobre el filtro de elementos seleccionados
Casos de uso comunes para el filtro de elemento seleccionado
A continuación se exponen algunos ejemplos de uso del filtro de elementos pulsados:
-
Comprobar el rendimiento de diferentes llamadas a la acción (CTA) como parte de una prueba A/B.
Aplique el filtro de elemento clicado en Trends, con la condición de que el texto del botón o enlace sea el texto de cada variante de botón. A continuación, compare el número de sesiones de cada variante y haga clic en las Recordings y Heatmaps relacionados para analizar con más detalle el comportamiento de los usuarios después de haber hecho clic en una determinada CTA.
-
Descubra las razones por las que los usuarios no completan la compra.
En la página de Recordings, aplique el filtro de elementos en los que se ha hecho clic con tres condiciones: no se ha hecho clic, el texto del botón o enlace contiene Checkout y la URL de la página contiene /checkout. Vea algunas Recordings filtradas para comprender qué puede estar impidiendo que los usuarios pasen por caja. A continuación, vea un Heatmap con el mismo filtro de elementos en los que se ha hecho clic aplicado a la página de pago para identificar lo que los usuarios no ven y lo que capta su atención en su lugar.
-
Descubra oportunidades para mejorar el flujo de incorporación.
Para encontrar ideas que animen a los nuevos usuarios a invitar también a sus colegas, aplique un filtro de elementos pulsados en la página de Recordings. Seleccione las condiciones: no se ha hecho clic, la URL de la página contiene /onboarding y el texto del botón o enlace contiene Invitar a miembros del equipo. Vea las Recordings para comprender por qué los usuarios no invitan a sus compañeros y genere algunas ideas de mejora.
-
Tome decisiones más informadas para un rediseño.
Las decisiones para rediseñar un sitio web y aumentar el número de demostraciones reservadas pueden ser informadas mediante la aplicación de un filtro de elemento hecho clic a sus datos de sesión recopilados. Añada las condiciones: no se ha hecho clic, cuando el botón o el texto del enlace contenga Reservar una demostración. Vea las Recordings para descubrir qué puede estar impidiendo a los usuarios reservar una demostración. Aplique el mismo filtro de elementos en los que se ha hecho clic a un mapa térmico de desplazamiento para comprender cuántos usuarios no ven la CTA Reservar una demostración en la parte inferior de la página.
Cómo utilizar el filtro de elemento seleccionado
Haga clic en el menú desplegable Añadir filtro y seleccione Elemento seleccionado.
Añada cualquier condición para refinar aún más el filtro.
Puede refinar el filtro de elementos en los que se ha hecho clic aplicando varias condiciones basadas en:
- Si se ha hecho clic o no.
- El texto del botón o enlace.
- El selector CSS - sólo soportamos selectores CSS tal y como aparecen cuando son almacenados por Hotjar. Esto puede diferir de cómo aparecen los selectores CSS al copiarlos desde su sitio en vivo. Debido a esto, cuando se utiliza el filtro del selector CSS, se recomienda realizar un seguimiento de los ID HTML, que son únicos y están contenidos dentro del selector CSS en lugar del selector CSS completo.
- Por ejemplo, en lugar de utilizar el filtro El selector CSS es x, recomendamos utilizar el filtro El selector CSS contiene y (donde "y" equivaldría a un ID HTML único).
- No admitimos valores de selector CSS que incluyan espacios en blanco. Como solución alternativa, puede eliminar los espacios en blanco utilizando este sitio web Eliminar todos los caracteres en blanco.
- La URL de la página - Consulte nuestro artículo Cómo utilizar condiciones en el filtrado de URL para obtener ayuda sobre el uso de URL como condición de filtrado, incluido el uso de expresiones regulares.
¿Qué son los selectores CSS?
Los selectores CSS definen qué elementos de una página recibirán un conjunto específico de reglas CSS (o estilos). Por ejemplo, el selector CSS .button coincidirá con cualquier elemento de una página que tenga el atributo class button.
Haga clic en Aplicar para confirmar y filtrar los datos de la sesión.
Cuándo utilizar el filtro de elementos clicados en lugar de Eventos
La API de Eventos de Hotjar le permite enviar eventos de clic a Hotjar que pueden ser usados para filtrar datos de sesión o para apuntar a widgets de Surveys y Feedback. Los siguientes puntos pueden orientarle sobre cuándo utilizar el filtro de elementos clicados o la API de Eventos con los clics de los usuarios:
Cuándo utilizar el filtro de elementos clicados
- Pruebas A/B que se centran claramente en si se hace clic o no en un elemento (por ejemplo: posicionamiento o redacción de un botón).
- Validar rápidamente una suposición o identificar posibles problemas relacionados con el hecho de que se haga clic o no en un elemento, sin necesidad de código adicional ni tiempo de desarrollo.
- Informar sobre rediseños o mejoras del sitio cuyo objetivo sea aumentar los clics en un elemento.
- Su sitio tiene un plan Observe Business o Scale.
Cuándo utilizar la API de eventos
- Está activando un widget de Surveys o Feedback: El filtro de elementos en los que se ha hecho clic no está disponible con Surveys y Feedback.
- Pruebas A/B más exhaustivas que van más allá de mirar únicamente si se hace clic o no en un elemento específico (por ejemplo: desplazamiento del usuario, tiempo en la página, si se muestra un error o si la variante A/B se carga en la misma URL que el control).
- Tu sitio tiene una suscripción a Observe Plus: La API de eventos está disponible en Plus y el filtro de elementos en los que se ha hecho clic requiere un plan Business o Scale.
¿Por qué los datos de elementos en los que se ha hecho clic solo están disponibles a partir del 5 de julio de 2022?
El seguimiento de los datos del filtro de elementos clicados comenzó el 5 de julio de 2022, lo que significa que los datos anteriores a esa fecha no se incluirán en los resultados al aplicar este filtro. Puede encontrar más detalles sobre el uso del filtro de fecha relativa y personalizada en nuestro artículo Cómo filtrar datos de sesión.
¿Funciona el filtro de elemento pulsado con los Feedback y las Surveys?
Actualmente, el filtro no está disponible con Feedback y Surveys. Puede hacernos saber cómo sería útil tener el filtro con Feedback y Surveys haciendo clic en el botón Contáctenos que aparece a continuación.
Nuestro sitio está disponible en varios idiomas, ¿podemos incluir todas las variantes lingüísticas en un filtro aplicado?
No podemos incluir múltiples variaciones de idioma en un filtro aplicado. Puede indicarnos cómo le beneficiaría disponer de esta opción haciendo clic en el botón " Contacte con nosotros".
¿Por qué no veo ningún resultado basado en mi filtro de texto de botón/enlace?
La configuración de supresión de su sitio puede estar impidiendo que Hotjar vea el texto al que se hace referencia en su filtro. Por ejemplo, si Hotjar está suprimiendo el texto del botón/enlace, esto significa que Hotjar no puede reconocer el texto porque estamos almacenando asteriscos (****) en lugar del propio texto del botón/enlace.
Una solución para esto es utilizar Hotjar Events para enviar eventos de clic a Hotjar, haciéndolos disponibles en las herramientas de Hotjar para filtrar o activar. La configuración de esto en el código de su sitio podría ser similar al ejemplo siguiente:
document.querySelector('#mi-boton')
.addEventListener('click', () => hj('event', 'clicked_cta'));
Para obtener más detalles sobre el uso de eventos para realizar un seguimiento de los eventos de clic, consulte nuestros artículos sobre Qué son los eventos, Cómo configurar eventos y Referencia de la API de eventos.