Teste egendefinerte piksler

Forsiktig

Egendefinerte piksler er en avansert funksjon som krever kunnskap om JavaScript. Overholdelse av gjeldende lover, samtykker, kodesikkerhet, feilsøking og oppdateringer er ditt ansvar. Piksler er underlagt Shopifys vilkår for bruk.

Shopify gir ikke brukerstøtte for å legge til og bruke egendefinerte piksler. Hvis du trenger hjelp med å legge til eller bruke en egendefinert piksel, kan du leie inn en Shopify-partner.

Når du har opprettet en egendefinert piksel, må du teste den for å sikre at pikselen sender data riktig når hendelser oppstår på nettstedet ditt.

Du kan bruke Shopify Pixel Helper til å teste om pikselhendelsene dine lastes inn, og at du har abonnert på Shopify-hendelser på riktig måte. Shopify Pixel Helper lar deg teste den egendefinerte pikselen på nettbutikken din for å se hendelsene som mottas i sanntid, sammen med dataene for disse hendelsene.

Hvis den egendefinerte pikselen din integreres med en tredjepartsplattform som har sitt eget pikselhjelperverktøy, kan du bruke tredjepartens pikselhjelper i tillegg til Shopify Pixel Helper for å teste om pikselhendelsene dine behandles og mottas av tredjepartsplattformen. Hvis du for eksempel legger til en egendefinert TikTok-piksel i butikken din, kan du bruke både Shopify Pixel Helper og TikToks pikselhjelper til å teste pikselen din.

Du kan bruke Shopify Pixel Helper i samme nettleserøkt som en tredjeparts pikselhjelper for å teste hendelser for begge plattformene samtidig.

Tips

Hvis du har en utviklingsbutikk, bør du vurdere å teste piksler på utviklingsbutikken din for å sikre at de fungerer som forventet før du legger dem til i den aktive nettbutikken din.

Her er et egendefinert pikselskript som utløser alle standardhendelser til sandkassen og logger hendelsesdataene til konsollen. Standardhendelsene vil være synlige i Shopify Pixel Helper. I tillegg kan du abonnere på andre masseabonnementer, all_events, all_custom_events og all_dom_events, for å oppdage alt sporingspiksler kan tilby. Gå til API-et for sporingspiksler for å få mer informasjon.

analytics.subscribe("all_standard_events", event => {
   console.log("Event data ", event?.data);
});

Sørg for at en egendefinert piksel er koblet til

Før du tester den egendefinerte pikselen, må du sørge for at den er koblet til.

Trinn:

1. Gå til Innstillinger > Kundehendelser fra Shopify-administratorpanelet.

2. Bekreft at pikselen du vil teste har statusen Tilkoblet i Status-kolonnen.

3. Hvis pikselen ikke er tilkoblet, klikker du på ... og deretter på Koble til.

Test en egendefinert piksel med Shopify Pixel Helper

Merk

Shopify Pixel Helper er ikke kompatibel med butikker med hodeløs handel eller passordbeskyttede butikker.

Hvis nettbutikken din er passordbeskyttet, kan du vurdere å fjerne passordet for nettbutikken for å bruke Shopify Pixel Helper.

Når du har bekreftet at den egendefinerte pikselen er tilkoblet, kan du bruke Shopify Pixel Helper til å teste om den egendefinerte pikselen sender data og mottar butikkens data. Du kan teste én egendefinert piksel om gangen.

Trinn:

1. Gå til Innstillinger > Kundehendelser fra Shopify-administratorpanelet.

2. Klikk på den egendefinerte pikselen du vil teste.

3. Klikk på Test for å åpne den egendefinerte pikselen på nettstedet ditt for testing.

4. Valgfritt: Avhengig av butikkens samtykkeinnstillinger og den egendefinerte pikselens innstillinger for kundepersonvern, kan dialogboksen Pikselhjelper vise Pikselen venter på samtykke. Gjør ett av følgende for å fortsette testingen:

   • Godta sporing i butikkens banner for informasjonskapsler eller preferanser.
   • Klikk på Gi samtykke for å fortsette testen.
   • Hvis pikselen fortsatt ikke lastes inn, kan du se gjennom innstillingene for kundepersonvern.

5. For å se hvilke hendelser som lastes inn, går du til hver side du vil teste pikselen for og ser gjennom dialogboksen Pikselhjelper for å sørge for at hendelsen ble abonnert på og at tilbakekallingsfunksjonen var vellykket i Mottatte hendelser-seksjonen:

   • Gå til en ny side for å teste page_viewed-hendelsen.
   • Klikk på et produkt for å teste product_viewed-hendelsen.
   • Legg et produkt i handlekurven for å teste product_added_to_cart-hendelsen.
   • Gå til kassen for å teste checkout_started-hendelsen.
   • Angi fraktinformasjonen din i kassen for å teste at checkout_shipping_info_submitted-hendelsen erstatter checkout_started-hendelsen.
   • Fullfør kassen for å teste at checkout_completed-hendelsen erstatter checkout_shipping_info_submitted-hendelsen. Finn ut mer om å legge inn en testbestilling.

6. For å se mottatte hendelsesdata, klikker du på for å utvide dialogboksen for pikselhjelperen.

Vise Mottatte hendelser-seksjonen

Når du tester hvilke hendelser som lastes inn i trinn 5, vises en av følgende statuser i Mottatte hendelser-seksjonen i dialogboksen Pikselhjelper:

• En grønn prikk indikerer at hendelsen ble abonnert på og at tilbakekallingsfunksjonen var vellykket.
• En rød prikk indikerer at hendelsen ble abonnert på, men at tilbakekallingsfunksjonen mislyktes. Finn ut hvordan du feilsøker den egendefinerte pikselen din.
• Pikselhjelperen viser ufangede feil som oppstår på toppnivå eller i tilbakekallingsfunksjonen. Toppnivåfeil vises når pikselhjelperen lastes inn. Feilmeldinger for tilbakekalling vises når du klikker for å utvide en hendelse med en rød prikk.
• Følgende kodeeksempel inneholder en tilbakekallingsfeil og en feil på toppnivå. Avhengig av hvor feilen på toppnivået er, kan det hende at pikselen fungerer delvis.

analytics.subscribe("all_standard_events", event => {
  console.log("Event data ", event?.data);
  throw new Error("callback error");
});

throw new Error("top level error")

For å lære mer om å fikse JavaScript-feil, kan du gå til Feilsøking av JavaScript.

Feilsøking av egendefinert piksel

Hvis pikselen ikke lastes inn eller utløses under testing, og du allerede har gått gjennom hendelsesdata og pikselkode for feil, kan du prøve følgende feilsøkingstiltak.

Gå gjennom innstillingene for kundenes personvern

Hvis pikselen ikke lastes inn eller utløses under testing, kan det skyldes innstillinger for kundenes personvern som hindrer at den lastes inn.

Gå til Innstillinger > Kundenes personvern fra Shopify-administrator for å se etter innstillinger for kundenes personvern i Shopify-administrator som kan gjelde for økten din. Avhengig av innstillingene for kundenes personvern må du gjøre følgende:

• Hvis du har innstillinger for kundenes personvern som krever samtykke i ditt område, må du sørge for at du har gitt samtykke gjennom banneret for informasjonskapsler.
• Hvis du ikke har noen innstillinger for kundenes personvern som blokkerer pikselen fra å lastes inn, kan du tømme informasjonskapslene i nettleseren for å tilbakestille banneret for informasjonskapsler og gi samtykke.

Hvis du bruker et tredjepartsverktøy til å håndtere samtykke, kan du kontakte tredjepartsleverandøren for å få hjelp.

Tips

Bannere for informasjonskapsler lar deg be om samtykke til bruk av informasjonskapsler fra kundene dine. Du kan bla gjennom Shopify App Store for å legge til et banner for informasjonskapsler i butikken din.

Ytterligere feilsøking

Hvis det fortsatt er uklart om den egendefinerte pikselen abonnerer på en kundehendelse på riktig måte, kan du prøve følgende feilsøkingstiltak:

• Tøm informasjonskapslene i nettleseren.
• Hvis du tester en standardhendelse, må du gå gjennom Shopifys utviklerdokumentasjon for beskrivelser av standardhendelser for å sikre at du utfører de nødvendige trinnene for å utløse hendelsen.

Testing av tredjeparts pikselhjelper

En piksel-SDK (programvareutviklingssett) inneholder verktøyene pikselen din trenger for å samle inn informasjon om kundeatferd. Du kan bruke pikselhjelperen fra tredjepartsleverandøren din til å teste følgende atferd for pikselen, og sikre at piksel-SDK-en fungerer som forventet:

• Test om en tredjeparts piksel-SDK lastes inn
• Test om en tredjeparts piksel-SDK er initialisert og mottar hendelser

Test om en tredjeparts piksel-SDK lastes inn

Trinnene for å sjekke nettverksfanen avhenger av hvilken nettleser du bruker. For å lære hvordan du sjekker nettverksfanen i Google Chrome, kan du for eksempel se dokumentasjonen Inspiser nettverksaktivitet fra Chrome for Developers.

For å teste at en tredjeparts piksel-SDK lastes inn, må du først hente tredjepartsleverandørens kode for SDK-URL-adressen, slik at du kan legge den til i pikselkoden. Kontakt tredjepartsleverandøren for å få hjelp.

Trinn:

1. Gå til Innstillinger > Kundehendelser fra Shopify-administratorpanelet.

2. Klikk på den egendefinerte pikselen du vil teste.

3. I Kode-seksjonen skriver du inn piksel-SDK-en du fikk fra tredjepartsleverandøren, på slutten av pikselkoden din.

4. Klikk på Lagre.

5. Gå til nettbutikken din, og sjekk deretter nettverksfanen for å sikre at SDK-URL-adressen til tredjepartsleverandøren lastes ned.

6. Valgfritt: Hvis tredjeparts piksel-SDK ikke lastes inn, kan du se etter JavaScript-kjøretidsfeil i sandkassen. I Chrome kan du for eksempel velge en bestemt iFrame for å se gjennom konsollogger, og deretter begrense loggene til den spesifikke pikselen du tester. For å lære mer om å se etter JavaScript-kjøretidsfeil i Chrome, kan du se Chromes dokumentasjon Feilsøk JavaScript.

Hvis tredjeparts piksel-SDK ikke lastes inn under testing, kan du kontakte tredjepartsleverandøren for å få hjelp.

Annen testing av tredjeparts piksel-SDK

For å teste om en tredjeparts piksel-SDK er initialisert eller samler inn hendelser, kan du se dokumentasjonen fra tredjepartsleverandøren din.

For å teste om en piksel-SDK samler inn hendelser, kan du bli bedt om å sjekke nettverksfanen i nettleseren. Trinnene for å sjekke nettverksfanen avhenger av hvilken nettleser du bruker. For å lære hvordan du sjekker nettverksfanen i Google Chrome-nettleseren, kan du for eksempel se dokumentasjonen Inspiser nettverksaktivitet fra Chrome for Developers.