Die durch Firefox und Chrome bekannt gewordene Erweiterung Page Speed steht nun seit einiger Zeit auch als webbasierter Dienst zur Verfügung. Mit etwas Aufwand lässt sich der Page Speed Score einer Website erheblich verbessern. Die Verbesserungsvorschläge geben mehr oder weniger gute Hinweise auf Optimierungsmaßnahmen, lassen sich mit etwas Recherche und Hintergrundwissen jedoch erfolgreich umsetzen.

Ein wahrer Segen für alle WordPress-Nutzer ist das Plugin W3 Total Cache, das mir letztlich einen Page Speed Score von 95/100 bei dieser – zugegeben – sehr schlichten Seite ermöglicht hat.

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.

Kurz, knackig und unheimlich praktisch, wenn man während des Schreibens eines Blog-Posts öfter mal den Preview Button in WordPress bemüht. Die Vorschau fließt üblicherweise – wie alle anderen Seiten auch – in die Webstatistik ein und verfälscht somit etwas euer Zahlenwerk. Wer es also genau nehmen möchte, kann mit diesem kleinen Snippet die Ausgabe des Analytics Codes im Preview von WordPress unterbinden:

<?php
    if( !is_preview()) { ?>
    <!-- Google Analytics Code -->
<?php } ?>

Dieses und weitere brauchbare WordPress-Snippets findet ihr übrigens auf WP-Snippets.