Implementere sporing i et Shoporama-tema

Denne veiledningen er for temautviklere som ønsker å implementere sporing av e-handel i et Shoporama-tema. Vi anbefaler at du bruker Google Tag Manager (GTM) med Shoporamas standard datalag.

1. Aktiver standard datalag

Shoporama kan automatisk generere et standard datalag med e-handelsdata. Aktiver det under Innstillinger → Sporing → Aktiver standard datalag.

Datalaget følger GA4-standarden for e-handel og inkluderer hendelser som view_item, add_to_cart og purchase.

2. Legg til GTM-kode i temaet ditt

Sett inn GTM-snutten i temaets topptekst. Enten via Innstillinger → Kode i head/body eller direkte i temaets 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-XXXXXXXXX');</script> <!-- Slutt på Google Tag Manager -->.

3. Sette opp tagger i GTM

I Google Tag Manager oppretter du tagger for hendelsene du ønsker å spore. Når Shoporamas standard datatag er aktivert, kan du bruke de innebygde GA4-hendelsestaggene:

• GA4-konfigurasjonstagg - med målings-ID-en din
• GA4-hendelsesmerker - for hver e-handelshendelse du vil spore
• Utløsere - basert på dataLayer-hendelser

Manuell implementering av datalag

Hvis du trenger full kontroll, kan du bygge ditt eget datalag med Smarty-variabler. Du kan for eksempel legge til på ordrebekreftelsessiden(receipt.html):

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

Les mer i vår komplette sporingsveiledning. Trenger du hjelp? Kontakt oss på support@shoporama.dk.