Event Tracking mit Google Universal Analytics

Nach Umstellung auf Universal Analyitcs funktioniert der alte Code des Event Trackings nicht mehr und er muss angepasst werden. Hier habe ich einen Blog gefunden der die Änderungen beschreibt:

http://www.kritzelblog.de/ereignisse-tracken-mit-google-analytics/#universal

hier auch noch eine offizielle Beschreibung von Google selber:

https://developers.google.com/analytics/devguides/collection/analyticsjs/events

Analytics Event Tracking mit WordPress Shortcodes

Ich stand vor dem Problem in einer WordPress-Installation bei einem Button, den ich über einen WordPress-Shortcode realisert habe ein Google Analytics Event Tracking einzubauen. Der Shortcode sah folgendermaßen aus:

[button link="http://www.meinedomain.de/angebotsanfrage/" type="big" color="green"]Angebot anfordern[/button]

Wo und wie also den Event Tracking Code von Google einfügen, der normalerweise als z.B. Onclick-Handler in einem <a>-tag steht:

onclick="_gaq.push(['_trackEvent', 'Angebotsanfrage', 'Button']);"

Nach einiger Recherche im Netz habe ich keine direkt Möglichkeit gefunden, aber eine indirekte. Und zwar den Button eben nicht als Shortcode-Implementierung realisieren, sondern als ganz normalen Link mit klassischem <a>-Tag, aber dafür diesem Link die Klasse des Shortcodes geben, z.B. so:

<a href=http://www.meinedomain.de/angebotsanfrage/" onclick="_gaq.push(['_trackEvent', 'Angebotsanfrage', 'Button', 'Office 2003']);" class="biggreen">Angebot anfordern</a>

Und die entsprechend CSS-Klasse könnte dann so aussehen:

.biggreen {
    background: linear-gradient(to bottom, #95be0e 0%, #95be0e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) ;
    border: 1px solid #4dab46;
    color: #fff ;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    margin: 25px 6px 8px 0;
    padding: 14px 24px;
    border-radius: 10px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 1px 1px 1px rgba(0, 0, 0, 0.1);
    display: inline-block;
    line-height: 26px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

Conversion Tracking Code für WordPress Plugin Fast and Secure Contact Form

Über längere Zeit habe ich versucht beim Kontaktformuar Plugin für WordPress "Fast and Secure Contact Form" meinen einzelnen Formularen in z. B. verschiedenen Sprachen jeweils eigene AdWords Conversion Tracking Codes zu geben, die dann quasi nach erfolgreichem Abschicken des Formulars auf der "Success Page" ausgegeben werden, um einen Conversion erfolgreich im AdWords-Backend zu zählen.

Über einen Thread im WordPress Plugin Support habe ich es geschafft, dass mir der Entwickler Mike Challis ein Feld in einen neue Version (ab 4.0.23) des Plugins eingebaut hat, wo ich Code auf der "Sucess Page" hinterlegen kann, also auch das AdWords Conversion Tracking Script:

Das Feld findet sich bei der Formularverwaltung im WordPress Backend im Tab "Erweitert" und heisst "Success page additional HTML".

Hier der Link zum Support Thread: http://wordpress.org/support/topic/contact-form-tracking-w-google-ad-words

Ausschalten der automatischen Update-Funktion in WordPress

Um das seit der Version von WordPress 3.7 automatisierte Update auszuschalten, muss man etwas in der wp-config.php ergänzen:

/* Automatische Update von WordPress ausschalten */
define( 'AUTOMATIC_UPDATER_DISABLED', true );

DIV-Container als Link

Da man in einen Link (das a-Element ist ein Inline-Element) eigentlich keine Blockelemente reinschreiben sollte, da nicht valide, also z.B. so:

<a href="#"><div></div></a>

habe ich nach einer anderen Möglichkeit gesucht. Es gibt wohl auch die Möglichkeite den DIV durch das a-Element zu ersetzten und durch den Trick das a-Element als display:block via CSS zu definieren, kann man dieses wohl stylen wie ein DIV-Element - habe es aber so nicht ausprobiert. Stattdessen habe ich diese Varianten genommen:

<div onclick="window.location='http://www.beispiel.com/link/';" style="cursor:pointer;"></div>

Ist vielleicht auch ein bisschen gipsy, aber war für meine Zwecke ausreichend.

Eigene Navigation im WordPress Template einbauen

Hier ein schöner Link wie man eine im WordPress-Backend unter Design -> Menüs angelegte Navigation an beliebiger Stelle in einem Template ausgeben lassen kann:

http://www.stylaxy.de/2011/11/selbst-erstelltes-menu-in-wordpress-theme-aktivieren/

Silbentrennung im WordPress TwentyTwelve Theme ausschalten

Um die Silbentrennung im WordPress TwentyTwelve Theme auszuschlaten kann man einfach eine überschreibende CSS-Formatierung am Ende der style.css verwenden:

.site-content article,
.widget-area .widget {
    word-wrap: normal !important;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}