FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

Tracking Facebook, Google + serverside, best practices

Gelöst

Tracking Facebook, Google + serverside, best practices

Winade_shop
Forscher
85 0 8

Hi zusammen,

 

was denn aktuell best practice, um sauber und DSGVO konform folgendes einzurichten inkl Einrichtung vom DataLayer (sonst geht das ja nicht):

 

- GA4 + Ecommerce Tracking

- FB Pixel + Conversion API

- HotJar

 

Bei den aktuellen Entwicklungen blicke ich einfach nicht mehr durch.

 

Ihr müsstest das doch wissen wie das für Shopify am besten ist oder?

 

Welche App für den Consent könnt ihr empfehlen? Aktuell nutze ich beeclever

 

Danke!

1 AKZEPTIERTE LÖSUNG
Gabe
Shopify Staff
19233 3005 4430

Erfolg.

Das ist für den GTM? Du kannst versuchen, dass zur Bestellstatusseite hinzuzufügen per unserer Anleitung hier.

 

Der "window.dataLayer = window.dataLayer || [];" Script wird generell verwendet, um ein globales JavaScript-Array-Objekt mit dem Namen "dataLayer" im Browser-Fensterobjekt zu initialisieren und zu erstellen. Es wird häufig in Verbindung mit dem Google Tag Manager verwendet, um Daten zwischen der Website und verschiedenen Marketing- und Analyse-Tags wie Google Analytics zu speichern und weiterzugeben.

 

Du kannst das im theme.liquid einpflegen oberhalb des closing <head> Tag wie folgt, ob es funzen wird ist aber leider zu bezweifeln aufgrund des Sachverhalt weiter unten erklärt:

 

<script>
  window.dataLayer = window.dataLayer || [];
</script>

 

Normalerweise muss dieses Skript der Checkout-Seite hinzugefügt werden, um sicherzustellen, dass das dataLayer-Array für alle Marketing- oder Analyse-Tags, die auf dieser Seite ausgelöst werden, verfügbar ist.

 

Aber generell ein DataLayer im theme.liquid und ein GTM-Tracking-Snippet an den Checkout kann man nur im Shopify+ Plan implementieren da das checkout.liquid verwendet werden muss...ansonsten geht das nicht. Am besten nur die Einstellungen wie oben in den Links beschrieben verwenden. 

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

8 ANTWORTEN 8

Gabe
Shopify Staff
19233 3005 4430

Hey @Winade_shop 

 

Die Beeclever App ist super, somit bist du da gut aufgehoben bzgl. alle wichtigen Dinge der DSGVO.

 

Facebook Conversion API

Du kannst Datenfreigabeeinstellungen beim Onboarding auf Facebook und Instagram festlegen. Es gibt drei Auswahlmöglichkeiten, von denen die zwei letzten die Conversions API nutzen. Händler können ihre Einstellungen für die Datenfreigabe auch später auf der Registerkarte Einstellungen des Kanals unter Datenfreigabe (Share Data) ändern.

 

Was sind die verschiedenen Einstellungen für die Datenweitergabe?
KONSERVATIV: Ein Facebook-Pixel sammelt Daten aus dem Surfverhalten der Kunden im Online-Shop. Ein browserbasierter Werbeblocker kann die Weitergabe von Daten durch das Facebook-Pixel verhindern.
ERWEITERT: Der Laden nutzt neben dem Facebook-Pixel auch die Conversions API von Facebook. Die Conversions API sendet das Kaufereignis zwischen Shopify- und Facebook-Servern. Daten, die von Server zu Server gesendet werden, können nicht durch browserbasierte Werbeblocker blockiert werden. Die Einstellung "Erweitert" teilt die persönlichen Daten des Kunden, um die Nutzer im Facebook-Netzwerk abzugleichen. Zu den Informationen, die mit dieser Einstellung gesammelt werden, gehören der Name, der Standort, die E-Mail-Adresse und die Telefonnummer des Kunden sowie sein Surfverhalten im Online-Shop. Weitere Informationen findest du in der Facebook-Dokumentation zur Conversions API.

 

MAXIMUM: Der Shop nutzt die Conversions API von Facebook, das Facebook-Pixel und wird mit der neuesten Werbetechnologie von Facebook aktualisiert. Die Conversions API sendet das Kaufereignis zwischen Shopify- und Facebook-Servern. Daten, die von Server zu Server gesendet werden, können nicht von browserbasierten Werbeblockern blockiert werden. Die Einstellung Maximum teilt die persönlichen Daten der Kunden, um sie mit Nutzern im Facebook-Netzwerk abzugleichen. Zu den Informationen, die mit dieser Einstellung gesammelt werden, gehören der Name, der Standort, die E-Mail-Adresse und die Telefonnummer des Kunden sowie sein Surfverhalten im Online-Shop. Weitere Informationen findest du in der Facebook-Dokumentation zur Conversions API.

 

Google's GA4 und die DSGVO

Google stellt Universal Analytics im Juli 2023 ein 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: 

Habt ihr schon über Ostern nachgedacht? Warum nicht etwas "Easter Egg Gamification" im Vorfeld Osterns in den Shop einbauen? Man kann z. B. eine Annonce auf der Homepage zeigen, dass Oster Eier im Shop versteckt sind und wenn diese gefunden werden, werden sie automatisch als Geschenk zum Warenkorb ergänzt. Gerne können wir hier weiter darüber plaudern!

Lass wissen, wenn du weitere Fragen hast zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

giphy

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Winade_shop
Forscher
85 0 8

dh es ist KEIN Tag Manager nötig? Nur Haken setzen, die obigen Einstellungen übernehmen und bei Checkout einen DataLayer Code setzen?

Weil bei mir wird kein add_to_cart zb gepusht.

Winade_shop_0-1675250390767.png

 

Winade_shop
Forscher
85 0 8

taucht im Video nicht auf - brauche ich einen zusätzliche Code für den Data Layer?


window.dataLayer = window.dataLayer || [];
dataLayer.push({ ecommerce: null });

{% if first_time_accessed and post_purchase_page_accessed != true %}

dataLayer.push({
event: "purchase",
ecommerce: {
transaction_id: "{{ order.order_number }}",
value: {{ total_price | times: 0.01 }},
tax: {{ tax_price | times: 0.01 }},
shipping: {{ shipping_price | times: 0.01 }},
currency: "{{ order.currency }}",
items: [
{% for line_item in line_items %}{
item_id: "{{ line_item.product_id }}",
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}",
currency: "{{ order.currency }}",
price: {{ line_item.final_price | times: 0.01 }},
quantity: {{ line_item.quantity }}
},{% endfor %}
]
}
});

{% endif %}

</script>

Gabe
Shopify Staff
19233 3005 4430

Erfolg.

Das ist für den GTM? Du kannst versuchen, dass zur Bestellstatusseite hinzuzufügen per unserer Anleitung hier.

 

Der "window.dataLayer = window.dataLayer || [];" Script wird generell verwendet, um ein globales JavaScript-Array-Objekt mit dem Namen "dataLayer" im Browser-Fensterobjekt zu initialisieren und zu erstellen. Es wird häufig in Verbindung mit dem Google Tag Manager verwendet, um Daten zwischen der Website und verschiedenen Marketing- und Analyse-Tags wie Google Analytics zu speichern und weiterzugeben.

 

Du kannst das im theme.liquid einpflegen oberhalb des closing <head> Tag wie folgt, ob es funzen wird ist aber leider zu bezweifeln aufgrund des Sachverhalt weiter unten erklärt:

 

<script>
  window.dataLayer = window.dataLayer || [];
</script>

 

Normalerweise muss dieses Skript der Checkout-Seite hinzugefügt werden, um sicherzustellen, dass das dataLayer-Array für alle Marketing- oder Analyse-Tags, die auf dieser Seite ausgelöst werden, verfügbar ist.

 

Aber generell ein DataLayer im theme.liquid und ein GTM-Tracking-Snippet an den Checkout kann man nur im Shopify+ Plan implementieren da das checkout.liquid verwendet werden muss...ansonsten geht das nicht. Am besten nur die Einstellungen wie oben in den Links beschrieben verwenden. 

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Winade_shop
Forscher
85 0 8

ich habe den GTM + GA4 so eingebaut:

Winade_shop_0-1675288470317.png

 

Aber im Preview Mode vom Tag Manager wird zb kein add to cart event mehr gepusht

 

Nur ein Click event:

 

Winade_shop_1-1675288574859.png

 

 

Woran kann das liegen?

 

Danke!

 

Gabe
Shopify Staff
19233 3005 4430

Hey @Winade_shop 

 

Ich habe das oben im letzten Paragraphen erklärt, dass der Tag Manager nur im Shopify+ Plan funktioniert wo du Zugang zum checkout.liquid hast der dafür notwendig ist (mehr dazu hier).

 

Dann prüfe auch ob du einen Cart-Drawer auf der Product Page verwendest.

 

Die Alternativen sind aber genau so gut und die werden von unserem Experten von Feedarmy hier erklärt

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Winade_shop
Forscher
85 0 8

Hi Gabe,

 

aber Add to cart ist doch gar nicht im Checkout und das purchase event auch nicht. Das hat auch schonmal funktioniert, nur jetzt wird irgendwie nichts mehr gepusht...

 

Danke!

Winade_shop
Forscher
85 0 8

braucht man im Tag Manager die zusätzlichen Event tags und Trigger für Shopify Ecommerce Tracking?

Winade_shop_0-1675252433563.png

Winade_shop_1-1675252451281.png