Kundevenemang är de huvudsakliga åtgärder som utförs av din publik och ger insikt i hur de interagerar med ditt företag genom olika engagemangspunkter. Detta inkluderar att göra betalningar, inleda en försäljning, vilket är en avgörande interaktionspunkt. Integrerade tredjepartstjänster förbättrar din marknadsföringsautomation och analys genom att använda kundhändelsedata som genereras av pixlar.

En bättre förståelse för dessa beteenden kan avsevärt förbättra din säljstrategi genom att tillhandahålla data för att förbättra din marknadsföringsautomation, analys och målgruppsinriktning. Integrerade tredjepartstjänster kan använda denna kundhändelsedata, även kallad logg, genererad av pixlar för att finslipa ditt säljstrategi.

Denna blogg hjälper varumärkesutvecklare att förstå hur man lägger till och hanterar dessa pixlar via ditt Shopify-konto. Låt oss börja med grunderna, eller hur?

Vad är pixlar?

Från en introduktion till vad pixlar är, till att skapa egna för din B2B-målgrupp och säkerställa deras framgångsrika implementering i din butik på olika kanaler. Den här guiden täcker alla aspekter du behöver veta för att effektivt hantera kundinteraktioner inom din Shopify-gemenskap. Du kan hantera pixlar som spårar kundhändelser med Shopify Pixel Manager.

Shopify Pixel Manager låter dig lägga till och hantera pixlar för att spåra kundhändelser. Kundevenemang är åtgärder som inträffar i kundens webbläsare, som att klicka på en länk eller lägga till en artikel i varukorgen.

Avsnittet Kundevenemang i din Shopify-administration är där experter kan lägga till och hantera pixlar.

Pixlar kan läggas till eller migreras till din onlinebutik på två sätt: app-pixlar, installerade av marknadsförings- och datainsamling-appar, och anpassade pixlar som en utvecklare kan lägga till manuellt via pixelhanteraren i ditt konto.

Tidigare kunde handlare lägga till JavaScript-snuttar på sin onlinebutik för hand. Detta kunde göras i onlineinställningar, kassaskript och appar. Detta kunde göras i onlineinställningar, kassaskript och engelska appar. De flesta gånger kontrollerades dessa skript inte för kvalitet, och hanteringen av dem tog mycket tid. Med pixelhanteraren sparas dina skript i ett enda verktyg för hantering och körs i en säkerhetsmiljö

Försäkra dig om att ditt tema inte innehåller några befintliga spårningskoder innan du börjar. Denna kod finns vanligtvis i liquid-teman som theme.liquid, product.liquid och checkout.liquid, samt i fältet för extra skript i kassainställningarna. Detta steg är viktigt för att du tryggt ska kunna fortsätta utan oro för konflikterande skript.

Fördelar med att inkludera app-pixlar eller anpassade pixlar i din butik

• Tillgång till en ström av kundhändelser, som kassahändelser, på din onlinebutik.
• Extra skydd för din onlinebutik och dina kunder, inklusive bättre kontroll över den kundinformation du delar med tredjepartsleverantörer.
• Förhindrar att obehörig kod exekverar icke-fungerande JavaScript eller stör din onlinebutik och kassa.
• Integrerade verktyg för efterlevnad av integritetspolicy

Skapa koden för en anpassad pixel

Skapa JavaScript SDK från tredjepartsleverantören

Koden som är kopplad till pixeln kommer från den tredjepartsleverantör du använder. Spårningskoden och en JavaScript SDK är vanligtvis de två delarna av en pixel. Shopify-pixelsandboxen tillåter endast JavaScript, så all HTML i kod för tredjepartsleverantören måste tas bort.

Det här är ett exempel på en Meta-pixel. Det kan finnas små variationer i pos-pixlar mellan olika tredjepartsleverantörer.

Bildkrediter: Shopify

Du kan hitta domänpixlar som laddas med script src=. Shopify-pixlar fungerar inte med HTML, så du måste ändra detta till ett motsvarande JavaScript. Koden för att spåra PageView-händelser har också tagits bort, eftersom den kommer att läggas till i nästa steg.

Bildkrediter: Shopify

Du kan också titta på hur du prenumererar på standardhändelser och anpassade kundhändelser, vilket gör det möjligt att spåra ytterligare kundhändelser, som när någon klickar på en knapp. Om du till exempel vill spåra förekomsten av specifika beställningar kan du skapa en anpassad händelse för detta ändamål och prenumerera på den.

Här är ett exempel på en Google Analytics-pixel:

Bildkrediter: Shopify

Du kan använda följande JavaScript-kod istället för src=delen i script. Se till att src-attributet alltid matchar HTML-versionen:

Bildkrediter: Shopify

Prenumerera på standardhändelser

PageView-händelsen för Metas pixel ser ut så här. Observera att funktionen fbq("track") är en del av Meta-koden, och att varje företag kommer att ha en annan version som du måste konsultera deras dokumentation för.

Bildkrediter: Shopify

Du kan överföra metadata från vissa händelser till din pixel. Ett exempel på att tillhandahålla viss produktinformation till Mets ViewContent-händelse visas nedan:

Bildkrediter: Shopify

Prenumerera på anpassade kundhändelser

Du kan lägga till anpassade kundhändelser om du vill spåra ytterligare kundhändelser, till exempel när någon klickar på en knapp. Standardhändelser och anpassade händelser kan prenumereras på på samma sätt. 

Deklarera namnet på händelsen du vill prenumerera på och skicka denna information till pixeln hos tredjepartsleverantören.

Det här är ett exempel på hur en anpassad händelse kan se ut i liquid-filerna i ditt tema:

Bildkrediter: Shopify

Här är ett sätt du kan konfigurera din pixel för att prenumerera på den anpassade händelsen:

Bildkrediter: Shopify

Lägg till en anpassad pixel

Innan du lägger till en anpassad pixel måste du ta bort eller ändra befintliga pixlar för att undvika dubbelräkning av kundhändelser. Befintlig pixellkod bör tas bort manuellt från alla platser, inklusive theme.liquid, checkout.liquid och extra skript i dina kassainställningar.

Steg: 
1. Öppna inställningar > Kundevenemang via Shopify-admin.

Bildkrediter: Shopify

2. Ge din pixel ett unikt namn. Om du anger namnet på en befintlig anpassad pixel kommer du att bli ombedd att ge din pixel ett nytt namn.

3. Klicka på Lägg till pixel.

Bildkrediter: Shopify

4. Klistra in din egen JavaScript-pixelkod i Kod-fönstret.

5. Klicka på Spara för att spara din anpassade pixel. Om du är redo att ansluta din anpassade pixel och börja spåra dina händelser kan du göra det genom att klicka på Anslut pixel.

Anslut en anpassad pixel i din Shopify-butik 

Efter att ha lagt till en anpassad pixel måste du ansluta den till din butik så att den kan börja spåra kundhändelser.

Steg: 

1. Klicka på Anpassade pixlar från Kundevenemang-sidan i ditt Shopify-admin.
2. Under rubriken Oanslutna pixlar ser du alla anpassade pixlar som för närvarande inte är anslutna. Klicka på Anslut på raden som har rätt anpassade pixlar.

Läs villkoren för Shopify. Om din pixel uppfyller kraven för tjänsten klickar du på Anslut.

Koppla ur och ta bort en anpassad pixel 

Du måste manuellt koppla bort pixeln från din onlinebutik för att sluta spåra händelserna för vilka du har lagt till en anpassad pixel.

Steg: 

1. Klicka på Anpassade pixlar från Kundevenemang-sidan i ditt Shopify-admin. 
2. De anpassade pixlar som för närvarande är kopplade visas överst på listan. Klicka på Koppla ur på raden för den anpassade pixel du vill koppla ur. När en pixel är kopplad ur raderas den inte. 

Du kan också bli av med de anpassade pixlarna du inte längre behöver.

Steg: 

1. På Kundevenemang-sidan i din Shopify-admin klickar du på Anpassade pixlar. 
2. Klicka på knappen ... på raden för den anpassade pixel du vill ändra. 

Klicka på Ta bort. Om du bekräftar borttagningen tas den anpassade pixeln bort från pixelhanteraren.

Avslutning 

Se till att du är bekant med pixelfigurering innan du skapar en anpassad pixel. 

Här är några saker att tänka på: 

• Se alltid till att du förstår koden du placerar på din webbplatskassa eller får en anpassad pixel från en Shopify-expert. 
• Eftersom pixlar fungerar i en säkerhetsmiljö finns det begränsningar för vilka data som kan publiceras. 
• Webbpixelns tillägg-API låter dig komma åt webbläsar-APIer och prenumerera på kundhändelser med Shopify Lax eller Strict-sandlådor.