Denne siden ble skrevet ut den Apr 19, 2024. Gå til https://help.shopify.com/nb/manual/promoting-marketing/pixels/custom-pixels/code for nyeste versjon.
Denne siden inneholder instruksjoner til hvordan du oppretter egendefinert pikselkode for en tredjepartspiksel, slik at du kan spore bestemte kundehendelser. Når du har opprettet koden for den egendefinerte pikselen kan du legge til pikselen i Shopify-butikken.
Tredjepartstjenesten du samarbeider med gir deg kode som er integrert med pikselen. En piksel har vanligvis to komponenter, en Javascript SDK og sporingskoden. Alle HTML-koder i koden fra tredjepartstjenesten må fjernes, da Shopifys pikselsandkasse bare støtter JavaScript.
Her er et eksempel på en Meta-piksel. Piksler varierer noe blant ulike tredjeparter.
Når du har fjernet HTML-koden fra Metas kode står du igjen med Metas piksel-SDK og koden som initialiserer den. Hendelsessporingskoden PageView er også fjernet, fordi den legges til i neste trinn.
Du kan treffe på piksler som lastes inn med script src=. HTML støttes ikke i Shopify-piksler, så du må erstatte script src= med tilsvarende i JavaScript.
Her er et eksempel på en Google Analytics-piksel:
Delen script src= kan erstattes av tilsvarende i JavaScript-kode. Kontroller alltid at src-attributtet samsvarer med HTML-versjonen:
Spor kundehendelser
Når du har lastet inn og initialisert pikselens SDK må du sende hendelser til den for sporing. Dette gjøres ved å abonnere på hendelser, og deretter sende hendelsesdata til pikselens SDK for behandling hos tredjepartstjenesten.
Abonner på standardhendelser
Shopify tilbyr et standardsett med hendelser, som gjør det enkelt å sikre at pikselen innhenter de dataene du ønsker.
Du kan abonnere på hendelser med Shopifys API for pikselutvidelser. Du må legge inn pikselkoden fra tredjeparten med hendelsen du abonnerer på.
Dette er et eksempel på PageView-hendelsen for Metas piksel. Merk at fbq("track") er en del av Metas kode, og at hver enkelt bedrift har sin egen versjon, som du får mer informasjon om fra deres dokumentasjon.
Noen hendelser har metadata som kan sendes til pikselen. Her er et eksempel på hvordan du kan sende produktdetaljer til Metas ViewContent-hendelse:
Abonner på egendefinerte kundehendelser
Hvis du ønsker å spore ytterligere kundehendelser, som når noen klikker på en knapp, kan du legge til egendefinerte kundehendelser. På samme måte som standardhendelser kan også egendefinerte hendelser abonneres på. Deklarer navnet på hendelsen du vil abonnere på, og send informasjonen til tredjepartsleverandørens piksel.
Dette er et eksempel på hvordan en publisert egendefinert hendelse kan se ut i temaets liquid-filer:
Dette er et eksempel på hvordan du kan konfigurere pikselen for å abonnere på denne egendefinerte hendelsen:
Nettpiksler kjører bare når besøkende har gitt samtykke til Markedsførings- og Analyseformål i markeder der du har konfigurert at samtykke er påkrevd. Hver piksel kan ha et annet navn for hvert formål. Du bør se i pikseldokumentasjonen for å forstå hvordan det kartlegges mot Shopifys definisjoner.
Følgende er et eksempel på hvordan formålene Markedsføring og Analyse kartlegges mot Googles samtykkemodus:
Eksempel på egendefinert piksel
Nedenfor finner du et eksempel på koden for en Meta-piksel. Pikselkoden varierer avhengig av tredjepartsleverandøren og hendelsene du ønsker å spore. Se referansen for kundehendelsen for en liste over tilgjengelige hendelser.