Data Layer implentieren -Wer kann mir helfen

Deutsch Diskussion Technische Fragen & Antworten
1

Hallo

wer kann mir helfen wie ich den Data Layer korrekt implentiere?

Und was kann ich machen damit unser shop schneller wird?

2

Hey @RICHSTILJasmina

Danke fĂŒr die Frage und du möchtest den Data Layer implementieren um die “Enhanced E-Commerce-Funktion” fĂŒr GA und GTM zu verwenden ist das richtig? Das konnte ich deiner Frage nicht entnehmen und vermute mal ja. Beachte auch das der GTM nur auf Shopify+ derzeit möglich ist, wie man hier lesen kann.

Gooood News: Du kannst jetzt GA4 in deinem Shop einrichten um viel-verbesserte Analytik zu geniessen (folge einfach unsere Anleitung hier).

Universal Analytics wird also im Juli 2023 eingestellt und wird durch Google Analytics 4 ersetzt, sprich, die Next Generation Google Analytics. Universal Analytics erfasst weiterhin Daten, bis das Tool im Juli 2023 eingestellt wird. Die Daten bleiben fĂŒr mindestens 6 Monate danach zugĂ€nglich.

  • Ab MĂ€rz 2023 kannst du zu Google Analytics 4 auf Shopify wechseln.

Mit dem flexiblen event-based data model kannst du mit GA4 einheitliche User Journeys gewĂ€hrleisten. Dabei wird primĂ€r das AI und maschinelle Lernen von Google verwendet, um LĂŒcken in deinen Daten mit modellierten Einblicken und predictive Features zu schließen, mit denen du bessere Ergebnisse erzielen und dein GeschĂ€ft ausbauen kannst.

Der Clou

Da es nicht ausschließlich auf Cookies angewiesen ist, wie das mehr traditionelle Tool, wurde Google Analytics 4 entwickelt, um mit einem sich Ă€ndernden Ökosystem mithalten zu können, sodass du mehr ĂŒber deine Kunden erfahren kannst, auch mit LĂŒcken in deinen Daten.

Derzeit ist also keine Aktion von dir erforderlich. ZusĂ€tzliche Anleitungen und Mitteilungen von Shopify und Google mit den nĂ€chsten Schritten werden in KĂŒrze von uns bereitgestellt.

Wenn du aber jetzt schon GA4 testen möchtest dann siehe die Anleitung von unseren Experten Emmanuel Flossie von Feedarmy die eine Schritt-fĂŒr-Schritt-Anleitung ist zur Einrichtung von GA4:

Du kannst diese Daten dann mit Google Ads verknĂŒpfen und sie als Gebotsmodifikator verwenden:

DIY: Weitere Implementierung des Data Layers in Shopify

Wenn du es selber im theme.liquid programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negative beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhĂ€ngig, ohne GewĂ€hr und dient lediglich dazu dich in die richtige Richtung zu weisen!

Ein Data Layer ist also eine Struktur, die dazu dient, Daten auf einer Website systematisch zu speichern, damit sie von verschiedenen Tools und Skripten verwendet werden können, insbesondere von Tag-Management-Systemen wie Google Tag Manager (derzeit, wie gesagt, nur auf Plus). Hier ist, wie man einen Data Layer im Shop implementieren könnte:

Gehe in das Theme Code → “theme.liquid” im Ordner “Layouts”. FĂŒge den folgenden Code direkt vor dem schließenden </head>-Tag ein:

Dieser Code erstellt einen Data Layer und fĂŒgt einige grundlegende Informationen hinzu, wie z. B. den Seitentyp, ob der Benutzer eingeloggt ist und die Kunden-ID. Man kann zusĂ€tzliche Daten zum Data Layer hinzufĂŒgen, indem man weitere Elemente zum window.dataLayer.push()-Objekt hinzufĂŒgt.

Dein Shop Speed

Es gibt mehrere Maßnahmen, die man ergreifen kann, um die Ladegeschwindigkeit des Themes zu verbessern:

a. Optimierte Bilder: Stelle sicher, dass alle Bilder fĂŒr das Web optimiert sind, indem man sie komprimiert und die richtige GrĂ¶ĂŸe wĂ€hlt. Verwende Bildoptimierungstools wie TinyPNG oder ImageOptim, um die DateigrĂ¶ĂŸe der Bilder zu reduzieren, ohne die QualitĂ€t zu beeintrĂ€chtigen.

b. Verwende ein schnelles Theme: Das Dawn Theme ist ein gutes Beispiel fĂŒr ein schnelles und leichtgewichtiges Theme.

c. Reduziere die Anzahl der Frontend Apps.

d. Verwende das Lazy Loading fĂŒr Bilder: dies reduziert die anfĂ€ngliche Ladezeit der Pages.

e. Minimiere aufwendigen JavaScript und CSS.

f. Verwende einen Content Delivery Network (CDN) um alle statischen Assets wie Bilder und Skripte schneller an die Kunden zu liefern.

Hoffe das hilft! :wink: