Skip to main content

Anbindung von Shoplytics wenn: Shop hat kein Datalayer Plugin, 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

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

Back to top