Si está leyendo esto, ya debería haber configurado Google Analytics en su sitio de WordPress. Si aún no lo has hecho, ¡hazlo ahora! Esperaré aquí.
…
Bien, ahora que ha realizado ese paso, tenemos que hablar sobre el seguimiento de eventos. El seguimiento de eventos puede ser cualquier tipo de cosa que desee saber sobre lo que sucede en su sitio. ¿Quieres saber cuándo alguien agregó un producto a su carrito en tu tienda? ¡Excelente! ¿Cuándo se han suscrito a un boletín? Eso tiene sentido. ¿Envió una entrada de formulario? ¡Buena idea! ¿Pasó el mouse sobre esa foto de su primo tercero eliminada dos veces? Quiero decir, ¿por qué no? ¡Hagámoslo!
Dependiendo de cómo configure Analytics en su sitio, es posible que tenga un número de eventos que se rastreen automáticamente. Analytify, por ejemplo, hace un gran trabajo al rastrear el comercio electrónico y muchos envíos de complementos de formulario. Pero, ¿qué hace si desea realizar un seguimiento de algo que la integración de Analytics de su elección no? rastrear automaticamente? Bueno, podemos construir una solución que lo haga. Tomará un poco de Javascript / jQuery, pero es mucho más fácil de lo que piensa.
Veamos los conceptos básicos para enviar un evento de Google Analytics. Primero, la forma larga:
ga('send', {
hitType: 'event',
eventCategory: 'UserAction',
eventAction: 'Clicked',
eventLabel: 'TheBlueButton'
});
Eso parece demasiado largo y engorroso, por lo que puede abreviarlo así:
ga('send', 'event', 'UserAction', 'Clicked', 'TheButton');
Eso es todo; si ingresa eso en la consola de su navegador, enviará el evento a Analytics y aparecerá en su tablero allí. Ahora solo tenemos que activarlo. Necesitamos un evento.
Eventos, o "¿Acaba de pasar algo?"
Los eventos suceden todo el tiempo a medida que los usuarios usan su sitio. Cada paso del mouse, desplazamiento, clic, todo:todo es un evento que puede desencadenar si lo desea. Algunos eventos están integrados, otros están incluidos en las bibliotecas de Javascript en WordPress y otros se pueden crear manualmente (pero ese es un artículo diferente para escribir).
Comencemos con uno básico; un botón con el que quieras hacer algo. Digamos que tienes un botón.
Soy un botón.¡Ahí lo tienes, ese es un botón bonito! Ahora que tiene el botón, quiere saber cada vez que alguien hace clic en él. Veamos el código que compone ese botón;
<div id="theButton" class="wp-block-button"><a class="wp-block-button__link">I am a button.</a></div>
Ahora podemos ver cómo está estructurado, podemos apuntarlo con algo de Javascript. Prefiero no reinventar la rueda, así que usaré jQuery (ya que de todos modos está incluido en WordPress)
jQuery("div#theButton a").click(function() {
ga('send','event','UserAction','Clicked','TheButton');
});
Con ese código en su lugar en la página (recuerde envolverlo en etiquetas