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í.
Analytics Tools

Crear eventos de elementos seleccionados

Última actualización: octubre 19, 2020

Requisitos

Marketing Hub  Enterprise

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

Nota: el acceso a esta característica aún estará disponible para cuentas de HubSpot con una suscripción de Sales Hub Enterprise o Service Hub Enterprise antes del 9 de enero de 2020.

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.

Las situaciones en las que es recomendable hacer seguimiento a los eventos de elementos seleccionados incluyen:

  • 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

Una vez que hayas creado tus eventos, descubre cómo analizar y administrar tus eventos completados. También puedes crear eventos de URL visitada, eventos de formulario enviados y eventos personalizados.

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.

Usar la extensión de Chrome para eventos

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 Seguimiento y analíticas > 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 sprocket 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 sprocket.
  • 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.
  • Haz clic en Eventos de comportamiento.
  • En la parte superior derecha, haz clic en Crear evento.
  • En el panel derecho, configura tu evento: 
    • Introduce un Nombre de evento.
    • Para agrupar e identificar fácilmente el evento más tarde, haz clic en el menú desplegable Etiquetas y selecciona o ingresa una etiqueta.
    • En la sección Tipo de evento, selecciona Elemento seleccionado.
  • Haz clic en Siguiente.

  • Selecciona ID, Clase, o Selector de jQuery para dirigir al elemento al que se desea hacer seguimiento. Introduce el ID, Clase o Selector de jQuery relevante.
  • 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 como un evento en esa página específica.

  • Al finalizar, haz clic en Guardar.

Comprender y recuperar selectores de elementos

ID

Un evento de elemento seleccionado puede identificar un elemento por el atributo ID y detectar cuándo se hace clic.

Para ver el ID de elemento:

  • Haz clic con el botón derecho en la página con el elemento que estás dirigiendo y selecciona Ver fuente de página o Inspeccionar.
  • Haz clic en el elemento. Debes poder ver el atributo ID en la línea de código (por ejemplo, id=“nombre-de-elemento-único”).
  • Copia el valor del ID y pega esto (por ejemplo, en este caso, nombre-de-elemento-único) en el campo ID sin comillas.
 

Clase

Un evento de elemento seleccionado puede identificar un elemento por el atributo de clase y detectar cuándo se selecciona.

  • Haz clic con el botón derecho en la página con el elemento que estás dirigiendo y selecciona Ver fuente de página o Inspeccionar.
  • Haz clic en el elemento. Deberías ver el atributo de clase en la línea de código (por ejemplo, clase=“nombre-de-elemento-único”).
  • Copia el valor de la clase y pega esto (por ejemplo, en este caso, nombre-de-elemento-único) en el campo Clase sin comillas.
 

Selector de jQuery

También puedes usar selectores completos de jQuery para dirigirte a elementos. 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.