Implementierung von Tracking in ein Shoporama-Thema

Diese Anleitung richtet sich an Theme-Entwickler, die E-Commerce-Tracking in einem Shoporama-Theme implementieren möchten. Wir empfehlen die Verwendung von Google Tag Manager (GTM) mit der Standard-Datenebene von Shoporama.

1. Standard-Datenebene aktivieren

Shoporama kann automatisch eine Standard-Datenebene mit E-Commerce-Daten erzeugen. Aktivieren Sie diese unter Einstellungen → Tracking → Standarddatenschicht aktivieren.

Die Datenschicht folgt dem GA4 E-Commerce Standard und beinhaltet Ereignisse wie view_item, add_to_cart und purchase.

2. Fügen Sie GTM-Code in Ihr Theme ein

Fügen Sie das GTM-Snippet in den Header Ihres Themes ein. Entweder über Einstellungen → Code in head/body oder direkt in der header.html Ihres Themes:

<!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXXX');</script> <!-- Ende Google Tag Manager -->

3. Einrichten von Tags in GTM

Im Google Tag Manager erstellen Sie Tags für die Ereignisse, die Sie verfolgen möchten. Wenn das Standard-Daten-Tag von Shoporama aktiviert ist, können Sie die integrierten GA4-Event-Tags verwenden:

• GA4 Konfigurations-Tag - mit Ihrer Mess-ID
• GA4 Event Tags - für jedes E-Commerce-Ereignis, das Sie verfolgen möchten
• Auslöser - basierend auf dataLayer-Ereignissen

Manuelle Implementierung der Datenschicht

Wenn Sie volle Kontrolle benötigen, können Sie Ihre eigene Datenschicht mit Smarty-Variablen erstellen. Zum Beispiel können Sie auf der Bestellbestätigungsseite(receipt.html) hinzufügen:

<script> dataLayer.push({ event: 'purchase', ecommerce: { transaction_id: '<{$order->getOrderId()}>', value: <{$order->getTotal()}>, currency: '<{$order->getCurrencyCode()}>' } }); </script>

Lesen Sie mehr in unserem vollständigen Leitfaden zur Sendungsverfolgung. Brauchen Sie Hilfe? Kontaktieren Sie uns unter support@shoporama.dk.