Kundehandlinger er de primære handlinger, som dine målgrupper udfører og giver indsigt i, hvordan de interagerer med din virksomhed gennem forskellige kontaktpunkter. Dette inkluderer betalinger og oprettelse af salg, som er vigtige interaktionspunkter. Integrerede tredjepartstjenester forbedrer din marketingautomation og analyse ved at bruge kundedata, genereret af pixels.

Ved at få en bedre forståelse for disse adfærdsmønstre kan du betydeligt forbedre din salgsstrategi ved at få data til at justere din marketingautomation, analyse og målretning af målgruppen. Integrerede tredjepartstjenester kan bruge denne kundehændelsesdata, også kendt som logdata, genereret af pixels til at finjustere din salgsstrategi.

Denne blog vil hjælpe brandudviklere med at forstå, hvordan man tilføjer og administrerer disse pixels gennem din Shopify-konto. Lad os begynde med det grundlæggende, skal vi?

Hvad er pixels?

Fra en introduktion til, hvad pixels er, til at oprette brugerdefinerede pixels for din B2B-målgruppe og sikre deres vellykkede implementering i din butik på tværs af forskellige kanaler, dækker denne guide alle aspekter, du har brug for at vide for at administrere kundeinteraktioner effektivt inden for din Shopify-fællesskab. Du kan administrere pixels, der sporer kundehændelser, med Shopify Pixel Manager.

Shopify Pixel Manager giver dig mulighed for at tilføje og administrere pixels til at spore kundehændelser. Kundehændelser er handlinger, der forekommer i kundens browser, som f.eks. at klikke på et link eller tilføje et element til indkøbskurven.

Kundehændelsesafsnittet i din Shopify-administration er, hvor eksperter kan tilføje og administrere pixels.

Pixels kan tilføjes eller overføres til din online butik på to måder: app-pixels, der installeres af marketing- og dataindsamlingsapps, og brugerdefinerede pixels, som en udvikler kan tilføje manuelt gennem pixelmanageren i din konto.

Tidligere kunne handlende tilføje javascript-kodestykker til deres online butik manuelt. Det kunne de gøre under onlinepræferencer, kasse-scripts og apps. Mest af tiden blev disse scripts ikke kontrolleret for kvalitet, og det tog lang tid at administrere dem. Med pixelmanageren bliver dine scripts opbevaret i et enkelt administrationsværktøj og køres i et sandboxmiljø.

Sørg for, at dit tema ikke indeholder nogen eksisterende sporingskoder, inden du begynder. Denne kode findes normalt i liquid-temaer som theme.liquid, product.liquid og checkout.liquid samt i det ekstra scripts-felt i kasseindstillingerne. Dette trin er afgørende for at sikre, at du trygt kan fortsætte uden bekymringer om konfliktende scripts.

Fordele ved at inkludere app-pixels eller brugerdefinerede pixels i din butik

  • Adgang til en strøm af kundehændelser, f.eks. kassehændelser, i din onlinebutik.
  • Yderligere beskyttelse af din onlinebutik og dine kunder, herunder bedre kontrol over de oplysninger om kunderne, du deler med tredjepartsudbydere.
  • Forhindrer, at uautoriseret kode udfører ikke-fungerende JavaScript eller roder med din onlinebutik og kasse.
  • Integrerede værktøjer til overholdelse af privatlivets fred

Opret koden til en brugerdefineret pixel 

Oprettelse af tredjepart JavaScript SDK

Koden, der er forbundet med pixelen, gives til dig af den tredjepartstjeneste, du bruger. Sporingskoden og en JavaScript SDK er typisk de to dele af en pixel. Shopify pixel sandbox tillader kun JavaScript, så eventuelle HTML i koden til tredjepartstjenesten skal fjernes.

Dette er et eksempel på en Meta pixel. Der vil være en lille variation i pos-pixels mellem tredjeparter.

Meta Pixel Code

Billedekreditter: Shopify

Du kan finde pixels på domæner, der indlæses med script src=. Shopify-pixels fungerer ikke med HTML, så du skal ændre dette til en JavaScript-ækvivalent. Koden til at spore PageView-hændelser er også taget ud, da den vil blive tilføjet i næste trin.

Script

Billedekreditter: Shopify

Du kan finde pixels, der indlæses med script src=. Shopify-pixels fungerer ikke med HTML, så du skal ændre dette til en JavaScript-ækvivalent. 

Du kan også se, hvordan du abonnerer på standardhændelser og brugerdefinerede kundehændelser, der giver dig mulighed for at spore yderligere kundehændelser, f.eks. når nogen klikker på en knap. Hvis du f.eks. vil spore forekomsten af specifikke ordrer, kan du oprette en brugerdefineret begivenhed til dette formål og abonnere på den.

Her er et eksempel på en Google Analytics-pixel:

Global Site Tag

Billedekreditter: Shopify

Du kan bruge følgende JavaScript-kode i stedet for script src= -delen. Sørg altid for, at src-attributten passer til HTML-versionen:

JavaScript

Tilmeld standardhændelser

PageView-hændelsen for Metas pixel ser sådan ud. Du skal være opmærksom på, at funktionen fbq("track") er en del af Meta-koden, og at hver virksomhed vil have en forskellig version, som du skal konsultere deres dokumentation for.

PageView

Billedekreditter: Shopify

Du kan overføre metadata fra visse begivenheder til din pixel. Et eksempel på at give produktinformation til Metas ViewContent-hændelse er vist nedenfor:

View Content Theme

Billedekreditter: Shopify

Abonnér på brugerdefinerede kundehændelser

Du kan tilføje brugerdefinerede kundehændelser, hvis du vil spore ekstra kundehændelser, f.eks. når nogen klikker på en knap. Standardhændelser og brugerdefinerede hændelser kan abonneres på på samme måde. 

Angiv navnet på den begivenhed, du ønsker at abonnere på, og send disse oplysninger til pixelen hos tjenesteudbyderen for tredjepartsudbyderen.

Dette er et eksempel på, hvordan en brugerdefineret begivenhed kan fremstå i temaets Liquid-filer:

Script

Billedekreditter: Shopify

Her er en måde, du kan opsætte din pixel til at abonnere på den brugerdefinerede begivenhed:

Custom event

Billedekreditter: Shopify

Tilføj en brugerdefineret pixel

Fjern eller ændr eventuell eksisterende pixel, før du tilføjer en brugerdefineret pixel, for at undgå dobbelttælling af kundehændelser. Eksisterende pixelkode skal fjernes manuelt fra alle placeringer, herunder theme.liquid, checkout.liquid og ekstra scripts i dine kasseindstillinger.

Trin:
1. Åbn indstillinger > Kundehændelser via Shopify-administratoren.

Billedekreditter: Shopify

2. Giv din pixel et karakteristisk navn. Hvis du angiver navnet på en eksisterende brugerdefineret pixel, bliver du bedt om at give din pixel et nyt navn.

3. Klik Tilføj pixel for at få adgang til begivenhedsredaktøren.

Pixel NameBilledekreditter: Shopify

4. Indsæt din egen JavaScript-pixelkode i Kode-vinduet.

5. Klik på Gem for at gemme din brugerdefinerede pixel. Hvis du er klar til at forbinde din brugerdefinerede pixel og begynde at spore dine begivenheder, kan du gøre det ved at klikke på Opret forbindelse til pixel.

Opret forbindelse til en brugerdefineret pixel i din Shopify-butik 

Efter at have tilføjet en brugerdefineret pixel, skal du tilslutte den til din butik, så den kan begynde at spore kundehændelser.

Trin: 

  1. Klik på Brugerdefinerede pixels fra Kundehændelser-siden i din Shopify-administrator.
  2. Under overskriften Frakoblede pixels kan du se alle de brugerdefinerede pixels, der i øjeblikket ikke er forbundet. Klik på Opret forbindelse på linjen med den rigtige brugerdefinerede pixel.

Læs vilkårene for Shopify. Hvis din pixel opfylder betingelserne for tjenesten, skal du klikke på Opret forbindelse.

Frakobl og slet en brugerdefineret pixel 

Du skal manuelt afbryde forbindelsen mellem pixelen og din onlinebutik for at stoppe med at spore de begivenheder, som du har tilføjet en brugerdefineret pixel til.

Trin: 

  1. Klik på Brugerdefinerede pixels fra kundehændelsessiden i din Shopify-administrator. 
  2. De brugerdefinerede pixels, der i øjeblikket er forbundet, vises øverst på listen. Klik på Frakobl på den brugerdefinerede pixel-linje, du ønsker at afbryde. Når en pixel er afbrudt, bliver den ikke slettet. 

Du kan også fjerne eventuelle brugerdefinerede pixels, du ikke længere har brug for.

Trin: 

  1. På Kundehændelse-siden i din Shopify-administrator skal du klikke på Brugerdefinerede pixels. 
  2. Klik på ...-knappen på linjen med den brugerdefinerede pixel, du ønsker at ændre. 

Klik på Slet. Hvis du bekræfter fjernelsen, vil den brugerdefinerede pixel blive fjernet fra pixelsmanageren.

Afslutning 

Sørg for, at du er fortrolig med pixelkonfiguration, inden du opretter en brugerdefineret pixel. 

Her er nogle ting, du skal huske: 

  • Sørg altid for, at du forstår koden, du indsætter i din webstedskasse, eller få en brugerdefineret pixel fra en Shopify-ekspert. 
  • Fordi pixels fungerer i et sikkert sandbox-miljø, er der begrænsninger for, hvilke data der kan offentliggøres. 
  • Webpixel-udvidelses-API'en giver dig mulighed for at få adgang til browser-API'er og abonnere på kundehændelser med Shopify Lax eller Strict-sandboxe.