# Shoplytics in dein Shopsystem integrieren # Shopify ### Schritt 1 1. **Öffnen Sie den Administrationsbereich von Shopify** 2. Klicken Sie in der linken Navigation auf “Online Store” --> "Themes" [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/WJlz1l3G47cedGtA-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/WJlz1l3G47cedGtA-image.png) 3. dann rechts oben (in ihrem aktiven Theme) auf “Actions” und dann auf “Edit Code” [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/iG0JRS39YcnDTTBy-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/iG0JRS39YcnDTTBy-image.png) 4. danach unter “Layout” > auf “theme.liquid” klicken 5. Suchen Sie dort rechts im Quellcode die Zeile mit: <head> [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/Aqrct9uieQcoF0T9-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/Aqrct9uieQcoF0T9-image.png) 6. Das Shoplytics-Script dass Sie per Email erhalten haben, fügen Sie jetzt direkt UNTERHALB der Zeile <head> ein ### Schritt 2 1. Gehe in Shopify unten links auf Einstellungen und dann auf Kundenereignisse 2. Klicke auf "Benutzerdefinierte Pixel" und "Benutzerdefiniertes Pixel hinzufügen" und trage "Shoplytics" ein 3. Ganz oben müssen jetzt 2 Datenschutzeinstellungen gesetzt werden. Aufgrund der Struktur der Shoplytics-API kannst du hier die beiden "lockersten" Optionen auswählen [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/zU9RyY5ScXuw2IL3-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/zU9RyY5ScXuw2IL3-image.png) 4. Ganz unten fügst du einen Code ein. Bitte klicke auf den folgenden Link, um den Code zu sehen und kopiere den Code 1:1: [http://shoplytics.de/shopify-pixel](http://shoplytics.de/shopify-pixel) (Shopify zeigt nach dem einfügen eine Warnung an... Diese kannst du ignorieren. Der Code ist korrekt.) 5. Jetzt "speichern" **und danach auf "verbinden" klicken** **Gratulation! Geschafft.** Jetzt bitte unserem Team Bescheid geben, dass Sie alles eingerichtet haben. ## Falls deine Shopify-Statistiken plötzlich nicht mehr alle Besucher zählen, weil der Consent-Banner nicht mit Shopify kommuniziert... **Problem:** Solange der Consent-Banner über Shopify Plugins, etc. eingebaut ist, erhält Shopify selbst in den meisten Fällen bescheid wenn ein User den Consent akzeptiert. Wenn du aber den Consent-Banner anders einbaust, dann "verliert" Shopify diese direkte Anbindung und Integration mit dem Consent-Banner. Somit geht Shopify davon aus, dass KEIN Consent gegeben wurde - und darf daher auch nur noch reduziert eigene Statistiken mit aufzeichnen. So siehst du einen plötzlichen Verlust von Verkaufs-Daten in deinn Shopify Statistiken. **Lösung:** Damit du Shopify eindeutigen Hinweis darauf gibst, dass die Statistiken in deinem Shopify Dashboard auch weiter angezeigt werden dürfen, musst du folgenden Code unter "Eigene Scripte" im Adminbereich von Shoplytics hinterlegen.
window.Shopify.customerPrivacy.setTrackingConsent( { analytics: true, marketing: true, preferences: true, sale\_of\_data: true }, function() { console.log( Shopify 'injecting consent.'); } );
Stelle aber sicher, dass dieser Befehl nur wirklich dann ausgeführt wird, wenn der Consent deiner Besucher vorliegt: Aktiviere dazu die Option: "DSGVO beachten und nur auslösen, wenn Consent existiert" Mit dem folgenden Befehl kannst du (z.B: in der Browser-Console eingeben) herausfinden ob der Consent entsprechend geändert wurde:
window.Shopify.customerPrivacy.currentVisitorConsent();
# Shopware ## Schritt 1 (von 1 :) #### Den Shoplytics Script (den du von uns per Email erhalten hast) in den <head> Bereich des Shops integrieren. **Am besten ganz oben im head Bereich für beste Ergebnisse.** Bitte kein "defer" oder "async", denn wir managen die Ladezeit der Trackingscript proaktiv direkt über Shoplytics. Falls du nicht genau weisst, wie du den Script in den Head Bereich packen kannst (oder keinen Programmierer hast, der das kann), dann lädst du dir einfach das Shoplytics Plugin herunter für Shopware 5 oder 6 und das packt dann den Script für dich an den perfekten Platz - ohne dass du im Quellcode herum klicken musst. **Falls du den Script nicht direkt im Quellcode unterbringen kannst (was bevorzugt empfohlen wird), dann kannst du das Shoplytics Plugin für Deine Shopware Version installieren... (nur notwendig falls du den Script nicht per Hand in den head Bereich deines Shops einfügen kannst/möchtest)** Dazu gehst du wie folgt vor.
Shopware 5Shopware 6
[Zum Plugin](https://drive.google.com/file/d/1_Un9WyqT2u-Rkz8x3apqC6kra1FbFV-x/view?usp=sharing)[Zum Plugin](https://drive.google.com/file/d/1RQYQjK6_KMBi35aYQwjHQmGE83WhUNjw/view?usp=sharing)
1. Das Plugin muss per “Upload” in Shopware hinzugefügt werden. 2. Ihre Tracking-URL in den Einstellungen des Plugins eingeben (diese haben Sie per E-mail erhalten.) 3. Dran denken: “Shopware Cache leeren” (erst dann werden die Änderungen Ihren Besuchern angezeigt und Daten erfasst), siehe Screenshot unten [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/2o1iVaEzTmzMc7Mx-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/2o1iVaEzTmzMc7Mx-image.png) ####
Wenn benötigt, kannst du jetzt noch Dynamisches Retargeting in Shopware aktivieren... Im dynamischen Retargeting werden die Aktionen des Nutzers an Google Ads übergeben. So sieht der Nutzer dann im Anschluss an den Shop-Besuch die passenden Werbeanzeigen für genau das Produkt, für das er sich im Shop interessiert hat. Der Google Ads Algorithmus unterscheidet zwischen Produktseitenaufrufen, Eröffneten Warenkörben und Käufen. Um dies zu erreichen müssen die IDs der Produkte die über den Google Shopping-Feed an Google kommuniziert werden exakt mit den Produkt-IDs übereinstimmen, die im Tracking genutzt werden. Leider ist das nicht immer der Fall. Vor allem dann, wenn der Shopping-Feed die Produkt-ID aus einem anderen Feld der Shopware Datenbank “zieht” als das Trackingsystem im Browser. **Zur Prüfung, ob die IDs im Google Shopping Feed exakt mit den IDs im Browser übereinstimmen haben wir Ihnen ein kleines Tool vorbereitet.** Dieses finden Sie hier: [https://lookerstudio.google.com/reporting/e4016efc-6684-46ff-8216-7853639163d1](https://lookerstudio.google.com/reporting/e4016efc-6684-46ff-8216-7853639163d1) Sollten dort die IDs im Shopping Feed (linke Tabelle) nicht exakt mit denen in der rechten Tabelle (Browser/Tracking) übereinstimmen (Achtung: Auch Groß/Kleinschreibung zählt), dann müssen Sie den Shopping-Feed Export auf folgende Weise anpassen: **Schritt 1:** Prüfen Sie, welche DataLayer Version in Ihrem Shop aktiv ist. Dazu rufen Sie bitte eine PRODUKT DETAIL Seite in Ihrem Shop auf und fügen in der URL den Parameter ?datalayer=1 hinzu. → Ein großes gelbes Fenster öffnet sich. Dort steht die Version Ihrer Datalayer. **Schritt 2:** Abhängig von der Version Ihrer Datalayer müssen Sie den Shopping-Feed so anpassen, dass die Produkt-ID (Artikel-ID) aus dem folgenden Feld gezogen wird.
Shopware 5Shopware 6
Datalayer “Universal”articleIDproductID
Datalayer “GA4”OrdernumberNumber
# Woocommerce 1. GTM (Google Tagmanager) Plugin in WordPress installieren: [https://de.wordpress.org/plugins/duracelltomi-google-tag-manager/](https://de.wordpress.org/plugins/duracelltomi-google-tag-manager/) 2. Die Einstellungen des Plugins öffnen, die Google Tag Manager ID GTM-KK8SCVP eintragen und darunter Container-Mode auf ON stellen. 3. Anschließend alles wie folgt einstellen [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/O29LHUwQ48NruJpG-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/O29LHUwQ48NruJpG-image.png) [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/g4DAxwWL7bmQEmmO-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/g4DAxwWL7bmQEmmO-image.png) 4. **Shoplytics-Script hinterlegen** Das Shoplytics-Script finden Sie in der letzten Email, die Sie von uns bekommen haben. Dieses muss im Head-Bereich der Seite eingebaut werden. Dazu empfehlen wir das kostenlose Wordpress Plugin “Tracking Code Manager**”** *a. Nachdem sie den Tracking Code Manager installiert haben gehen sie in Wordpress auf Einstellungen → Tracking Code Manager.* *b. dort legen sie einen neuen Trackingcode an, geben im Titel “Shoplytics” ein und fügen in der grauen Box das Shoplytics Script ein. (Bitte genauso einfügen, wie es in der Email steht. Bitte nicht auf den Link, der im Script steht klicken und den Inhalt einfügen. Das würde Ihre Webseite zerstören. Bitte einfach das Script 1:1 aus der Email rauskopieren und exakt so einfügen.)* *c. Unterhalb des Scripts setzen Sie die Einstellungen wie folgt:* [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/LB07BXuqp6Jk2or5-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/LB07BXuqp6Jk2or5-image.png) 5. **Nur, falls Sie das Plugin “WP-Rocket” verwenden** Damit der Trackingcode in diesem Fall fehlerfrei geladen werden kann, müssen Sie das Shoplytics-Script, dass Sie von uns bekommen haben noch um den folgenden code-schnipsel erweitern. Fügen sie den **fetten Teil** an der gleichen Stelle in ihrem Script ein. Beispiel-Cpde (nur den fetten Teil kopieren und in ihrem Script ergänzen): <script src=”https://app.shoplytics.de/0000000.js” **data-cfasync="false"**></script> Falls Sie dabei Probleme haben, können Sie uns einfach schreiben, dass sie WP-Rocket verwenden, und wir passen das Script für Sie an. 6. **Nur, falls Sie das Plugin “Nitropack” verwenden** Klicken sie bitte auf den folgenden Link und nehmen sie die Anpassungen vor, damit das Tracking funktionieren kann: [https://docs.google.com/document/d/1JR5MYsiKijrR3z0Hzhk\_ZZ\_pbAmIKEmpVZ6HxqlEkvQ/](https://docs.google.com/document/d/1JR5MYsiKijrR3z0Hzhk_ZZ_pbAmIKEmpVZ6HxqlEkvQ/) 7. **Nur, falls Sie den Consent Manager “Borlabs Cookie” verwenden** In den Borlabs Einstellungen muss im Reiter “Script Blocker” eine Ausnahme für https://tagmanager.google.com/ hinzugefügt werden, da das Tracking von Shoplytics sonst direkt blockiert wird, selbst bei akzeptierten Cookies. (Falls das unklar ist, einfach eine Email an Marco schreiben: technik@shoplytics.de) Über die Ausnahme im Scriptblocker kann Shoplytics sofort geladen werden und Shoplytics prüft dann, ob das Tracking aktiv sein darf oder nicht. Wenn der ganze Scriptblocker auf Ihrer Seite deaktiviert ist, dann muss keine Ausnahme hinzugefügt werden. ### Ladezeit-Optimierung Shoplytics hilft dir dabei, die Ladezeit des Shops zu optimieren. Dazu liefert Shoplytics im Idealfall den "GTM" (Google Tagmanager Code) selbst aus anstatt dass GTM4WP diesen ausliefert. → Falls im page-speed Test: [https://pagespeed.web.dev](https://pagespeed.web.dev/), der "GTM-KK8SCVP" als render-blocking dargestellt wird, gehst du wie folgt vor: **Im GTM4WP Plugin zwei Einstellungen ändern...** 1. 1. Anstatt der GTM-ID trägst du im Feld "Google Tag Manager ID" folgendes ein: GTM-EMPTY 2. Unter "Container code ON/OFF" wählst du die Einstellung "OFF" [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/doyQaDtutbMeVS8n-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/doyQaDtutbMeVS8n-image.png) 3. **Einstellung in [app.shoplytics.de/einstellungen](https://app.shoplytics.de/einstellungen) ändern** Damit Shoplytics den Google Tagmanager ladezeit-optimiert ausliefern kann, musst du das "Shopsystem" in Shoplytics auf "Selbst programmiert" stellen. Dadurch weiss Shoplytics, dass der GTM nicht vom Plugin bereitgestellt wird, sondern dass Shoplytics diesen bereit stellen muss. # Plentymarkets Sie haben per Email von uns einen Trackingcode erhalten. Bitte fügen sie diesen im Head-Bereich des Shops ein. Sobald der Code im Shop ist, senden sie bitte eine kurze Email an data@shoplytics.io. Wir stellen dann sicher, dass alle Ecommerce-Ereignisse erfasst werden können. # Oxid Sie haben per Email von uns einen Trackingcode erhalten. Bitte fügen sie diesen im Head-Bereich des Shops ein. Sobald der Code im Shop ist, senden sie bitte eine kurze Email an data@shoplytics.io. Wir stellen dann sicher, dass alle Ecommerce-Ereignisse erfasst werden können. # Magento ### **Schritt 1** Fügen Sie das Shoplytics-Script im Head-Bereich der Webseite ein. Dieses haben sie per Email von uns erhalten. Schritt 2 unterscheidet sich abhängig von ihrer Magento-Variante: ### **Magento (Commerce Version)** Folgen Sie den Anweisungen von Magento zur Aktivierung des Tagmanagers unter folgendem Link: [Zur offiziellen Anleitung](https://experienceleague.adobe.com/en/docs/commerce-admin/marketing/google-tools/google-tag-manager#step-3-configure-your-store) Sie brauchen nichts weiter zu machen als den unter Schritt 3 gezeigten Schritten zu folgen. Als "GTM ID" tragen sie "**GTM-KK8SCVP**" ein. (Das ist der offizielle Shoplytics-Contrainer. Niemand, außer den Shoplytics-Entwicklern bekommt Zugriff darauf, um alle Shoplytics Kunden zu schützen.) ### **Magento (Open Source Version)** 1. GTM Plugin installieren: [Zum Plugin](https://marketplace.magento.com/weltpixel-module-google-tag-manager.html) 2. Die Einstellungen wie auf den folgenden Bildern setzen (Den *“Google Tagmanager Javascript Code”* [finden sie hier](https://jsfiddle.net/wqd5v3jx/)) ``` Falls du das GTM-Plugin nicht kaufen möchtest, kann die Datalayer auch direkt von Shoplytics bereitgestellt werden. Dazu ist aber eine individuelle Programmierung für deinen Shop nötig (diese wird dann direkt durch das Shoplytics-Script geladen.). Der Shoplytics-Datalayer-Service ist etwas günstiger als das GTM-Plugin und kann auf https://www.checkout-ds24.com/product/592227/ gebucht werden. ``` [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/bA1mzuwbaXWO1MqQ-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/bA1mzuwbaXWO1MqQ-image.png) [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/v67j6IwglfdQSrqf-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/v67j6IwglfdQSrqf-image.png) [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/ZICCYiGQmFGC4tZT-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/ZICCYiGQmFGC4tZT-image.png) [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/ClY1GB3HBKCsFdbm-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/ClY1GB3HBKCsFdbm-image.png) [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/pVqfbYHrRu4hK3up-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/pVqfbYHrRu4hK3up-image.png) # JTL 1. GTM Plugin installieren: [Zum Plugin](https://www.netzdinge.de/Lizenz-Plugin-Google-Codes) 2. Einstellungen wie folgt setzen: (Den Tracking-Schlüssel finden Sie in Ihrer Email) [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/fXuOAhaqjWFoEtod-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/fXuOAhaqjWFoEtod-image.png) # Wix 1. Logge dich in Wix ein und gehe über das Menü in die Einstellungen. 2. Scrolle ganz nach unten und gehe auf "Marketing-Integrationen. 3. Verknüpfe den "Google Tag". Die dafür nötige GA4-ID hast du per **Email** von uns erhalten. 4. Im nächsten Schritt muss unter "Marketing-Integrationen" auch der "Google Tag Manager" verknüpft werden. Hier trägst du die ID **GTM-KK8SVP** ein. (Das ist der offizielle Shoplytics-Container. Um dich und alle anderen Shoplytics-Kunden zu schützen, hat niemand aus den Shoplytics-Entwicklern Zugriff auf diesen Container.) 5. Gehe jetzt wieder zurück in die Einstellungen und gehe auf den Punkt "**Benutzerdefinierter Code**" (Das ist genau 2 Punkte über "Marketing-Integrationen") 6. Gehe jetzt auf "Benutzerdefinierten Code bearbeiten" und füge ganz oben den **Shoplytics-Code** ein, du du per **Email** von uns erhalten hast. 7. Beim Namen kannst du einfach Shoplytics eingeben. Die restlichen Einstellungen wie im Bild: [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/XB0kgzlyf2GhLU0F-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/XB0kgzlyf2GhLU0F-image.png) # PrestaShop 1. GTM Plugin installieren: [Zum Plugin](https://addons.prestashop.com/de/analysen-statistiken/23806-google-tag-manager-enhanced-ecommerce-ua-pro.html) 2. Im Plugin die Google Tagmanager-ID **GTM-KK8SCVP** eintragen 3. Alle Einstellungen wie in den Bildern setzen: ``` Falls du das GTM-Plugin nicht kaufen möchtest, kann die Datalayer auch direkt von Shoplytics bereitgestellt werden. Dazu ist aber eine individuelle Programmierung für deinen Shop nötig (diese wird dann direkt durch das Shoplytics-Script geladen.). Der Shoplytics-Datalayer-Service ist etwas günstiger als das GTM-Plugin und kann auf https://www.checkout-ds24.com/product/592227/ gebucht werden. ``` [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/ZFWf8Ff8vi7BTYCV-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/ZFWf8Ff8vi7BTYCV-image.png) [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/yrFdq0qX98BWQOP4-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/yrFdq0qX98BWQOP4-image.png) [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/PBqEWplQj0oPWRWK-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/PBqEWplQj0oPWRWK-image.png) # Jimdo 1. Öffne deine Jimdo Admin Oberfläche 2. Klicke auf “Einstellungen” [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/cHcrnY867o2a1IfI-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/cHcrnY867o2a1IfI-image.png) 3. Klicke auf “Head bearbeiten” [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/NSpwh4x4bmtIO5ff-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/NSpwh4x4bmtIO5ff-image.png) 4. Falls hier in diesem “Head-Bereich” Textfeld bereits etwas drin steht, dann lege dir vorsichtshalber zuerst eine Sicherungskopie von dem an, was da bereits alles drin steht 🙂. Alles, was im Codebereich hier bereits drin steht, kopierst du in ein separates Textdokument (auf deinem Computer). Falls du dich vertippst, oder das Internet plötzlich verschwindet, hast du immer eine Sicherungskopie. 5. Klicke mit der Maus vor den bestehenden Text im Headbereich in die erste Zeile (siehe Bildschirmfoto unten) 6. Füge hier in den HEAD-Bereich dann ganz einfach in der ersten Zeile den “Shoplytics Code” ein, den du per Email erhalten hast. [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/1UglFFOf4v1Ei2fu-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/1UglFFOf4v1Ei2fu-image.png) 7. Klicke zum Schluss ganz rechts unten auf “Speichern” [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/xhkp9TJlMOfcGXJa-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/xhkp9TJlMOfcGXJa-image.png) **Prüfen ob alles passt:** Wenn du jetzt sicher gehen möchtest, dass alles läuft, dann kannst du folgendermaßen vorgehen. 1. Rufe deine Shop URL mit folgendem Kürzel am Ende auf: ?check=1 Beispiel: Wenn deine Shop URL: mein-shop.de lautet, dann rufst du folgende URL im Browser auf: mein-shop.de?check=1 2. Du solltest dann ein großes gelbes Schild im Browser sehen, in dem geschrieben steht: “**Das Shoplytics Script wurde korrekt im Quellcode hinterlegt”** 3. Falls du dieses Schild nicht zu sehen bekommst, dann melde dich bitte direkt wieder bei unserem Technik-Team und wir helfen dir weiter. **Fleißaufgabe:** Doppelte Tracking-Scripts entfernen. Damit nicht unnötig doppelte Tracking-Scripts geladen werden, gehst du folgendermaßen vor: # Doppeltes “Google Analytics” Tracking entfernen 1. Öffne den Bereich “SEO” in deinem Shop. [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/fiYYyjCbezBZ3riI-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/fiYYyjCbezBZ3riI-image.png) 2. Klicke dort dann auf “Google Analytics” [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/8uljXE2gSjW0D2PL-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/8uljXE2gSjW0D2PL-image.png) 3. Falls hier eine Konto-ID drinnen stehen sollte, dann sende uns bitte eine Email mit dieser ID, dann werden wir diese ebenfalls in den ProfitFinder mit aufnehmen. Das spart Ladezeit und zusätzlichen Code in deinem Shop [![image.png](https://docs.shoplytics.de/uploads/images/gallery/2026-04/scaled-1680-/q45EkkfB8UbTgLPE-image.png)](https://docs.shoplytics.de/uploads/images/gallery/2026-04/q45EkkfB8UbTgLPE-image.png) # X-Cart 1. Installiere das folgende Plugin. Dieses stellt die "Ecommerce-Datalayer nach Google Standard" bereit. Die Ecommerce-Datalayer liefert die notwendigen Signale für das Tracking von Ecommerce-Ereignissen und Produkt-Details. [https://market.x-cart.com/addons/google-tag-manager-classic.html?backURL=https%3A%2F%2Fmarket.x-cart.com%2Fsearch%2F%3Fsubstring%3Ddatalayer%23productid-5199](https://market.x-cart.com/addons/google-tag-manager-classic.html?backURL=https%3A%2F%2Fmarket.x-cart.com%2Fsearch%2F%3Fsubstring%3Ddatalayer%23productid-5199) 2. Hinterlege den Shoplytics-Code global im <head>-Bereich des Shops. Den Shoplytics-Code hast du per Email von uns erhalten. Du findest ihn auch jederzeit unter [https://app.shoplytics.de/einstellungen/?tab=skript](https://app.shoplytics.de/einstellungen/?tab=skript) # BigCommerce 1. Installiere das folgende Plugin. Dieses stellt die "Ecommerce-Datalayer nach Google Standard" bereit. Die Ecommerce-Datalayer liefert die notwendigen Signale für das Tracking von Ecommerce-Ereignissen und Produkt-Details. [https://www.bigcommerce.com/apps/tag-manager-suite/](https://www.bigcommerce.com/apps/tag-manager-suite/) 2. Hinterlege den Shoplytics-Code global im <head>-Bereich des Shops. Den Shoplytics-Code hast du per Email von uns erhalten. Du findest ihn auch jederzeit unter [https://app.shoplytics.de/einstellungen/?tab=skript](https://app.shoplytics.de/einstellungen/?tab=skript) # Du willst deine eigene dataLayer im Shop zur Verfügung stellen, weil dein Shop kein Datalayer Plugin hat (Shop ist Eigenprogrammierung oder Headless/SPA) Damit Shoplytics in deinem Shop relevante E-Commerce-Ereignisse erfassen kann (z. B. `view_item`, `add_to_cart`, `purchase`), braucht es eine saubere **E-Commerce-Datalayer**. Diese Datalayer stellt strukturierte Informationen bereit, u. a.: - Produkt-IDs und Varianten - Kategorien - Preise und Umsätze - Warenkorb- und Bestelldaten Kurz gesagt: Alles, was aus Besuchern messbare Kaufentscheidungen macht. ### Der Standard, auf den Shoplytics setzt Shoplytics folgt dem gängigen **Google-Analytics Datalayer Standard (GTM Version)**. Für viele Shopsysteme gibt es dafür bereits fertige Plugins. Deshalb unser erster, pragmatischer Tipp: **Suche im Adminbereich deines Shops nach Plugins mit Begriffen wie** - „Datalayer“ - „Google Tag Manager“ - „GTM“ Viele dieser Plugins stellen die benötigte E-Commerce-Datalayer direkt bereit. Wenn du dir unsicher bist, ob das Plugin für dich passt, sende uns gerne den Link an und wir prüfen das kurz für dich. ### Du kontest kein Plugin für deinen Shop finden? Kein Problem. (PS: Mehr als 10 Euro im Monat solltest du nicht dafür bezahlen müssen ... da gibts Plugins die nehmen das zehnfache. Das ist viel zu viel.) Gerade bei individuelleren Setups ist es völlig normal, dass es keine Plugins gibt. Das ist auch kein Problem. In diesem Fall hast du zwei saubere Optionen: #### Option 1: Datalayer durch deinen Entwickler oder deine Agentur Dein Entwickler implementiert die E-Commerce-Datalayer direkt im Quellcode deines Shops. Das ist der übliche Weg bei: - Eigenentwicklungen - nicht standardisierten Shopsystemen - individuellen Produkt-, Preis- oder Warenkorb-Logiken - (sende dazu einfach die Dokumentation hier weiter an deinen Programmierer) Die Anleitung für deinen Entwickler findest du ganz unten auf dieser Seite. #### Option 2: Wir übernehmen das für dich. Du buchst den Shoplytics Datalayer Service Was du bekommst: - Eine individuell für deinen Shop erstellte E-Commerce-Datalayer - Kein Entwicklungsaufwand auf deiner Seite - Umsetzung nach gängigem, zukunftssicherem Standard Wichtig: Diese Datalayer **gehört dir**. Du kannst sie unabhängig von Shoplytics weiterverwenden, denn auch andere Plugins und Tracking-Systeme orientieren sich an genau diesem Standard. [--> Jetzt Datalayer-Service buchen](https://www.checkout-ds24.com/product/592227/) Also: \*\*Egal ob von uns, einem Plugin aus deinem Shop oder deiner Shop-Agentur – \*\* \*\*besorg dir eine saubere Datalayer nach diesem Standard. \*\* Du investierst damit nicht in ein Tool, sondern in eine saubere Datenbasis für deinen Shop. Im nächsten Schritt findest du dazu die originalen Google-Dokumentationen. ### Anleitung für deinen Entwickler zur einfachen Programmierung der Datalayer 1. **Programmierung der “DataLayer” und Befüllung mit “Enhanced-E-Commerce Daten”** entsprechend der Dokumentation von Google selbst (Den Link zur kompletten Google Dokumentation und aller möglichen Ereignisse findest du am Ende dieses Dokuments.): 1. Du kannst dich hier auf die folgenden vier Ereignisse/Seitenaufrufe beschränken: (Schritt 1. bis 4 sind “Pflicht” um das Ecommerce Tracking zu starten) 1. Aufruf einer Produktseite (Dokumentation: “view\_item) 2. Hinzufügen/Entfernen eines Produktes aus dem Warenkorb (Dokumentation: add\_to\_cart, bzw: remove from cart) 3. Einstieg in den Checkout: begin\_checkout 4. Die Übermittlung erfolgreich abgeschlossener Käufe (auf der “Danke-Seite” nach dem Kauf) (Siehe purchase in der Google Doku) 2. Beachten Sie bitte die “required” Parameter in jedem der Datalayer Pushes in der original Google Doku (Die Links dazu unten): 1. den jeweiligen Event Namen (z.B: “view\_item” oder “purchase”) 2. items > item\_name & item\_id 3. currency 4. value **Bei Rückfragen zur Programmierung gerne jederzeit melden bei:** support@shoplytics.de #### Die Doku von Google zu den einzelnen Events: **Bitte exakt so umsetzen lassen von deinem Programmierer-Team.** (Siehe auch die Pflicht-Parameter im Ecommerce und den items Objekten.) Mindestens sind die Events: view\_item, add\_to\_cart und purchase notwendig. Besser wären alle der folgenden Events... **add\_payment\_info:** https://developers.google.com/analytics/devguides/collection/ga4/reference/events?hl=de&client\_type=gtm#add\_payment\_info **add\_shipping\_info:** https://developers.google.com/analytics/devguides/collection/ga4/reference/events?hl=de&client\_type=gtm#add\_shipping\_info **add\_to\_cart:** https://developers.google.com/analytics/devguides/collection/ga4/reference/events?hl=de&client\_type=gtm#add\_to\_cart **begin\_checkout:** https://developers.google.com/analytics/devguides/collection/ga4/reference/events?hl=de&client\_type=gtm#begin\_checkout **view\_item:** https://developers.google.com/analytics/devguides/collection/ga4/reference/events?hl=de&client\_type=gtm#view\_item **view\_item\_list:** https://developers.google.com/analytics/devguides/collection/ga4/reference/events?hl=de&client\_type=gtm#view\_item\_list **purchase:** https://developers.google.com/analytics/devguides/collection/ga4/reference/events?hl=de&client\_type=gtm#purchase **remove\_from\_cart:** https://developers.google.com/analytics/devguides/collection/ga4/reference/events?hl=de&client\_type=gtm#remove\_from\_cart # Shoplytics in Headless & SPA Shops Diese Anleitung gilt für zwei Szenarien, die oft zusammen auftreten — aber unabhängig voneinander relevant sind: **Headless** — Frontend und Backend sind getrennt. E-Commerce Daten aus dem Backend müssen aktiv in den Datalayer des Frontends übergeben werden. **SPA (Single-Page-Application)** — Der Browser lädt die Seite nur einmal, Seiten wechseln ohne echten Reload. Pageviews müssen manuell getriggert werden. Viele Shops kombinieren beides — manche nur eines von beiden. Prüfe welches Szenario auf dich zutrifft. ## Was du brauchst ### 1. Shoplytics Script einbinden Der Shoplytics Script muss einmalig im globalen App-Shell deines Frontends eingebunden werden — also dort, wo er auf jeder Seite geladen wird (z. B. `_app.js`, `app.vue`, `layout/default.vue` o. ä.). Ohne diesen Schritt kann Shoplytics keine Daten erfassen. --- ### 2. Pageview bei jedem Routenwechsel *(nur SPA)* Bei klassischen Shops löst jeder Seitenaufruf automatisch einen Pageview aus. Bei SPAs passiert das nicht — der Browser lädt die Seite nur einmal. Deshalb muss bei jedem Routenwechsel manuell ein Pageview-Event in den Datalayer gepusht werden: ``` window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'page_view', page_location: window.location.href, page_path: window.location.pathname, page_title: document.title, page_referrer: document.referrer // bei SPA-interner Navigation: vorherige Route manuell übergeben }); ``` **Wichtig:** Den Datalayer-Push erst auslösen, nachdem der Router die neue Route vollständig gerendert hat — nicht beim Start der Navigation. Sonst wird die falsche URL gesendet. --- ### 3. E-Commerce Datalayer Events *(Headless & SPA)* Shoplytics folgt dem Google Analytics Datalayer Standard. Alle relevanten Kaufereignisse müssen als Datalayer-Push im Frontend implementiert werden. Mindestanforderung: - `view_item` — Produktseite aufgerufen - `add_to_cart` — Produkt in den Warenkorb gelegt - `purchase` — Kauf abgeschlossen Empfohlen zusätzlich: `remove_from_cart`, `begin_checkout`, `add_shipping_info`, `add_payment_info`, `view_item_list` Die genauen Parameter und Pflichtfelder findest du in unserer Entwickler-Anleitung → [https://docs.shoplytics.de/books/installation/page/eigenprogrammierung-nicht-unterstutzes-shopsystem](https://docs.shoplytics.de/books/installation/page/du-willst-deine-eigene-datalayer-im-shop-zur-verfugung-stellen-weil-dein-shop-kein-datalayer-plugin-hat-shop-ist-eigenprogrammierung-oder-headlessspa)