Kohandatud pikslite testimine

Pärast kohandatud piksli loomist pead seda testima, et veenduda piksli õiges andmeedastuses, kui sinu saidil toimuvad sündmused.

Saad kasutada rakendust Shopify Pixel Helper, et testida, kas sinu piksli sündmused laadivad ja kas sa oled Shopify sündmuste tellimuse õigesti vormistanud. Shopify Pixel Helper võimaldab testida oma kohandatud pikslit e-poes, et vaadata reaalajas vastuvõetavaid sündmusi ja nende andmeid.

Kui sinu kohandatud piksel integreerub kolmanda osapoole platvormiga, millel on oma pikslite abiriist, saad lisaks Shopify Pixel Helperile kasutada seda kolmanda osapoole abiriista, et testida, kas platvorm töötleb ja võtab su piksli sündmusi vastu. Näiteks kui lisad poodi kohandatud TikToki piksli, saad piksli testimiseks kasutada nii Shopify Pixel Helperit kui ka TikToki pikslite abiriista.

Saad kasutada Shopify Pixel Helperit kolmanda osapoole pikslite abiriistaga samas brauseriseansis, et testida mõlema platvormi sündmusi ühel ajal.

Siin on kohandatud piksli skript, mis käivitab kõik standardsündmused liivakastis ja logib sündmuse andmed konsooli. Standardsündmused on nähtavad rakenduses Shopify Pixel Helper. Lisaks on sul võimalik tellida teisi hulgitellimusi, all_events, all_custom_events ja all_dom_events, et avastada kõike, mida veebipikslid pakuvad. Lisateabe saamiseks külasta lehte veebipikslite API.

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

Sellel lehel

Veendu, et kohandatud piksel oleks ühendatud

Enne kohandatud piksli testimist veendu, et see oleks ühendatud.

Sammud:

Mine Shopify administraatoris valikusse Seaded > Kliendisündmused.
Kontrolli testitava piksli kõrval asuvas veerus Olek, kas piksli olek on Ühendatud.
Kui piksel pole ühendatud, tee järgmist.
1. Klõpsa valikuid > Vaata üksikasju.
2. Valikuline: vaata üle ja uuenda oma piksli koodi ning klõpsa seejärel nuppu Salvesta.
3. Klõpsa nuppu Ühenda.
4. Klõpsa kinnitusdialoogis nuppu Ühenda.

Kohandatud piksli testimine rakendusega Shopify Pixel Helper

Pärast kohandatud piksli ühendamise kontrollimist saad rakendusega Shopify Pixel Helper testida, kas sinu kohandatud piksel edastab ja võtab vastu e-poe andmeid.

Enne rakenduse Shopify Pixel Helper kasutamist võta arvesse järgmist.

Rakendusega Shopify Pixel Helper saab korraga testida ainult ühte kohandatud pikslit.
Kui Shopify Pixel Helper töötab, ei saa testitavas pikslis muudatusi teha. Uute muudatuste testimiseks salvesta oma piksel, sulge Shopify Pixel Helperi vahekaart ja seejärel ava Shopify Pixel Helper uuesti.
Uuele lehele liikudes sündmuste logid tühjendatakse. Näiteks kui lisad toote ostukorvi ja Shopify Pixel Helper logib sündmuse product_added_to_cart, tühjendatakse see logi uuele tootelehele või ostukorvi lehele minemisel.
Rakendusel Shopify Pixel Helper pole sulgemisnuppu. Testimise peatamiseks pead sulgema vahekaardi, mille Shopify Pixel Helper avas.
Shopify Pixel Helper ei ühildu headless-kaubanduse poodidega ega privaatses režiimis poodidega.
Kui sinu e-pood on privaatses režiimis, kaalu Shopify Pixel Helperi kasutamiseks privaatse režiimi inaktiveerimist.

Sammud:

Mine Shopify administraatoris valikusse Seaded > Kliendisündmused.
Klõpsa kohandatud pikslit, mida soovid testida.
Klõpsa nuppu Testi, et avada testimiseks kohandatud piksel oma veebisaidil.
Valikuline: olenevalt e-poe nõusolekuseadetest ja kohandatud piksli kliendi privaatsusseadetest võib dialoogiboksis Piksli abiriist olla kuvatud Piksel ootab nõusolekut. Testimise jätkamiseks tee ühte järgmistest.
- Nõustu jälgimisega e-poe küpsisebänneril või eelistustes.
- Klõpsa valikut Anna testimise jätkamiseks nõusolek.
- Kui piksel endiselt ei laadi, vaata üle oma kliendi privaatsusseaded.
Selleks et näha, millised sündmused laadivad, külasta igat lehte, mille jaoks soovid pikslit testida, ja vaata üle dialoogiboks Piksli abiriist, et veenduda sündmuse edukas tellimises ning tagasikutsefunktsiooni õnnestumises jaotises Vastuvõetud sündmused.
- Mine uuele lehele, et testida sündmust page_viewed.
- Klõpsa toodet, et testida sündmust product_viewed.
- Lisa toode ostukorvi, et testida sündmust product_added_to_cart.
- Mine kassasse, et testida sündmust checkout_started.
- Sisesta kassas oma tarneteave, et testida, kas sündmus checkout_shipping_info_submitted asendab sündmuse checkout_started.
- Vii kassaprotsess lõpule, et testida, kas sündmus checkout_completed asendab sündmuse checkout_shipping_info_submitted. Lisateave testtellimuse esitamise kohta.
Saadud sündmuse andmete vaatamiseks klõpsa ikooni , et laiendada piksli abilise dialoogi.

Jaotise „Saadud sündmused“ vaatamine

Kui testid 5. sammus, millised sündmused laadivad, kuvatakse piksli abilise dialoogi jaotises Saadud sündmused üks järgmistest olekutest:

Roheline punkt näitab, et sündmus telliti edukalt ja tagasikutsefunktsioon õnnestus.
Punane punkt näitab, et sündmus telliti edukalt, kuid tagasikutsefunktsioon nurjus. Uuri, kuidas teha oma kohandatud piksli tõrkeotsingut.
Piksli abiline kuvab püüdmata vead, mis ilmnevad ülatasemel või tagasikutsefunktsioonis. Ülataseme vead kuvatakse siis, kui piksli abiline laadib. Tagasikutse veateated kuvatakse siis, kui klõpsad punase punktiga sündmuse laiendamiseks.
Järgmine koodinäidis sisaldab tagasikutse viga ja ülataseme viga. Olenevalt sellest, kus ülataseme viga asub, võib piksel osaliselt töötada.

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

throw new Error("top level error")

Lisateavet JavaScripti vigade parandamise kohta leiad lehelt JavaScripti tõrkeotsing.

Oma kohandatud piksli tõrkeotsing

Kui sinu piksel testimise ajal ei laadi või ei käivitu ning oled juba oma sündmuse andmed ja piksli koodi vigade suhtes üle vaadanud, proovi järgmisi tõrkeotsingu meetmeid.

Kliendi privaatsusseadete ülevaatamine

Kui sinu piksel testimise ajal ei laadi ega käivitu, võivad kliendi privaatsusseaded takistada selle laadimist.

Mine oma Shopify administraatoris valikusse Seaded > Kliendi privaatsus, et kontrollida, kas sinu seansile võivad kehtida kliendi privaatsusseaded Shopify administraatoris. Olenevalt kliendi privaatsusseadetest tee järgmist:

Kui sul on kliendi privaatsusseaded, mis nõuavad sinu piirkonnas nõusolekut, veendu, et oleksid andnud nõusoleku oma küpsisebänneri kaudu.
Kui sul pole kliendi privaatsusseadeid, mis blokeeriksid piksli laadimist, tühjenda brauseri küpsised, et oma küpsisebänner lähtestada ja nõusolek anda.
Kui kasutad nõusoleku haldamiseks kolmanda osapoole tööriista (nt küpsisebänneri rakendust), peab see tööriist nõusoleku Shopifyga sünkroonima Customer Privacy API kaudu. Kui nõusolekut Shopifyga ei sünkroonita, ei pruugi sinu piksel käivituda isegi pärast seda, kui klient annab nõusoleku. Võta ühendust kolmanda osapoole teenusepakkujaga, et kinnitada nõusoleku sünkroonimist Shopifyga, või täiendava toe saamiseks.

Täiendav tõrkeotsing

Kui pole ikka veel selge, kas sinu kohandatud piksel on kliendisündmuse jaoks õigesti tellitud, proovi järgmisi tõrkeotsingu meetmeid:

Tühjenda brauseri küpsised.
Kui testid standardsündmust, vaata üle Shopify standardsündmuste kirjeldused arendaja dokumentatsioonis veendumaks, et teed sündmuse käivitamiseks vajalikke samme.

Kui märkad vanemast piksli seadistusest migreerumisel erinevusi jälgitavate sündmuste arvus, loe jaotist Tõrkeotsing pärast migreerumist.

Kolmanda osapoole piksli abilise testimine

Piksli SDK (tarkvaraarenduskomplekt) sisaldab tööriistu, mille abil sinu piksel kogub teavet kliendi käitumise kohta. Saad kasutada oma kolmanda osapoole piksliteenuse pakkuja piksli abilist, et testida oma piksli järgmist käitumist ja veenduda, et piksli SDK töötab ootuspäraselt:

Testi, kas kolmanda osapoole piksli SDK on laaditud

Brauseri võrgu vahekaardi kontrollimise sammud olenevad kasutatavast veebibrauserist. Näiteks Google Chrome'is võrgu vahekaardi kontrollimise kohta teabe saamiseks vaata arendajatele mõeldud Chrome'i dokumentatsiooni Võrgutegevuse uurimine.

Et testida, kas kolmanda osapoole piksli SDK on laaditud, pead esmalt hankima oma kolmanda osapoole teenusepakkuja koodist SDK URL-i, et saaksid selle oma piksli koodile lisada. Toe saamiseks võta ühendust oma kolmanda osapoole piksliteenuse pakkujaga.

Sammud:

Mine Shopify administraatoris valikusse Seaded > Kliendisündmused.
Klõpsa kohandatud pikslit, mida soovid testida.
Jaotises Kood sisesta kolmanda osapoole teenusepakkuja antud piksli SDK oma piksli koodi lõppu.
Klõpsa nuppu Salvesta.
Külasta oma e-poodi ja seejärel kontrolli oma võrgu vahekaarti, et veenduda kolmanda osapoole teenusepakkuja SDK URL-i allalaadimises.
Valikuline: kui kolmanda osapoole piksli SDK-d ei laadita, kontrolli liivakastis JavaScripti käitusajavigu. Näiteks Chrome'is saad valida konkreetse iFrame'i, et vaadata konsooli logisid, ja seejärel kitsendada logisid konkreetsele testitavale pikslile. Lisateavet Chrome'is JavaScripti käitusajavigade kontrollimise kohta leiad Chrome'i dokumentatsioonist JavaScripti silumine.

Kui kolmanda osapoole piksli SDK testimise ajal ei laadi, võta toe saamiseks ühendust oma kolmanda osapoole piksliteenuse pakkujaga.

Muu kolmanda osapoole piksli SDK testimine

Et testida, kas kolmanda osapoole piksli SDK on initsialiseeritud või kogub sündmusi, tutvu oma kolmanda osapoole piksliteenuse pakkuja dokumentatsiooniga.

Selleks, et testida, kas piksli SDK kogub sündmusi, võidakse sul paluda kontrollida oma brauseri võrgu vahekaarti. Võrgu vahekaardi kontrollimise sammud olenevad kasutatavast veebibrauserist. Näiteks Google Chrome'is võrgu vahekaardi kontrollimise kohta teabe saamiseks vaata arendajatele mõeldud Chrome'i dokumentatsiooni Võrgutegevuse uurimine.