Conversion Tracking mit Rentware
Google Tag Manager Rezept
-
Das Tracken von Aktionen wie „Hinzufügen zum Warenkorb“ oder „Erfolgreich bezahlt“ einfach und schnell einrichten. Hier ein Beispiel mit Google Tag Manager.
In unserem klassischen set-up verwenden wir Google Analytics zum Tracken von Events, sowie den Facebook Pixel. Conversions können ganz einfach an weitere Tools gesendet werden, bspw. Google Ads.
-
Laden Sie den Google Tag Manager Container herunter und importieren Sie diesen in der Verwaltung Ihres Containers.
Facebook
Passen Sie die Variable „constant – fb pixel id“ mit Ihrer entsprechenden Pixel Id an.
Google Analytics
Hinterlegen Sie im Tag „GA4″ die richtige Mess-Id Ihrer Google Analytics Instanz.
Google Ads
Für Google Ads füllen Sie die entsprechende Conversion-ID und Conversion-Label ein. Für den Conversion-Wert nutzen Sie die Variabel „{{DLV – ecommerce.value}}“, um den Wert des Warenkorbs zu übermitteln.
Custom JS: example dataLayer
-
Rentware bietet Ihnen die Möglichkeit, sogenannte hooks zu verwenden, um an bestimmten Stellen Ihr eigenes JS einzufügen.
window.RTR_HOOKS = { your custom 🪝}
Folgende Events sind aktuell vorhanden:
- onAddToCart
- onInitiateCheckout
- onCheckoutSuccess
Schauen Sie sich unser Beispiel Code Snippet an. Copy Pasta für ein klassisches Tracking Setup.
-
window.RTR_HOOKS = { onAddToCart: function (data) { window.dataLayer = window.dataLayer || []; dataLayer.push({ ecommerce: null }); dataLayer.push({ event: "add_to_cart", ecommerce: { items: [ { item_id: data.productId, currency: data.currency, quantity: data.quantity, }, ], }, }); }, onInitiateCheckout: function (data) { window.dataLayer = window.dataLayer || []; dataLayer.push({ ecommerce: null }); dataLayer.push({ event: "begin_checkout", ecommerce: { items: [ { value: formatCents(data.transactionTotal), currency: 'EUR', }, ], }, }); function formatCents(cents) { if (!cents && cents !== 0) { return "0.00"; } return (cents / 100).toFixed(2); } }, onCheckoutSuccess: function (data) { window.dataLayer = window.dataLayer || []; dataLayer.push({ ecommerce: null }); dataLayer.push({ event: "purchase", ecommerce: data.ecommerceData.purchase }); }, };