Google Tag Manager
Google Tag Manager är ett kraftfullt verktyg som hjälper dig att hantera och distribuera olika taggar (kodfragment) som är kopplade till marknadsföringskampanjerna. Google Tag Manager ger dig möjlighet att lägga till spårningstaggar på din webbplats för att mäta målgruppen eller för att anpassa, återannonsera eller genomföra marknadsföringsinitiativ för sökmotorer.
Google Tag Manager överför data och händelser direkt till Google Analytics, Enhanced Ecommerce och andra analyslösningar från tredje part för att få en tydlig bild av hur bra din webbplats, produkter och kampanjer fungerar.
Du måste ha ett Google Analytics- och Tag Manager-konto för att kunna fortsätta den här processen. Följande instruktioner hjälper dig genom processen att konfigurera dina Google-konton, konfigurera din Commerce Store och skapa en tagg.
Steg 1. Konfigurera ditt Google Analytics-konto
Se Konfigurera webbplatssökning i Google-hjälpen för information om grunderna för hur du kommer igång. Se även Google-guiderna för Google Analytics och Google Tag Manager.
-
Logga in på ditt Google Analytics-konto.
-
Så här aktiverar du Internal Site Search Tracking:
-
Navigera till Select View > View Settings.
-
Ange Site Search Tracking till
On
. -
Ange parametern Query till
q
. -
När det är klart Save inställningarna.
-
-
Så här aktiverar du visningsfunktioner:
-
Välj Property Settings.
-
Under Advertising Features anger du Enable Demographics and Interest Reports till
On
. -
Save inställningarna.
-
-
Så här aktiverar du e-handelsspårning:
-
Navigera till Select View > Ecommerce Settings.
-
Ange Enable Ecommerce till
On
. -
Ange Enable Enhanced Ecommerce Reporting till
On
. -
Save inställningarna.
-
-
Läs in sidan igen och verifiera att alla inställningar är kvar
On
.note note NOTE Om inte alla inställningar är On
upprepar du de föregående stegen, sparar och läser in sidan igen. Upprepa den här processen tills alla inställningar är inställda påOn
.
Steg 2. Konfigurera ditt Google Tag Manager-konto
Följande instruktioner visar hur du konfigurerar en ny behållare med de grundläggande inställningarna. Ett exempel på en Composer-konfigurationsfil (.json) används för att förenkla processen, och import används för att generera en tagg i en ny behållare. I det här exemplet rekommenderas att du skapar en behållare i stället för att ändra en befintlig behållare.
-
Hämta den länkade filen GTM_M2_Config_json.txt, öppna filen i en redigerare och spara den som
GTM_M2_Config.json
.JSON-filen överförs direkt till Google Tag Manager.
-
Navigera till Admin > Container > Import Container.
-
Klicka på Choose container file och markera json-filen.
-
Klicka på New under Choose workspace.
-
Ange en titel och en beskrivning och klicka sedan på Save.
-
Om du vill importera filen väljer du en av följande åtgärder:
-
Alternativet Overwrite bör väljas för en ny behållare.
-
Alternativet Merge bör vara markerat om du använder en befintlig behållare.
-
-
Klicka på Preview om du vill granska taggarna, utlösarna och variablerna.
-
Så här redigerar du Google Analytics ID som refereras i variabler:
-
Navigera till Variables > User-Defined Variables.
-
Välj Google Analytics och uppdatera platshållaren (
UA-xxxxxx-x
) med din egen GA ID.
-
-
Följ Google instruktioner för hur du lägger till taggar, utlösare och variabler i den nya behållaren.
Om du har inställningar i en annan behållare som du vill använda kan de flyttas till den nya behållaren.
-
Klicka på Confirm när du är klar.
-
Följ Google anvisningar för hur du publicerar den nya behållaren.
Steg 3. Konfigurera din butik
-
Logga in på administratören för din Commerce-butik.
-
Gå till Stores > Settings>Configuration på sidofältet_ Admin _.
-
Expandera Sales i den vänstra panelen och välj Google API.
-
Expandera
-
Ange Enable till
Yes
. -
Ange Account type till
Google Tag Manager
. -
Ange ditt GTM-ID (
GTM-xxxxxx
) i fältet Container ID. -
Om du även använder Google Analytics för innehållsexperiment anger du Aktivera innehållsexperiment till
Yes
. -
Använd standardvärdena för de återstående fälten.
-
-
Klicka på Save Config när du är klar.
-
Testa dina Google Tag Manager-inställningar och verifiera att allt fungerar som det ska.
Fältbeskrivningar
Yes
/ No
Google Analytics
/ Google Tag Manager
Yes
/ No
Catalog Page
Cross-sell
Up-sell
Related Products
Search Results
Label
Skapa en tagg för att spåra konverteringar
Om du har ett Google AdWords-konto kan du skapa en tagg som spårar konverteringar. I följande exempel visas hur du använder både Google Tag Manager och Google Analytics för att skapa en tagg som aktiveras på din butiks konverteringssida Success.
Steg 1. Skapa en tagg
-
Logga in på ditt Google Tag Manager-konto och klicka på länken för den behållare som du skapade för din butik.
-
Klicka på Add a new tag i rutan New Tag.
-
Hämta följande information från ditt AdWords-konto:
- Konverterings-ID
- Konverteringsetikett
Om du behöver hjälp kan du gå till Google supportwebbplats.
-
Klicka på Google AdWords på kontrollpanelen Google Tag Manager och gör följande:
-
Klicka på titelplatshållaren och ange ett namn för den nya taggen.
-
Välj Google AdWords under Choose Product.
-
Under Choose a Tag Type väljer du AdWords Conversion Tracking och klickar på Continue.
-
-
Ange Conversion ID och Conversion Label från ditt AdWords-konto och klicka på Continue.
Steg 2. Skapa en regel
Om du fortsätter från kontrollpanelen Google Tag Manager är nästa steg att skapa en regel som aktiverar taggen på konverteringssidan.
-
Klicka på Some Pages under Fire On.
-
Fyll i följande inställningar i avsnittet Choose Pages:
-
Name - Ange ett namn för sidbeskrivningen.
-
Variable
url
-
Åtgärd -
matches RegEx
Mer information finns i Regex- och CSS-väljaroperatorer i hjälpen för Google Tag Manager.
-
Value -
checkout/success.*
-
-
Markera den gröna kryssrutan och klicka på Save.
Utlösaren som du ställer in visas som en blå knapp i avsnittet Elden på.
-
Klicka på Save Tag när du är klar.
Steg 3. Förhandsgranska och publicera
Nästa steg i processen är att förhandsgranska taggen. Varje gång taggen förhandsgranskas sparas en ögonblicksbild av versionen. När du är nöjd med resultaten går du till den version som du vill använda och klickar på Publish.
Anpassad HTML-tagg med JavaScript
I det här avsnittet beskrivs hur du lägger till en CSP-notation i JavaScript för anpassade HTML-taggar för körning på utcheckningssidan, och ser till att kraven i Content Security Policy (CSP) uppfylls. Det här tillägget förbättrar webbplatsens säkerhet genom att förhindra att obehöriga skript körs. Mer information finns i dokumentationen till Content Security Policy.
cspNonce
till Google Tag Manager stöds endast i Adobe Commerce version 2.4.8 och senare.Steg 1. Skapa en CSP Nonce-variabel
Du kan skapa en CSP Nonce-variabel som kan användas i din Google Tag Manager genom att importera variabelkonfigurationen eller konfigurera den manuellt.
Importera variabelkonfigurationen
CSP Nonce-variabeln ingår i exempelbehållaren GTM_M2_Config_json.txt. Du kan skapa variabeln genom att importera koden till arbetsytan.
Skapa variabeln manuellt
Om du inte kan importera variabelkonfigurationen följer du stegen nedan för att skapa den.
- Gå till avsnittet Variabler i sidlisten på arbetsytan.
- Klicka på knappen Ny längst ned på sidan i avsnittet Användardefinierade variabler.
- Ge variabeln
gtmNonce
ett namn. - Klicka på pennikonen för att redigera variabeln.
- Välj JavaScript-variabel i avsnittet Sidvariabel.
- Ange
window.cspNonce
i fältet Global variabelnamn. - Spara variabeln.
Mer information om Google Tag Manager-variabler finns i Användardefinierade variabeltyper för webben i Google-dokumentationen. Den här dokumentationen ger detaljerad vägledning om hur du skapar och hanterar anpassade variabler för att skräddarsy tagghanteringen för specifika marknadsförings- och analysbehov.
Steg 2. Skapa en anpassad HTML-tagg
-
Gå till avsnittet Taggar i sidlisten på arbetsytan.
-
Klicka på knappen Ny.
-
I avsnittet Taggkonfiguration väljer du Egen HTML-tagg.
-
Ange din obligatoriska JavaScript i textområdet och lägg till ett nonce-attribut till den inledande
<script>
-taggen som pekar på variabeln som du skapade i föregående steg. Exempel:code language-html <script nonce="{{gtmNonce}}"> // Your JavaScript code here </script>
-
Välj Supportdokument.write.
-
Välj önskad utlösare i avsnittet Utlösare. Till exempel Samtyckesinitiering - alla sidor.
Mer information om taggar i Google Tag Manager finns i Anpassade taggar i Google-dokumentationen.