Test af tilpassede pixels

Når du har oprettet en tilpasset pixel, skal du teste den for at sikre, at din pixel sender data korrekt, når der opstår hændelser på dit website.

Du kan bruge Shopify Pixel Helper til at teste, om dine pixelhændelser indlæses, og om du har abonneret korrekt på Shopify-hændelser. Shopify Pixel Helper giver dig mulighed for at teste din tilpassede pixel i din webshop for at se de hændelser, der modtages i realtid, sammen med dataene for disse hændelser.

Hvis din tilpassede pixel integreres med en tredjepartsplatform, der har sit eget pixelhjælpeværktøj, kan du bruge tredjepartens pixelhjælper ud over Shopify Pixel Helper til at teste, om dine pixelhændelser behandles og modtages af tredjepartsplatformen. Hvis du f.eks. tilføjer en tilpasset TikTok-pixel i din butik, kan du bruge både Shopify Pixel Helper og TikToks pixelhjælper til at teste din pixel.

Du kan bruge Shopify Pixel Helper i den samme browsersession som en tredjeparts-pixelhjælper for at teste hændelser for begge platforme på samme tid.

Her er et script til en tilpasset pixel, der udløser alle standardhændelser til sandkassen og logger hændelsesdataene i konsollen. Standardhændelserne vil være synlige i Shopify Pixel Helper. Derudover kan du abonnere på andre masseabonnementer, all_events, all_custom_events og all_dom_events, for at finde ud af, hvad webpixels kan levere. Besøg webpixels-API'en for at få mere at vide.

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

På denne side

Sørg for, at en tilpasset pixel er tilsluttet

Før du tester din tilpassede pixel, skal du sørge for, at den er tilsluttet.

Fremgangsmåde:

Gå til Indstillinger > Kundehændelser fra din Shopify-administrator.
Ud for den pixel, du vil teste, skal du bekræfte, at den har statussen Tilsluttet i kolonnen Status.
Hvis pixlen ikke er tilsluttet, skal du klikke på ... og derefter klikke på Tilslut.

Test en tilpasset pixel ved hjælp af Shopify Pixel Helper

Når du har bekræftet, at din tilpassede pixel er tilsluttet, kan du bruge Shopify Pixel Helper til at teste, om din tilpassede pixel sender data og modtager din butiks data. Du kan teste én tilpasset pixel ad gangen.

Fremgangsmåde:

Gå til Indstillinger > Kundehændelser fra din Shopify-administrator.
Klik på den tilpassede pixel, du vil teste.
Klik på Test for at åbne den tilpassede pixel på dit website til test.
Valgfrit: Afhængigt af din butiks samtykkeindstillinger og den tilpassede pixels indstillinger for kundens privatliv viser dialogboksen Pixelhjælper muligvis Pixel afventer samtykke. Gør et af følgende for at fortsætte med at teste:
- Acceptér sporing på din butiks cookiebanner eller i præferencerne.
- Klik på Giv samtykke for at fortsætte testen.
- Hvis din pixel stadig ikke indlæses, skal du gennemgå dine indstillinger for kundens privatliv.
Hvis du vil se, hvilke hændelser der indlæses, skal du besøge hver side, som du vil teste pixlen for, og gennemgå dialogboksen Pixelhjælper for at sikre, at der blev abonneret på hændelsen, og at tilbagekaldsfunktionen blev udført korrekt i afsnittet Modtagne hændelser:
- Gå til en ny side for at teste hændelsen page_viewed.
- Klik på et produkt for at teste hændelsen product_viewed.
- Føj et produkt til din indkøbskurv for at teste hændelsen product_added_to_cart.
- Gå til din betalingsside for at teste hændelsen checkout_started.
- Indtast dine forsendelsesoplysninger på betalingssiden for at teste, at hændelsen checkout_shipping_info_submitted erstatter hændelsen checkout_started.
- Gennemfør betalingen for at teste, at hændelsen checkout_completed erstatter hændelsen checkout_shipping_info_submitted. Få mere at vide om at afgive en testordre.
Hvis du vil se de modtagne hændelsesdata, skal du klikke på for at udvide dialogboksen Pixelhjælper.

Visning af afsnittet Modtagne hændelser

Når du tester, hvilke hændelser der indlæses i trin 5, vises en af følgende statusser i afsnittet Modtagne hændelser i dialogboksen Pixelhjælper:

En grøn prik angiver, at der blev abonneret på hændelsen, og at tilbagekaldsfunktionen blev udført korrekt.
En rød prik angiver, at der blev abonneret på hændelsen, men at tilbagekaldsfunktionen mislykkedes. Få mere at vide om, hvordan du fejlfinder din tilpassede pixel.
Pixelhjælperen viser ubehandlede fejl, der opstår på øverste niveau eller i tilbagekaldsfunktionen. Fejl på øverste niveau vises, når pixelhjælperen indlæses. Fejlmeddelelser om tilbagekald vises, når du klikker for at udvide en hændelse med en rød prik.
Følgende kodeeksempel indeholder en tilbagekaldsfejl og en fejl på øverste niveau. Afhængigt af hvor fejlen på øverste niveau er placeret, fungerer pixlen muligvis kun delvist.

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

throw new Error("top level error")

Hvis du vil vide mere om, hvordan du retter JavaScript-fejl, kan du gå til Fejlfinding i JavaScript.

Fejlfinding af din tilpassede pixel

Hvis din pixel ikke indlæses eller udløses under test, og du allerede har gennemgået dine hændelsesdata og din pixelkode for fejl, kan du prøve følgende fejlfindingstrin.

Gennemgå dine indstillinger for beskyttelse af kundens persondata

Hvis din pixel ikke indlæses eller udløses under test, kan der være indstillinger for beskyttelse af kundens persondata, der forhindrer den i at blive indlæst.

Gå til Indstillinger > Beskyttelse af kundens persondata i din Shopify-administrator for at tjekke for indstillinger for beskyttelse af kundens persondata i din Shopify-administrator, der kan gælde for din session. Afhængigt af dine indstillinger for beskyttelse af kundens persondata skal du følge disse trin:

Hvis du har indstillinger for beskyttelse af kundens persondata, der kræver samtykke i dit område, skal du sikre dig, at du har givet samtykke via dit cookiebanner.
Hvis du ikke har nogen indstillinger for beskyttelse af kundens persondata, der blokerer for indlæsning af pixlen, skal du rydde din browsers cookies for at nulstille dit cookiebanner og give samtykke.

Hvis du bruger et tredjepartsværktøj til at administrere samtykke, skal du kontakte din tredjepartsudbyder for at få support.

Yderligere fejlfinding

Hvis det stadig er uklart, om din tilpassede pixel er korrekt tilmeldt en kundehændelse, kan du prøve følgende fejlfindingstrin:

Ryd din browsers cookies.
Hvis du tester en standardhændelse, skal du gennemgå Shopifys udviklerdokumentation om beskrivelser af standardhændelser for at sikre, at du udfører de nødvendige trin for at udløse hændelsen.

Test af tredjeparts-pixelhjælper

En pixel-SDK (softwareudviklingssæt) indeholder de værktøjer, som din pixel skal bruge til at indsamle oplysninger om kundeadfærd. Du kan bruge pixelhjælperen fra din tredjeparts-pixeludbyder til at teste følgende funktionsmåder for din pixel og sikre, at pixel-SDK'en fungerer som forventet:

Test, om en tredjeparts-pixel-SDK er indlæst

Trinnene til at tjekke din netværksfane afhænger af den webbrowser, du bruger. Hvis du f.eks. vil vide, hvordan du tjekker din netværksfane i Google Chrome, kan du se dokumentationen Undersøg netværksaktivitet fra Chrome for Developers.

For at teste, at en tredjeparts-pixel-SDK er indlæst, skal du først hente koden til SDK-webadressen fra din tredjepartsudbyder, så du kan føje den til din pixelkode. Kontakt din tredjeparts-pixeludbyder for at få support.

Fremgangsmåde:

Gå til Indstillinger > Kundehændelser fra din Shopify-administrator.
Klik på den tilpassede pixel, du vil teste.
Angiv den pixel-SDK, du har fået fra din tredjepartsudbyder, i slutningen af din pixelkode i afsnittet Kode.
Klik på Gem.
Besøg din webshop, og tjek derefter din netværksfane for at sikre, at tredjepartsudbyderens SDK-webadresse bliver downloadet.
Valgfrit: Hvis tredjeparts-pixel-SDK'en ikke indlæses, skal du tjekke for JavaScript-kørselsfejl i sandkassen. I Chrome kan du f.eks. vælge en bestemt iFrame for at gennemgå dens konsollogfiler og derefter indsnævre logfilerne til den specifikke pixel, du tester. Hvis du vil vide mere om, hvordan du tjekker for JavaScript-kørselsfejl i Chrome, kan du se Chromes dokumentation Fejlfind i JavaScript.

Hvis tredjeparts-pixel-SDK'en ikke indlæses under test, skal du kontakte din tredjeparts-pixeludbyder for at få support.

Anden test af tredjeparts-pixel-SDK

For at teste, om en tredjeparts-pixel-SDK er initialiseret eller indsamler hændelser, skal du se dokumentationen fra din tredjeparts-pixeludbyder.

For at teste, om en pixel-SDK indsamler hændelser, bliver du muligvis bedt om at tjekke din browsers netværksfane. Trinnene til at tjekke din netværksfane afhænger af den webbrowser, du bruger. Hvis du f.eks. vil vide, hvordan du tjekker din netværksfane i Google Chrome, kan du se dokumentationen Undersøg netværksaktivitet fra Chrome for Developers.