Kundhändelser är de huvudsakliga åtgärder som utförs av dina målgrupper och ger insikt i hur de interagerar med ditt företag genom olika punkter av engagemang. Detta inkluderar betalningar och försäljningsinitiering, vilka är avgörande interaktionspunkter. Integrerade tjänster från tredje part förbättrar din marknadsföring-automation och analys genom att använda kundhändelsedata som genereras av pixlar.

Genom att få en bättre förståelse för dessa beteenden kan du betydligt förbättra din försäljningsstrategi genom att få data för att förbättra din marknadsföring-automation, analys och målgruppsinriktning. Integrerade tjänster från tredje part kan använda dessa kundhändelsedata, även kallade loggar, som genereras av pixlar för att finslipa ditt säljande tillvägagångssätt.

Den här bloggen hjälper varumärkesutvecklare att förstå hur man lägger till och hanterar dessa pixlar genom ditt Shopify-konto. Låt oss försöka börja med grunderna, ska vi?

Vad är pixlar?

Från en introduktion till vad pixlar är till att skapa anpassade pixlar för din B2B-publik och säkerställa deras framgångsrika implementering i din butik över olika kanaler, täcker denna guide alla aspekter som du behöver veta för att effektivt hantera kundinteraktioner inom din Shopify-community. 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. Kundhändelser ä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 Kundhändelser 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 datainsamlingsappar, och anpassade pixlar som en utvecklare kan lägga till manuellt genom pixelhanteraren i ditt konto.

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

Kontrollera att ditt tema inte innehåller några befintliga spårningskoder innan du börjar. Den här koden finns vanligtvis i liquid-templat som theme.liquid, product.liquid och checkout.liquid, samt i fältet för ytterligare skript i kassainställningarna. Detta steg är viktigt för att du ska kunna fortsätta tryggt utan oro för konflikter mellan 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.
• Ytterligare skydd för din onlinebutik och dina kunder, inklusive bättre kontroll över den kundinformation du delar med leverantörer från tredje part.
• Förhindrar att obehörig kod utför icke-fungerande Javascript eller stör din onlinebutik och kassa.
• Integrerade verktyg för efterlevnad av integritet

Skapa koden för en anpassad pixel

Skapa tredjeparts JavaScript SDK

Den kod som är kopplad med pixeln ges till dig av den tredjeparts tjänst du använder. Spårningskoden och ett JavaScript SDK är vanligtvis de två delarna av en pixel. Shopify pixel sandbox tillåter endast JavaScript, så all HTML i koden för tredjeparts tjänsten måste tas bort.

Detta är ett exempel på en Meta-pixel. Det kommer att vara en liten variation i pos-pixlar mellan tredje parter.

Image credits: Shopify

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

 Image credits: Shopify

Du kan hitta pixlar som laddas med script src=. Shopifys pixlar fungerar inte med HTML, så du måste ändra det till en JavaScript-ekvivalent. 

Du kan också titta på hur du prenumererar på standardhändelser och anpassade kundhändelser, vilket låter dig spåra ytterligare kundhändelser, t.ex. 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 det ändamålet och prenumerera på den.

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

Image credits: Shopify

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

Image credits: Shopify

Prenumerera på standardhändelser

PageView-händelsen för Metas pixel ser ut så här. Du bör vara medveten om 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.

Image credits: 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 ses nedan:

Image credits: Shopify

Prenumerera på anpassade kundhändelser

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

Deklarera namnet på den händelse 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:

Image credits: Shopify

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

Image credits: Shopify

Lägg till en anpassad pixel

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

Steg:
1. Öppna inställningar > Kundhändelser via Shopify-administratören.

Image credits: Shopify

2. Ge din pixel ett särskiljande namn. Om du anger namnet på en befintlig anpassad pixel kommer du att ombedjas att ge din pixel ett nytt namn.

3. Klicka på Lägg till pixel

Image credits: Shopify

4. Klistra in din egen JavaScript-pixellod 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 sidan Kundhändelser i din Shopify-administratör.
2. Under rubriken Frånkopplade pixlar kan du se alla anpassade pixlar som för närvarande inte är anslutna. Klicka på Anslut på raden som har rätt anpassade pixlar.

Läs igenom användarvillkoren för Shopify. Om din Pixel uppfyller kraven för tjänsten, klicka på Anslut.

Koppla bort och ta bort en anpassad pixel

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

Steg:

1. Klicka på Anpassade pixlar från Kundhändelsersidan i din Shopify-administratör.
2. De anpassade pixlar som för närvarande är anslutna visas överst på listan. Klicka på Koppla bort på raden för den anpassade pixel du vill koppla bort. När en pixel är bortkopplad raderas den inte.

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

Steg:

1. På Kundhändelsersidan i din Shopify-administratör 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 pixelkonfiguration 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 webbplats kassa eller få en anpassad pixel från en Shopify-expert.
• Eftersom pixlar fungerar i en säker sandlåde-miljö finns det begränsningar för vilka data som kan publiceras.
• Webbpixelns tilläggs-API låter dig få åtkomst till webbläsar-API:er och prenumerera på kundhändelser med Shopify Lax eller Strict sandlådor.