Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Events

Crear eventos de elementos seleccionados

Última actualización: agosto 26, 2019

Requisitos

Marketing Hub  Enterprise
Sales Hub  Enterprise
Service Hub  Enterprise

Los eventos de elementos seleccionados registran cuando un visitante anónimo o un contacto de HubSpot hacen clic en elementos específicos en tu sitio web. Los eventos de elementos seleccionados se pueden crear de las siguientes dos maneras:

  1. Instalar y usar la extensión de Chrome para eventos
  2. Crear manualmente el evento usando un selector de ID, Clase o jQuery

Se recomienda usar la extensión de Chrome de evento para eventos sencillos, como hipervínculos e imágenes. Para obtener contenido más complejo como CTA, se recomienda crear el evento manualmente.

Algunos usos comunes de eventos a los que se puede hacer seguimiento con los eventos de elementos seleccionados son:

  • se hace clic en una CTA de demostración gratuita
  • se hace clic en un enlace de descarga de PDF
  • se hace clic en una imagen de producto específica en tu página de listado de productos

Nota:Los eventos de elementos seleccionados solo se pueden crear y hacer seguimiento en páginas que tengan instalado el código de seguimiento de HubSpot.

 

Instalar la extensión de Chrome para eventos

  • En tu cuenta de HubSpot, haz clic en el símbolo de configuración settings, situado en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, navega a Informes > Código de seguimiento.
  • Haz clic en Instalar extensión de chrome de evento.
  • Haz clic en Descargar.
  • Se redireccionará a la extensión de Analíticas de HubSpot en la tienda web de Google Chrome. En la esquina superior derecha, haz clic en Agregar a Chrome.

  • En el cuadro de diálogo, haz clic en Agregar extensión.
  • Una vez que hayas instalado la extensión, aparecerá como un símbolo de rueda dentada de color naranja en la barra de herramientas de tu navegador Chrome.

 

Error al crear un evento con la extensión de Chrome de evento

  • Navega a una página web con tu código de seguimiento de HubSpot instalado.
  • En la barra de herramientas de tu navegador Chrome, haz clic en el símbolo de rueda dentada naranja.
  • En el cuadro de diálogo, haz clic en Buscar un selector.
  • Haz clic en el elemento de la página para el cual deseas crear un evento de elemento seleccionado. En el siguiente ejemplo, el evento de elemento seleccionado hará seguimiento a los clics en los aspectos clave del enlace.

  • En el cuadro de diálogo, el selector de CSS del elemento será generado automáticamente. Introduce un Nombre para el evento y selecciona Etiqueta(s) (opcional) para agrupar y encontrar el evento más tarde.
  • Haz clic en Enviar.

  • Después de crear el evento, aparecerá un mensaje de confirmación. Haz clic en Ver evento en HubSpot para ver el nuevo evento de elemento seleccionado en tu panel de eventos.

Nota: Dependiendo de la complejidad y especificaciones CSS de tu sitio web, la extensión de Chrome para eventos podría no detectar un selector de CSS único para un elemento. En este caso, debes crear manualmente el evento o agregar una etiqueta id única al elemento en su lugar.

 

Crear manualmente el evento usando el selector de ID, clase o jQuery

  • En tu cuenta de HubSpot, dirígete a Informes > Herramientas de Analíticas. Luego, selecciona Eventos.
  • En la parte superior derecha, haz clic en Crear evento.
  • En el panel derecho, escribe un Nombre de evento y selecciona Etiquetas (opcional) para agrupar y encontrar el evento más tarde. En Tipo de evento, selecciona Elemento seleccionado.
  • Haz clic en Siguiente >

  • SeleccionaID, Clase, oselector de jQuery para dirigir al elemento la que se desea hacer seguimiento.
  • Introduce la URL de la página en el campo URL de la página si solo deseas que al elemento se le haga seguimiento un evento en una página específica.

ID

Usa el atributo ID de un elemento para detectar cuándo se le selecciona. Los ID aparecen en tu HTML como id= "nombre-de-elemento-único". En este caso, solo ingresa el nombre de elemento único en el campo ID debajo del Selector de elementos.

Haz clic con el botón derecho en cualquier lugar de tu página y selecciona Ver fuente de página o Inspeccionar para determinar el ID único del elemento.

 

Clase

Usa el atributo de clase de un elemento para detectar cuándo se le selecciona. las clases aparecen en tu HTML como class= "nombre-elemento".En este caso, solo introduce el nombre del elemento en el campo Clase debajo del Selector de elementos.

Haz clic con el botón derecho en cualquier lugar de tu página y selecciona Ver fuente de página o Inspeccionar para determinar la clase del elemento.

Selector de jQuery

También puedes usar selectores completos de jQuery o CSS para dirigirte a elementos específicos. Esto es útil si el elemento al que estás dirigiendo no tiene un ID o una clase, o necesitas ser más específico. Más información sobre selectores compatibles.

En la parte inferior derecha, haz clic en Guardar para finalizar tu evento de elemento seleccionado.