¿Cómo puedo configurar el evento onclick en el enlace colocado en el código abreviado del botón en el sitio web de WordPress?

¿Desea realizar un seguimiento de la actividad de los usuarios mientras están en su sitio? Puede realizar un seguimiento de las visitas a la página, la fuente de referencia, el tiempo dedicado a la página y mucho más simplemente instalando Google Analytics, pero para obtener información más detallada, deberá utilizar el seguimiento de eventos. En este artículo, le mostraremos cómo agregar el seguimiento de eventos de Google Analytics en WordPress.

¿Qué es el seguimiento de eventos en Google Analytics?

El seguimiento de eventos le permite medir las interacciones de los usuarios en su sitio web. Estas interacciones pueden ser cosas como hacer clic en un botón, reproducir un video, descargar archivos, enviar formularios, etc.

Supongamos que agregó un video a la página de su producto y ahora desea saber qué tan efectivo es para sus conversiones. El seguimiento de eventos le permite rastrear cuántos usuarios reprodujeron el video, para que pueda juzgar por usted mismo.

Otro ejemplo son los envíos de formularios basados ​​en ajax. Si está utilizando Gravity Forms o cualquier otro complemento de formulario de contacto, el envío del formulario no dará como resultado una nueva página vista.

Mediante el seguimiento de eventos, puede ver cómo los usuarios interactúan con un formulario.

Lo mismo ocurre con las descargas de archivos incluidas en una página. Puede realizar un seguimiento de cuántos usuarios descargaron un archivo mediante el seguimiento de eventos e incluso en qué botón de la página se hizo más clic.

El seguimiento de eventos es diferente de los enlaces de seguimiento en Google Analytics. Puede rastrear enlaces en WordPress usando Google Analytics simplemente agregando una fuente UTM a un enlace.

Estas acciones medibles le permiten ver cómo se comportan los usuarios en su sitio. Luego puede cambiar su estrategia para agregar contenido que genere más participación e interacción del usuario. En última instancia, esto significa más ventas y conversiones en su sitio web.

Empezando

Antes de comenzar, deberá configurar e instalar Google Analytics en su sitio de WordPress. Si no está familiarizado con el uso de Google Analytics, puede probar nuestra guía para principiantes sobre cómo usar Google Analytics.

Si ya está utilizando Google Analytics, puede saltar directamente al seguimiento de eventos.

Actualice a Universal Analytics Code

Actualmente hay dos tipos de Google Analytics implementados en sitios web. Google está empujando lentamente el código anterior pidiéndole a los webmasters que usen el nuevo ‘Código Universal Analytics’.

Entonces ya está utilizando el código más nuevo de Universal Analytics. No se requiere ninguna acción, y puede pasar al siguiente paso.

Si su código no se ve así, entonces probablemente esté utilizando el código anterior de Google Analytics. Tendrá que actualizar, Google tiene una guía de actualización detallada para eso. Básicamente, si no está utilizando funciones de seguimiento avanzadas en Google Analytics, puede cambiar el código antiguo con el nuevo desde la configuración de propiedades de su cuenta.

Creando su evento en Google Analytics

Primero debe crear su evento en su cuenta de Google Analytics. Simplemente inicie sesión en su panel de Analytics y haga clic en el enlace Administrador en la parte superior. Si tiene varios sitios web en su cuenta de análisis, asegúrese de estar viendo el panel del sitio donde desea agregar el evento.

Hay tres columnas debajo de la página de administración. Haga clic en el enlace ‘Objetivos’ debajo de la columna ‘Ver’.

Luego, haga clic en el botón de nuevo objetivo para crear un objetivo. Desde las opciones de Configuración del objetivo, debe seleccionar la opción personalizada y luego hacer clic en el botón siguiente para continuar.

Esto lo llevará al paso Descripción del objetivo. Debe proporcionar un título para su objetivo personalizado, esto es algo que lo ayudará a identificar el objetivo dentro de Google Analytics.

Debajo del tipo de objetivo, debe seleccionar Evento. Después de eso, haga clic en el botón del siguiente paso para continuar.

El último paso es proporcionar detalles del objetivo. Deberá ingresar las condiciones del evento aquí.

Analytics contará una conversión cuando todas estas condiciones coincidan.

En este ejemplo, hemos proporcionado una categoría y acción para el evento. Ingresamos una etiqueta para el evento y proporcionamos un valor. Según el tipo de evento que intente crear, puede nombrar su propia categoría, acciones y etiquetas.

Si cree que su evento debe transmitir un valor que pueda calcularse, puede ingresar ese valor aquí. Sin embargo, para el seguimiento de eventos más común, usar el valor 0 también funciona bien.

Finalmente, haga clic en el botón Crear objetivo para guardar y activar el objetivo. Ha habilitado con éxito el seguimiento de un evento en Google Analytics. El siguiente paso es realizar un seguimiento de este evento en su sitio web y enviar datos a Google Analytics.

Agregar seguimiento de eventos de Google Analytics en Haga clic

La forma más fácil y quizás la más rápida de agregar el seguimiento de eventos de Google Analytics es mediante el método onclick. Este método simplemente envía condiciones de evento a Google Analytics cuando el usuario hace clic en un elemento.

En este ejemplo, estamos rastreando a los usuarios que hacen clic en el enlace de descarga del libro electrónico.

Agregaremos el parámetro onClick al enlace de descarga usando este formato.

Deberá reemplazar la categoría, la acción, la etiqueta y el valor con las condiciones de su evento. Finalmente su enlace de descarga se vería así.

Eso es todo, cuando los usuarios hacen clic en este enlace, enviará un evento a Google Analytics que aparecerá en los informes de su sitio.

Agregar seguimiento de eventos con el Administrador de etiquetas de Google

Google Tag Manager es una herramienta en línea que le permite agregar diferentes códigos de seguimiento como etiquetas en un solo tablero.

También puede usarlo para crear etiquetas para rastrear eventos en su cuenta de Google Analytics. El principal beneficio de usar Google Tag Manager es que no tendría que insertar código manualmente en su sitio web, y puede administrar todas sus etiquetas desde una ubicación.

Si ya ha agregado el código de seguimiento de Google Analytics a su sitio de forma manual, deberá eliminarlo. Use nuestro tutorial sobre cómo instalar y configurar Google Tag Manager en WordPress para agregar código de Analytics a su sitio web.

Una vez que haya agregado correctamente la etiqueta de Google Analytics en el administrador de etiquetas, el siguiente paso es crear un nuevo activador. En aras de este tutorial, realizaremos un seguimiento del envío de un formulario de contacto como evento.

Haga clic en Disparadores en el administrador de etiquetas y luego haga clic en el botón Nuevo.

Esto lo llevará al asistente de creación de activadores. Aquí es donde elegiría el formulario de selección de eventos.

En la sección de configuración del activador, debe desmarcar esperar a las etiquetas y verificar las opciones de validación. Luego, haga clic en el botón Continuar para ir al siguiente paso.

En el siguiente paso, debe elegir cuándo disparar el gatillo. Si su página tiene solo un formulario, puede elegir todos los formularios. Si su página tiene más de un formulario, haga clic en el botón de algunos formularios.

Si su página tiene más de un formulario y desea realizar un seguimiento de un formulario específico, debe indicarle al Administrador de etiquetas de Google qué formulario desea realizar el seguimiento. Cuando haga clic en algunos botones de formulario, verá filtros.

Un filtro es simplemente un conjunto de instrucciones como si A coincide con B, luego dispara el gatillo. Necesita seleccionar una nueva variable.

Al seleccionar una nueva variable, aparecerá una ventana emergente donde puede crear su propia variable. Seleccione el elemento DOM como su tipo de variable. A continuación, en la variable de configuración, elija ID como su método de selección.

Ahora necesitará encontrar la identificación de su formulario. Visite la página del formulario en su sitio de WordPress, pase el mouse al primer campo del formulario y seleccione inspeccionar elemento.

La pantalla de su navegador se dividirá en dos. Verá el HTML de su página en la pantalla inferior. El atributo id será parte de su etiqueta o el div que contiene el formulario.

Copie y pegue la ID del formulario debajo de la ID y el atributo del elemento. Luego, haga clic en el botón Crear variable.

Volverá a Fire on filter donde ahora puede seleccionar su variable personalizada. En la regla correspondiente, seleccione ‘contiene’ y luego ingrese nuevamente la ID de su formulario.

Ahora haga clic en el botón Crear gatillo para continuar.

El siguiente paso es crear una etiqueta para el evento que queremos rastrear. En el Administrador de etiquetas de Google, haga clic en Etiquetas y luego haga clic en el botón Nuevo.

Esto lo llevará al asistente de creación de etiquetas. Seleccione Google Analytics como su producto y luego haga clic en el botón Continuar.

Ahora debe elegir Universal Analytics como su tipo de etiqueta. Se le pedirá que proporcione su ID de seguimiento de Google Analytics. Puede obtener esto de su cuenta de Google Analytics.

Debajo del tipo de pista, debe seleccionar el evento y luego proporcionar información de categoría, acción, etiqueta y valor. En este ejemplo, utilizamos Formularios para categoría, envío de formulario para acción, formulario de contacto como etiqueta y enviado como valor.

Haga clic en el botón continuar para continuar con el siguiente paso. Aquí es donde selecciona cuándo disparar la etiqueta. Haga clic en el botón más y seleccione el activador que creó anteriormente.

Finalmente, puede hacer clic en el botón Crear etiqueta para guardar su etiqueta.

Recuerde que guardar una etiqueta no la activa en su sitio web. Aún tendrá que hacer clic en el botón publicar para activarlo.

Eso es todo, ahora puede ir a su sitio web y enviar el formulario. Vaya a Tiempo real »Eventos en su cuenta de Analytics y verá su evento registrado y registrado.

Con el administrador de etiquetas, puede crear diferentes tipos de eventos y administrarlos desde el Administrador de etiquetas de Google. También le evita editar sus temas de WordPress o agregar código de seguimiento manualmente.

Si te refieres al botón de llamada a la acción, aquí hay algunos consejos rápidos que puedes tomar en cuenta antes de comenzar a diseñar tus botones de CTA.

  • Use palabras que obliguen a los usuarios a tomar medidas. Opte por usar verbos persuasivos como “tomar este curso” o “reclamar su prueba gratuita”.
  • Pon a prueba tus botones. Es la única forma de descubrir qué funciona mejor para su audiencia.
  • Elige los colores más apropiados. Seleccione un color atractivo que forme un contraste agradable pero llamativo con su fondo.
  • Mantenga el tamaño notable pero no desagradable.
  • Experimente con formas y estilos de sus botones. Hazlo uno a la vez para que veas cómo funciona.