Einbau verschiedener Tracking Tools auf der Webseite
In folgendem Artikel zeigen wir Ihnen drei Tracking Tools auf, die Sie mit Hilfe des doo Website Editor auf Ihrer Website einbauen können.
- Google Tag Manager
- Google AdWords
- Facebook Tracking Pixel
1. Google Tag Manager
Um den Google Tag Manager nutzen zu können, muss vorerst ein Google Tag Manager Konto erstellt und danach mit einem Google Account verlinkt werden. Anschließend können Daten eingetragen werden oder ein Container ((hier werden die Snippets/Codes hinterlegt, die später auf der Webseite eingebaut werden müssen) erstellt werden.
Nach der Erstellung des Containers erscheint ein Pop-Up welches das Code-Snippet enthält.
Das Code-Snippet sollte in etwa wie das folgende Beispiel aussehen und ist unterteilt in eine Script Section und eine NoScriptSection:
Klicken Sie nun im Hauptmenü auf “Einstellungen” und anschließend auf “Header HTML”. In dem neuen Eingabefeld wird nun der Code aus der “Script Section” eingefügt.
Gehen Sie nun in den Entwicklermodus, indem Sie in der Menüleiste oben auf das Symbol ” </>” klicken.
Klicken Sie nun in dem geöffneten linken Seitenmenü klickt man auf “Webseiten HTML/CSS” und dann auf “body-end.html” und fügen Sie hier den Code aus der “NoScript Section” ein.
Durch Klicken auf “Speichern” wie der Google Tag Manager erfolgreich installiert.
2. Google AdWords
Um die Funktion von Google AdWords nutzen zu können, muss ein Google AdWords Konto erstellt werden, welches dann mit einem Google Account verlinkt wird. Stellen Sie die Einstellungen wie gewünscht ein und generieren sich einen Tracking Code wie in folgendem Beispiel zu sehen ist.
Klicken Sie nun im Hauptmenü auf “Einstellungen” und anschließend auf “Header HTML” und fügen in dem neuen Eingabefeld den Code ein.
Als nächstes muss bei dem jeweiligen Widget, welches getrackt werden soll, ein Tracking Code eingefügt werden. Außerdem muss der Tracking Code noch auf individuelle Links gelegt werden.
Möchte Sie beispielsweise tracken, wie oft auf einen bestimmten Button geklickt wird, so führen Sie einen Rechtsklick aus und wählen anschließend den Punkt “HTML/CSS bearbeiten”.
Tragen Sie nun im HTML/CSS Menü einen Code im Sektor <a nach der ID-Nr ein:
| onclick=”;return try{goog_report_conversion(‘http://example.com/your-link‘)}catch(e){}” |
|---|
Folglich sollten Sie folgende Übersicht erhalten:
3. Facebook Tracking Pixel
Um das Facebook Tracking Pixel zu nutzen, wird auf der entsprechenden Facebook-Business Seite, im Facebook – Pixel Menü ein Code erstellt, welcher wie folgt aussehen sollte.
Klicken Sie nun im Hauptmenü auf “Einstellungen” und dann auf “Header HTML”. In dem neuen Eingabefeld muss nun der Code eingefügt werden.