Se stai leggendo questo, dovresti aver già impostato Google Analytics nel tuo sito WordPress. Se non l'hai ancora fatto, fallo ora! Ti aspetto qui.
…
Ok, quindi ora che hai completato questo passaggio, dobbiamo parlare del monitoraggio degli eventi. Il monitoraggio degli eventi può essere qualsiasi cosa tu voglia sapere su ciò che accade sul tuo sito. Vuoi sapere quando qualcuno ha aggiunto un prodotto al carrello nel tuo negozio? Grande! Quando si sono iscritti a una newsletter? Ha senso. Hai inviato una voce del modulo? Buona idea! Hai passato il mouse su quella foto di tuo cugino di terzo grado rimossa due volte? Voglio dire, perché no? Facciamolo!
A seconda di come imposti Analytics sul tuo sito, potresti avere un numero di eventi monitorati automaticamente per te. Analytify, ad esempio, fa un ottimo lavoro nel tracciare l'eCommerce e molti invii di plug-in di moduli. Ma cosa fare se si desidera monitorare qualcosa che l'integrazione di Analytics scelta non fa monitorare automaticamente? Bene, possiamo costruire una soluzione che funzioni. Ci vorrà un po' di Javascript/jQuery, ma è molto più semplice di quanto tu possa pensare.
Diamo un'occhiata alle nozioni di base per l'invio di un evento di Google Analytics. Innanzitutto, la forma lunga:
ga('send', {
hitType: 'event',
eventCategory: 'UserAction',
eventAction: 'Clicked',
eventLabel: 'TheBlueButton'
});
Sembra troppo lungo e ingombrante, quindi puoi abbreviarlo in questo modo:
ga('send', 'event', 'UserAction', 'Clicked', 'TheButton');
Questo è tutto; se lo inserisci nella console del tuo browser, invierà l'evento ad Analytics e verrà visualizzato nella tua dashboard lì. Ora dobbiamo solo attivarlo. Abbiamo bisogno di un evento.
Eventi o "È successo qualcosa?"
Gli eventi si verificano continuamente mentre i tuoi utenti utilizzano il tuo sito. Ogni passaggio del mouse, scorrimento, clic, tutto:è tutto un evento che puoi attivare se lo desideri. Alcuni eventi sono integrati, altri sono inclusi nelle librerie Javascript in WordPress e altri ancora possono essere creati manualmente (ma questo è un altro articolo da scrivere).
Cominciamo con uno di base; un pulsante con cui vuoi fare qualcosa. Diciamo che hai un pulsante.
Sono un bottone.Ecco qua, è un bel bottone! Ora che hai il pulsante, vuoi sapere ogni volta che qualcuno lo fa clic. Diamo un'occhiata al codice che compone quel pulsante;
<div id="theButton" class="wp-block-button"><a class="wp-block-button__link">I am a button.</a></div>
Ora possiamo vedere come è strutturato, possiamo indirizzarlo con un po' di Javascript. Preferisco non reinventare la ruota, quindi userò jQuery (dato che è comunque incluso in WordPress)
jQuery("div#theButton a").click(function() {
ga('send','event','UserAction','Clicked','TheButton');
});
Con quel codice in posizione nella pagina (ricorda di avvolgerlo nei tag