Den här sidan skrevs ut den Mar 29, 2024. Besök https://help.shopify.com/sv/manual/promoting-marketing/pixels/custom-pixels/gtm-tutorial för den aktuella versionen.
På denna sida finns instruktioner om hur du använder Google Tag Manager (GTM) som en anpassad pixel för att hantera dina tredjepartspixlar.
Nedan följer ett exempel på att prenumerera på standardhändelsen "product_viewed", vilket indikerar när någon tittar på en produkt. När händelsen utlöses, pushar den händelsen till dataLayer.
I det här exemplet skickas produktnamnet i händelsens nyttolast. Du kan använda en Google Tag Manager-variabel för att hämta produktnamnet från händelsens nyttolast i den tagg du väljer.
Exempel på anpassad pixel för Google Tag Manager
Exemplet nedan är en förenklad version av en anpassad pixel för Google Tag Manager som visar hur du skickar data till Google Tag Manager. För att pusha fler händelser till din dataLayer kan du prenumerera på fler standard- och anpassade händelser.
Konfigurera Google Tag Manager för att acceptera händelser från din anpassade pixel
När du har skapat din anpassade pixel måste du konfigurera Google Tag Manager så att du accepterar händelser från din anpassade pixel. För att göra detta behöver du en tagg, en utlösare och datalagervariabler i Google Tag Manager.
Använd följande checkout_completed händelse:
Utlösaren för Google Tag Manager är en anpassad händelsetyp med händelsenamnet checkout_completed. Fältet Händelsenamn i utlösaren måste matcha händelsenyckeln i din anpassade pixel.
orderId och valuta är de variabler som du använder i Google Tag Manager för att hämta in data från händelsen. De kan mappas till en datalagervariabel i Google Tag Manager. Varje händelsevariabel kräver sin egen datalagervariabel. Konfigurera utlösaren till att lösa ut för alla anpassade händelser.
Skapa en tagg som använder den utlösare du just skapade. Under händelseparametrar lägger du till de variabler som du vill fånga. I exemplet ovan skulle orderId och valuta konfigureras som datalagervariabler. Varje gång taggen löses ut kommer den att samla in orderId och valuta med händelsen.
Observera att minst en tagg och utlösare måste ställas in i Google Tag Manager för att dataöverföring ska ske.
Ersätter gamla dataLayer.push(event) samtal med analytics.publish()
Om du tidigare har ställt in Google Tag Manager förut måste du ersätta dina dataLayer.push-anrop med Shopify.analytics.publish() anrop. Du kan hitta dina dataLayer.push-anrop i dina theme.liquid-filer i layoutavsnittet i din temaredigerare.
Du måste också byta ut dataLayer.push-anrop i checkout.liquid. Eftersom checkout.liquid inte är kompatibel med Checkout Extensibility måste du dock använda ett ANVÄNDARGRÄNSSNITT-tillägg för att skicka data till webbpixlar.
Nedan följer ett förenklat exempel på en anpassad händelse för registrering av e-post som spåras med hjälp av dataLayer i theme.liquid-filer.
Shopify-motsvarigheten ser ut så här, vilket pushar data till din anpassade pixel.
I din anpassade pixelkod lägger du sedan till något liknande detta.
Byt ut gammal dataLayer.push(data)
Google Tag Manager har en funktion som låter dig pusha ett tillståndsfullt datalagerobjekt i varje händelse. Shopifys sandbox-pixel inkluderar inte en motsvarighet, men du kan uppnå samma resultat genom att skapa ditt eget dataobjekt och skicka det till anpassade händelser.
Definiera till exempel ett "customData"-objekt innan någon av dina anpassade händelser publiceras.
När du sedan vill inkludera dina anpassade data, skicka den vidare till din publiceringsmetod.
Tips för att konfigurera Google Analytics 4
Överväg följande tips för att konfigurera Google Analytics 4 (GA4) när du använder Google Tag Manager som en anpassad pixel.
URL:er för renare sida
När GA4 körs i en sandbox kanske du märker att sidans URL:er innehåller information om den sandbox som den används i. Om du vill ta bort sandbox-informationen från dessa URL:er kan du stänga av GA4:s automatiska sidspårning och istället implementera din egen genom att använda standardhändelsen page_viewed.
När du har publicerat din egen händelse till dataLayer kan du skapa en GA4-page_view-tagg som utlöser page_viewed-händelsen. Vanligast kan du använda Google Analytics: GA4 Event-taggtyp och ställa in event-namnet till page_view. När du har ställt in taggtypen och händelsenamnet ska du lägga till en parameter för page_location och ställa in värdet till samma värde som du har vidarebefordrat till din dataLayer från din kundpixel.
Förbättrad mätning
När du laddar GA4 i Shopifys pixel-sandbox måste vissa händelser som vanligtvis automatiskt anförs ställas in manuellt. Till exempel kan klickningar på utgående länkar, som en del av GA4 förbättrade måttinställning, av säkerhetsskäl inte utlösas automatiskt när du använder anpassade pixlar. Det är dock möjligt att själv implementera GA4:s förbättrade mäthändelser som anpassade händelser.
Koden som tillhandahålls nedan innehåller ett förenklat exempel på att spåra utgående länkklick.
Slutligen, i GTM , skapa en GA4-tagg som skickar länkklicket till GA4, genom att försäkra dig om att event-namnet är klick, för att matcha GA4:s förbättrade händelse-namngivning.
Du kan uppnå samma spårning för något av Googles förbättrade mätvärden.
Navigera till din webbplats och utlös sedan de händelser som du vill testa.
Klicka på Google Tag Manager-taggen i tillägget. Datalageravsnittet ska visa nyttolasten för händelsen som utlöstes.
Alla andra taggar som laddas av Google Tag Manager listas också i tillägget. Du kan klicka på dessa taggar för att granska data som skickades till dem.