Tracking Facebook, Google + serverside, best practices

[Winade_shop]

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!

[Gabe]

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: 

• https://feedarmy.com/kb/how-to-add-google-analytics-4-ga4-in-shopify/ 

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

• https://support.google.com/google-ads/answer/9244122?hl=de 

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.

[Winade_shop]

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]

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 · Accepted solution]

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. 

[Winade_shop]

ich habe den GTM + GA4 so eingebaut:

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

Nur ein Click event:

Woran kann das liegen?

Danke!

[Gabe]

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. 

[Winade_shop]

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]

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