Google Analytics in WordPress einbinden

Das Einbinden des Google Analytics Code ist wirklich kein Hexenwerk und auch für unerfahrene WordPress User sehr einfach umzusetzen und das Ganze auch ohne Plugins oder ähnliches. Für diejenigen die es doch lieber via Plugin machen möchten, haben wir natürlich ein eine Lösung parat, aber wir beginnen erst mal mit der Methode ohne WordPress Plugin. 😉

Wo finde ich den Google Analytics Code?

Normal bekommt ihr den Code angezeigt, sobald ihr eure Webseite bei Google Analytics eintragt. Sollte das nun vllt. schon ein Weilchen her sein, geht ihr wie folgt vor. Habt ihr den Code bereits vorliegen, könnt ihr diesen Schritt überspringen.

Ihr loggt euch in Google Analytics ein, geht auf das Profil, welches ihr in WordPress einbinden möchtet und wählt oben rechts den Punkt „Verwaltung“. Anschließend klickt ihr auf den Tab „Tracking-Informationen“ und findet dort unten den Code, der in etwa wie folgt aussieht:

<span class="token operator"><</span>script type<span class="token operator">=</span><span class="token string">"text/javascript"</span><span class="token operator">></span><span class="token keyword">var</span> _gaq <span class="token operator">=</span> _gaq <span class="token operator">||</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>_gaq<span class="token punctuation">.</span><span class="token function">push<span class="token punctuation">(</span></span><span class="token punctuation">[</span><span class="token string">'_setAccount'</span><span class="token punctuation">,</span> <span class="token string">'UA-XXXXXXXX-X'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>_gaq<span class="token punctuation">.</span><span class="token function">push<span class="token punctuation">(</span></span><span class="token punctuation">[</span><span class="token string">'_trackPageview'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token keyword">var</span> ga <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement<span class="token punctuation">(</span></span><span class="token string">'script'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> ga<span class="token punctuation">.</span>type <span class="token operator">=</span> <span class="token string">'text/javascript'</span><span class="token punctuation">;</span> ga<span class="token punctuation">.</span>async <span class="token operator">=</span> <span class="token boolean">true</span><span class="token punctuation">;</span>ga<span class="token punctuation">.</span>src <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token string">'https:'</span> <span class="token operator">==</span> document<span class="token punctuation">.</span>location<span class="token punctuation">.</span>protocol <span class="token operator">?</span> <span class="token string">'https://ssl'</span> <span class="token punctuation">:</span> <span class="token string">'http://www'</span><span class="token punctuation">)</span> <span class="token operator">+</span> <span class="token string">'.google-analytics.com/ga.js'</span><span class="token punctuation">;</span><span class="token keyword">var</span> s <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementsByTagName<span class="token punctuation">(</span></span><span class="token string">'script'</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">;</span> s<span class="token punctuation">.</span>parentNode<span class="token punctuation">.</span><span class="token function">insertBefore<span class="token punctuation">(</span></span>ga<span class="token punctuation">,</span> s<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token operator"><</span><span class="token operator">/</span>script<span class="token operator">></span>

Dieses Snippet kopiert ihr nun, geht in euer WordPress Backend unter Design » Editor und wählt dort die „Fußzeile (footer.php)“ aus. (Manche binden den Google Analytics Code lieber in die header.php ein, aber so lädt zunächst eure Seite und bisher hat sich das so bei uns durchgesetzt).

Hier scrollt ihr nun an das Ende und fügen den Code vor die 2 letzten HTML-Tags und das wars dann eigentlich auch schon. Natürlich noch auf Speichern klicken. 🙂

<span class="token tag"><span class="token punctuation"></</span>body<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>html<span class="token punctuation">></span></span>

WordPress Google Analytics Plugin

Wer doch lieber auf ein Plugin setzen möchte, für den haben wir folgende Alternativen ausgekramt: Google Analytics for WordPress

google analytics for wordpress

Das Plugin aus dem Hause Yoast, der vor allem durch sein Plugin WordPress SEO by Yoast sehr bekannt ist, hat ein sehr umfangreiches Plugin für WordPress & Google Analytics entwickelt. Die Erklärung aller Funktionen würde den Artikel sprengen, aber vllt. geh ich auf dieses Thema nochmal im Detail ein. Hierzu könnt ihr euch am besten sein Video dazu anschauen:

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

Weitere Google Analytics WordPress Plugins

Es gibt aber noch viel mehr Plugins für die Verwendung von Google Analytics mit WordPress. Schaut einfach mal auf der WordPress Seite (), da ist sicher für jeden was dabei. 🙂

Google Analytics & der Datenschutz

Achja, das leidige Thema – Google, Datenschutz und Co.. Wer auf Nummer sicher gehen will und seinen Usern gleichzeitig etwas Privatsphäre gönnen möchte, kann den Tracking Code um einen kleinen Parameter erweitern. Wie Torsten in den Kommentaren erwähnt hat ist der Parameter für die anonymisierung der IP kein KANN sondern leider ein MUSS. Mehr dazu kann unter https://rechtsanwalt-schwenke.de/google-analytics-rechtssicher-nutzen-anleitung-fuer-webmaster/ eingesehen werden.

Diese Zeile Verkürzt die IP-Adresse des Nutzers bzw. verschleiert das letzte Oktett.

_gaq<span class="token punctuation">.</span><span class="token function">push<span class="token punctuation">(</span></span><span class="token punctuation">[</span><span class="token string">'_gat._anonymizeIp'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

Das sieht dann so aus:

<span class="token operator"><</span>script type<span class="token operator">=</span><span class="token string">"text/javascript"</span><span class="token operator">></span><span class="token keyword">var</span> _gaq <span class="token operator">=</span> _gaq <span class="token operator">||</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>_gaq<span class="token punctuation">.</span><span class="token function">push<span class="token punctuation">(</span></span><span class="token punctuation">[</span><span class="token string">'_gat._anonymizeIp'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>_gaq<span class="token punctuation">.</span><span class="token function">push<span class="token punctuation">(</span></span><span class="token punctuation">[</span><span class="token string">'_setAccount'</span><span class="token punctuation">,</span> <span class="token string">'UA-XXXXXXXX-X'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>_gaq<span class="token punctuation">.</span><span class="token function">push<span class="token punctuation">(</span></span><span class="token punctuation">[</span><span class="token string">'_trackPageview'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token keyword">var</span> ga <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement<span class="token punctuation">(</span></span><span class="token string">'script'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> ga<span class="token punctuation">.</span>type <span class="token operator">=</span> <span class="token string">'text/javascript'</span><span class="token punctuation">;</span> ga<span class="token punctuation">.</span>async <span class="token operator">=</span> <span class="token boolean">true</span><span class="token punctuation">;</span>ga<span class="token punctuation">.</span>src <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token string">'https:'</span> <span class="token operator">==</span> document<span class="token punctuation">.</span>location<span class="token punctuation">.</span>protocol <span class="token operator">?</span> <span class="token string">'https://ssl'</span> <span class="token punctuation">:</span> <span class="token string">'http://www'</span><span class="token punctuation">)</span> <span class="token operator">+</span> <span class="token string">'.google-analytics.com/ga.js'</span><span class="token punctuation">;</span><span class="token keyword">var</span> s <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementsByTagName<span class="token punctuation">(</span></span><span class="token string">'script'</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">;</span> s<span class="token punctuation">.</span>parentNode<span class="token punctuation">.</span><span class="token function">insertBefore<span class="token punctuation">(</span></span>ga<span class="token punctuation">,</span> s<span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token operator"><</span><span class="token operator">/</span>script<span class="token operator">></span>

Abschließend noch ein wichtiger Tipp:
Wenn ihr Google Analytics nutzt, müsst ihr das in eurem Impressum vermerken. Falls es nicht erwähnt wird und z.B. ein Konkurrent euch ans Bein … naja ihr wisst schon – könnt ihr euch relativ schnell eine Abmahnung einfangen.
Bei Fragen oder Ergänzungswünsche freue ich mich über jegliche Kommentare eurerseits. 🙂

Ähnliche Einträge

Underscores

EinleitungAls WordPress-Entwickler weißt du sicher, wie wichtig ein guter Ausgangspunkt für die Erstellung eines benutzerdefinierten Themes ist. Das Underscores, ist ein solches Starter-Theme, das dafür konzipiert wurde, dir eine solide Grundlage für die Themenerstellung zu bieten. Anstatt dich mit dem Grundgerüst der Theme-Entwicklung zu verzetteln, liefert dir Underscores ein klares […]

Twenty Twenty-Four

EinleitungDas Twenty Twenty-Four Theme ist das neue Standardtheme für WordPress 6.4 und zeichnet sich durch sein modernes und vielseitiges Design aus. Für WordPress-Nutzer, die nach einer flexiblen und anpassbaren Lösung für ihre Website suchen, bietet dieses Theme umfangreiche Gestaltungsmöglichkeiten. Mit einem Blick auf die Gestaltungswerkzeuge und -optionen ermöglicht es dir, […]

Twenty Twenty-Three

EinleitungDie Einführung des Twenty Twenty-Three Themes markiert einen weiteren bedeutenden Meilenstein für die WordPress-Community. Als das neueste Standard-Theme, das mit WordPress 6.1 eingeführt wurde, bietet es Nutzern eine elegante Grundlage für ihre Online-Präsenz und hebt die Möglichkeiten des Vollseiten-Bearbeitens hervor. Mit einem klaren und minimalistischen Design als Ausgangspunkt haben Mitglieder […]

Keine Kommentare vorhanden


Sie haben eine Frage oder Meinung zum Artikel?

Ihre E-Mail Adresse wird nicht veröffentlicht