Es folgt eine Anleitung, wie man ausgehende Links (sog. Outbound Links) in WordPress mit Hilfe von jQuery und Google Analytics tracken kann.
Dazu bindet man die jQuery-Library im zum Einsatz kommenden WordPress-Template ein.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="<?php bloginfo('template_directory'); ?>/js/jquery-1.4.4.min.js"%3E%3C/script%3E'))</script>Diese Form der Einbindung stellt sicher, dass die jQuery-Library – im Falle, dass das Laden über die GoogleAPI fehl schlägt – lokal aus dem “js” Ordner geladen wird. Credits gehen an HTML5 Boilerplate.
Anschließend erstellt man eine “outbound.js” Datei mit nachfolgendem Inhalt und legt diese anschließend in einem Unterordner “js” innerhalb des Template-Ordners ab. Wichtig dabei ist, dass vor dem Aufruf der Funktion jQuery bereits eingebunden ist!
$(document).ready( function() {
$('#content a[class="outbound"]').click( function(ev) {
_gaq.push(['_trackEvent', 'Outbound Links', this.title]);
});
});Die Verknüpfung zu der “outbound.js” kann ganz am Ende, beispielsweise in der footer.php direkt vor dem schließenden Body-Tag erfolgen:
<script src="<?php bloginfo('template_directory'); ?>/js/outbound.js"></script>Es werden nun alle ausgehenden Links innerhalb des DIV mit der ID “content” und der Klasse “outbound” des “a href” getrackt.
<div id="content">
<a class="outbound" href="http://foo.com/" target="_blank" title="Foo">Outbound Link</a>
</div>Der Test:
Dies ist ein Beispielsatz mit einem ausgehenden Link zur Website “Collective Mind Machine“.
Die Auswertung findet man anschließend in Google Analytics unter “Content -> Event Tracking”.
Event-Tracking-Category
Hinweis
Zu beachten ist weiterhin, dass jQuery nur einmal eingebunden wird. In meinem Fall gab es eine Kollision mit dem Plug-In “jQuery lazy load plugin”, das bereits die Library eingebunden hatte.
