Implementera spårning i ett Shoporama-tema
Utvecklarguide för att implementera spårningskod i ett Shoporama-tema med Google Tag Manager och datalager.
Den här guiden är för temautvecklare som vill implementera spårning av e-handel i ett Shoporama-tema. Vi rekommenderar att du använder Google Tag Manager (GTM) med Shoporamas standarddatalager.
Rekommendation
Den enklaste lösningen för handlare är att använda Shoporamas inbyggda spårning, som skickar data automatiskt utan kodändringar. Den här guiden är för dig som vill ha manuell kontroll.
1. Aktivera standarddatalager
Shoporama kan automatiskt generera ett standarddatalager med e-handelsdata. Aktivera det under Inställningar → Spårning → Aktivera standarddatalager.
Datalagret följer e-handelsstandarden GA4 och inkluderar händelser som view_item, add_to_cart och purchase.
2. Lägg till GTM-kod i ditt tema
Infoga GTM-snippet i ditt temas header. Antingen via Inställningar → Kod i head/body eller direkt i ditt temas header.html:
<!-- 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> <!-- Avsluta Google Tag Manager -->
3. Ställ in taggar i GTM
I Google Tag Manager skapar du taggar för de händelser du vill spåra. Med Shoporamas standarddatatagg aktiverad kan du använda de inbyggda GA4-händelsetaggarna:
- GA4-konfigurationstagg - med ditt mätnings-ID
- GA4-händelsetaggar - för varje e-handelshändelse som du vill spåra
- Triggers - baserat på dataLayer-händelser
Manuell implementering av datalager
Om du behöver full kontroll kan du bygga ditt eget datalager med Smarty-variabler. På sidan för orderbekräftelse(receipt.html) kan du till exempel lägga till:
<script> dataLayer.push({ event: 'purchase', ecommerce: { transaction_id: '<{$order->getOrderId()}>', value: <{$order->getTotal()}>, currency: '<{$order->getCurrencyCode()}>' } }); </script>
Läs mer i vår kompletta spårningsguide. Behöver du hjälp? Kontakta oss på support@shoporama.dk.