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
Online Techniken und Tipps
Probleme und Lösungen bei HTML, CSS, CMS-Systemen, e-Commerce, Providern, Online-Marketing und mehr ...
Sonntag, 16. November 2014
Event Tracking mit Google Universal Analytics
Dienstag, 4. November 2014
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);
}
[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);
}
Donnerstag, 7. August 2014
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 "
Hier der Link zum Support Thread: http://wordpress.org/support/topic/contact-form-tracking-w-google-ad-words
Ü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 "
Hier der Link zum Support Thread: http://wordpress.org/support/topic/contact-form-tracking-w-google-ad-words
Donnerstag, 10. April 2014
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 );
/* Automatische Update von WordPress ausschalten */
define( 'AUTOMATIC_UPDATER_DISABLED', true );
Dienstag, 7. Januar 2014
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.
<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.
Freitag, 18. Oktober 2013
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/
http://www.stylaxy.de/2011/11/selbst-erstelltes-menu-in-wordpress-theme-aktivieren/
Montag, 8. Juli 2013
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;
}
.site-content article,
.widget-area .widget {
word-wrap: normal !important;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
Abonnieren
Posts (Atom)