Wenn Sie dies lesen, sollten Sie Google Analytics bereits auf Ihrer WordPress-Seite eingerichtet haben. Wenn Sie es noch nicht getan haben, tun Sie es jetzt! Ich warte hier.
…
Ok, jetzt, da Sie diesen Schritt erledigt haben, müssen wir über die Ereignisverfolgung sprechen. Event-Tracking kann alles sein, was Sie über Ereignisse auf Ihrer Website wissen möchten. Möchten Sie wissen, wann jemand in Ihrem Shop ein Produkt in den Einkaufswagen gelegt hat? Groß! Wenn sie sich für einen Newsletter angemeldet haben? Das macht Sinn. Formulareintrag gesendet? Gute Idee! Haben Sie die Maus über das Bild Ihres Cousins dritten Grades bewegt, das zweimal entfernt wurde? Ich meine, warum nicht? Machen wir das!
Je nachdem, wie Sie Analytics auf Ihrer Website eingerichtet haben, werden möglicherweise eine Reihe von Ereignissen automatisch für Sie nachverfolgt. Analytify zum Beispiel leistet hervorragende Arbeit bei der Verfolgung von E-Commerce und vielen Formular-Plugin-Übermittlungen. Aber was tun Sie, wenn Sie etwas verfolgen möchten, was Ihre Analytics-Integration Ihrer Wahl nicht tut? automatisch verfolgen? Nun, wir können eine Lösung bauen, die das tut. Es erfordert ein wenig Javascript / jQuery, ist aber viel einfacher als Sie vielleicht denken.
Sehen wir uns die Grundlagen zum Einreichen eines Google Analytics-Ereignisses an. Zuerst die Langform:
ga('send', {
hitType: 'event',
eventCategory: 'UserAction',
eventAction: 'Clicked',
eventLabel: 'TheBlueButton'
});
Das erscheint viel zu lang und umständlich, also können Sie es so abkürzen:
ga('send', 'event', 'UserAction', 'Clicked', 'TheButton');
Das ist es; Wenn Sie das in die Konsole Ihres Browsers einfügen, wird das Ereignis an Analytics gesendet und dort in Ihrem Dashboard angezeigt. Jetzt müssen wir es nur noch auslösen. Wir brauchen eine Veranstaltung.
Ereignisse oder „Ist gerade etwas passiert?“
Ereignisse finden ständig statt, wenn Ihre Benutzer Ihre Website verwenden. Jedes Mouseover, Scrollen, Klicken, alles – es ist alles ein Ereignis, das Sie auslösen können, wenn Sie möchten. Einige Ereignisse sind integriert, andere sind in den Javascript-Bibliotheken in WordPress enthalten und wieder andere können manuell erstellt werden (aber das ist ein anderer Artikel).
Beginnen wir mit einem einfachen; eine Schaltfläche, mit der Sie etwas tun möchten. Nehmen wir an, Sie haben einen Knopf.
Ich bin ein Knopf.Bitte schön, das ist ein gut aussehender Knopf! Jetzt, da Sie die Schaltfläche haben, möchten Sie jedes Mal wissen, wenn jemand darauf klickt. Schauen wir uns den Code an, aus dem diese Schaltfläche besteht;
<div id="theButton" class="wp-block-button"><a class="wp-block-button__link">I am a button.</a></div>
Jetzt können wir sehen, wie es strukturiert ist, wir können es mit etwas Javascript anvisieren. Ich ziehe es vor, das Rad nicht neu zu erfinden, also werde ich jQuery verwenden (da es sowieso in WordPress enthalten ist)
jQuery("div#theButton a").click(function() {
ga('send','event','UserAction','Clicked','TheButton');
});
Wenn dieser Code auf der Seite vorhanden ist (denken Sie daran, ihn in