Möchtest du den Attributions-Report in Klar nutzen? Gute Wahl 🎉
Damit unsere voll integrierte Attributionslösung funktioniert, musst du in Klar die Klar-Pixel-Datenquelle konfigurieren und ein Tracking-Skript auf deiner Seite einbauen. Das dauert nur ein paar Minuten.
Wenn du den Klar-Pixel über Google Tag Manager einbauen möchtest, schau dir bitte diesen Artikel an
1. Die Klar-Pixel-Datenquelle hinzufügen
Wenn du mehrere WooCommerce-Instanzen mit separaten Domains mit Klar verbunden hast, solltest du für jeden dieser Stores eine eigene Pixel-Datenquelle erstellen.
Gehe in Klar zu deinem Store-Konfigurator -> Datenquellen und klicke auf Neue Datenquelle hinzufügen
Wähle die Datenquelle Klar Pixel
Gib der Datenquelle einen Namen – z. B. Klar Tracking Script
Entscheide, ob du das Tracking-Skript über ein domain-validiertes Tracking-Skript (First-Party-Skript) oder ein Basis-Tracking-Skript (Third-Party-Skript) einbauen möchtest, und klicke auf Konfigurieren.
Achte darauf, als Shop-System Other auszuwählen.
Wir empfehlen dringend, unser domain-validiertes Tracking-Skript zu nutzen. Du musst bei deinem DNS-Anbieter eine Subdomain für die Domain deines Shops einrichten, und wir liefern das Klar-Attribution-JavaScript-Snippet über diese Subdomain aus. Das führt zu mehr getrackten Conversions, weil manche Browser Third-Party-
JavaScripts standardmäßig blockieren.
Wenn du Basis-Tracking gewählt hast, siehst du jetzt das Tracking-Skript, das du auf deiner Seite einbauen musst. Springe dafür weiter zum nächsten Abschnitt.
Wenn du den domain-validierten Pixel gewählt hast, gib bitte den Domainnamen der Seite ein, auf der du den Pixel einbauen möchtest. Lass dabei https:// und www. weg.
Du siehst jetzt zwei Felder mit DNS-Einträgen, die du in deinen DNS-Einstellungen bei deinem Hosting-Anbieter hinzufügen musst.
Kopiere den Inhalt der Felder einfach über das Kopier-Symbol daneben und füge ihn in den DNS-Einstellungen ein.
Wenn du nicht weißt, wie das geht, wende dich über den Chat unten rechts an den Klar-Support. Wir helfen dir gerne.
2. Domain gehostet bei GoDaddy/WebGo/All-Inkl/Strato
Wie oben beschrieben, stellt Klar dir Werte bereit, die du per Copy & Paste in deine DNS-Einstellungen übernehmen kannst.
Das Feld „name" der beiden Einträge sieht normalerweise etwa so aus:
123456789.your-shop.com
Die Domain-Validierung funktioniert allerdings nur, wenn du im Feld „name" deine Domain weglässt. Achte also darauf, das Feld „name" so anzupassen:
CNAME:
FALSCH: 123456789.your-shop.com
RICHTIG: 123456789
CNAME IPV4:
FALSCH: 123456789-4.your-shop.com
RICHTIG: 123456789-4
Nachdem die Einträge hinzugefügt wurden, klicke bitte auf den Button „Validate DNS Records". In der Regel dauert es einige Stunden, in Extremfällen bis zu 2 Tage, bis die Einträge validiert sind. Sobald sie verifiziert sind, erscheint neben dem Eintrag ein grünes Häkchen.
Sobald alle Einträge validiert sind, erscheint ein Feld namens Tracking Script mit deinem Tracking-Skript, das du auf deiner Seite einbauen musst.
3. Das Klar-Skript in deinem WooCommerce-Store einbauen
WooCommerce - Klar Pixel
Download: WooCommerce - Pixel
Zusammenfassung
Dieser Abschnitt beschreibt die Schritte, um die drei nötigen Custom Events für die Klar-Attribution zu deinem individuellen WooCommerce-Theme hinzuzufügen.
Schritt 1 – JS einbetten
Erstelle in Klar eine Klar-Pixel-Datenquelle und bette das generierte JavaScript in den HEAD-Bereich deines WooCommerce-Store-Templates ein.
Das lässt sich auf viele Arten umsetzen. Wenn du Unterstützung brauchst, wende dich an unser Support-Team.
Schritt 2 – Aktuelles Template anpassen / Custom Shortcodes hinzufügen
Finde heraus, welches Template dein Store aktuell nutzt, indem du zu Appearance > Themes gehst und den Namen des aktiven Themes prüfst.
Das Theme liegt normalerweise unter:
Lade die Datei custom-shortcodes.php in den Root-Ordner deines Themes hoch.
Passe die folgenden Dateien an, indem du den Inhalt der entsprechenden Datei aus diesem Repository hinzufügst:
Falls die Datei checkout/thankyou.php in deinem Theme noch nicht existiert, kopiere bitte den
Inhalt des originalen WooCommerce-Templates, das unter
wp-content/plugins/woocommerce/templates/checkout/thankyou.php liegt, in den Ordner deines Themes. Der neue Dateipfad sollte
wp-content/themes[your-theme]/checkout/thankyou.php sein.
Füge nun den Inhalt der in diesem Repository bereitgestellten Datei zu der Datei hinzu.
Schritt 3 – Custom Shortcodes zu Seiten hinzufügen
Gehe in WooCommerce zu Pages > Basket. Füge einen neuen Shortcode-Block hinzu.
Gehe nun zu Pages > Checkout.
Füge einen neuen Shortcode-Block hinzu.
Debugging
Sobald das Skript korrekt installiert ist, kannst du die Konsole deines Browsers öffnen und den Inhalt der folgenden Variable prüfen:
q
Die Variable sollte ein Array der ausgelösten Events enthalten.
4. Datenschutz-Snippets hinzufügen
Achte darauf, unser Datenschutz-Snippet in deine Datenschutzerklärung aufzunehmen, um deine Kunden über die Nutzung des Klar-Tracking-Pixels zu informieren. Ein deutsches und ein englisches Snippet findest du in der Klar-Pixel-Datenquelle unterhalb des Tracking-Skripts in einem eingeklappten Abschnitt namens „Data Protection Snippet".
5. Klar-URL-Parameter implementieren
Damit Conversions und Kosten so genau wie möglich zugeordnet werden können, musst du die vordefinierten Klar-Tracking-Codes in deinen Werbekonten einbauen.
Hier findest du Anleitungen dazu für jeden Marketing-Kanal:
Was passiert als Nächstes?
Ab jetzt können wir Besucher auf deiner Seite und ihre Kaufaktivität tracken, um unser Attributions-Reporting zu speisen.
Ab morgen siehst du Daten in deinen Reports – allerdings erst ab dem Zeitpunkt, zu dem du das Skript hinzugefügt hast.