Testovanie vlastných pixelov
Po vytvorení vlastného pixelu ho musíte otestovať, aby ste sa uistili, že pri výskyte udalostí na vašom webovom sídle správne odosiela údaje.
Pomocou nástroja Shopify Pixel Helper môžete otestovať, či sa udalosti pixelu načítavajú a či ste odoberanie udalostí Shopify nastavili správne. Shopify Pixel Helper vám umožňuje otestovať vlastný pixel v online obchode a zobraziť prijaté udalosti v reálnom čase spolu s ich údajmi.
Ak sa vlastný pixel integruje s platformou tretej strany, ktorá má vlastný nástroj pre pixely, môžete okrem nástroja Shopify Pixel Helper použiť aj tento nástroj tretej strany. Otestujete tak, či platforma tretej strany spracúva a prijíma udalosti pixelu. Ak napríklad do obchodu pridáte vlastný pixel platformy TikTok, môžete na otestovanie použiť Shopify Pixel Helper aj nástroj pre pixely služby TikTok.
Nástroj Shopify Pixel Helper môžete použiť v rovnakej relácii prehliadača ako nástroj tretej strany na testovanie udalostí pre obe platformy súčasne.
Tu je skript vlastného pixelu, ktorý spúšťa všetky štandardné udalosti do sandboxu a zaznamená údaje o udalostiach do konzoly. Štandardné udalosti budú viditeľné v nástroji Shopify Pixel Helper. Okrem toho sa môžete prihlásiť na hromadný odber all_events, all_custom_events a all_dom_events, aby ste zistili, čo všetko dokážu webové pixely poskytnúť. Ďalšie informácie nájdete v dokumentácii k rozhraniu API pre webové pixely.
analytics.subscribe("all_standard_events", event => {
console.log("Event data ", event?.data);
});Na tejto stránke
Uistite sa, že je vlastný pixel pripojený
Pred otestovaním sa uistite, že je vlastný pixel pripojený.
Kroky:
V administrátorovi Shopify prejdite na Nastavenia > Udalosti zákazníkov.
Vedľa pixelu, ktorý chcete otestovať, skontrolujte, či má v stĺpci Stav zobrazený stav Pripojené.
Ak pixel nie je pripojený, kliknite na … a potom na Pripojiť.
Testovanie vlastného pixelu pomocou nástroja Shopify Pixel Helper
Po overení, či je vlastný pixel pripojený, môžete pomocou nástroja Shopify Pixel Helper otestovať, či vlastný pixel odosiela a prijíma údaje vášho obchodu. Súčasne môžete testovať len jeden vlastný pixel.
Kroky:
V administrátorovi Shopify prejdite na Nastavenia > Udalosti zákazníkov.
Kliknite na vlastný pixel, ktorý chcete otestovať.
Kliknutím na Testovať otvorte vlastný pixel na svojom webovom sídle na testovanie.
Voliteľné: V závislosti od nastavení súhlasu obchodu a nastavení ochrany osobných údajov zákazníka vlastného pixelu sa v dialógovom okne Pomocník s pixelmi môže zobraziť hlásenie Pixel čaká na súhlas. Ak chcete pokračovať v testovaní, vykonajte jeden z nasledujúcich krokov:
- Prijmite sledovanie na banneri so súbormi cookie alebo v preferenciách obchodu.
- Kliknite na Poskytnúť súhlas na pokračovanie v teste.
- Ak sa pixel stále nenačíta, skontrolujte nastavenia ochrany osobných údajov zákazníka.
Ak chcete zistiť, ktoré udalosti sa načítavajú, navštívte každú stránku, pre ktorú chcete pixel otestovať, a v dialógovom okne Pomocník s pixelmi v časti Prijaté udalosti skontrolujte, či sa udalosť úspešne prihlásila na odber a či funkcia spätného volania prebehla úspešne:
- Prejdite na novú stránku a otestujte udalosť page_viewed.
- Kliknite na produkt a otestujte udalosť product_viewed.
- Pridajte produkt do košíka a otestujte udalosť product_added_to_cart.
- Prejdite do pokladne a otestujte udalosť checkout_started.
- V pokladni zadajte informácie o doprave a otestujte, či udalosť checkout_shipping_info_submitted nahradí udalosť checkout_started.
- Dokončite nákup v pokladni a otestujte, či udalosť checkout_completed nahradí udalosť checkout_shipping_info_submitted. Ďalšie informácie o vytvorení testovacej objednávky.
Ak chcete zobraziť prijaté údaje udalostí, kliknutím na ikonu
rozbaľte dialógové okno pomocníka s pixelmi.
Zobrazenie časti Prijaté udalosti
Keď v 5. kroku otestujete, ktoré udalosti sa načítavajú, v časti Prijaté udalosti v dialógovom okne Pomocník s pixelmi sa zobrazí jeden z nasledujúcich stavov:
- Zelená bodka znamená, že udalosť sa úspešne prihlásila na odber a funkcia spätného volania prebehla úspešne.
- Červená bodka znamená, že udalosť sa síce úspešne prihlásila na odber, ale funkcia spätného volania zlyhala. Zistite, ako riešiť problémy s vlastným pixelom.
- Pomocník s pixelmi zobrazuje nezachytené chyby, ktoré sa vyskytnú na najvyššej úrovni alebo vo funkcii spätného volania. Chyby na najvyššej úrovni sa zobrazia po načítaní pomocníka s pixelmi. Chybové hlásenia spätného volania sa zobrazia, keď kliknutím rozbalíte udalosť s červenou bodkou.
- Nasledujúca ukážka kódu obsahuje chybu spätného volania a chybu na najvyššej úrovni. V závislosti od toho, kde sa chyba na najvyššej úrovni nachádza, môže pixel čiastočne fungovať.
analytics.subscribe("all_standard_events", event => {
console.log("Event data ", event?.data);
throw new Error("callback error");
});
throw new Error("top level error")Ak sa chcete dozvedieť viac o oprave chýb jazyka JavaScript, navštívte časť Riešenie problémov s jazykom JavaScript.
Riešenie problémov s vlastným pixelom
Ak sa pixel počas testovania nenačíta alebo nespustí a už ste skontrolovali, či sa v údajoch udalostí a v kóde pixelu nenachádzajú chyby, vyskúšajte nasledujúce opatrenia na riešenie problémov.
Skontrolujte nastavenia ochrany osobných údajov zákazníka
Ak sa pixel počas testovania nenačíta alebo nespustí, jeho načítaniu môžu brániť nastavenia ochrany osobných údajov zákazníka.
V administrátorovi Shopify prejdite na Nastavenia > Ochrana osobných údajov zákazníka a zistite, či sa na vašu reláciu nevzťahujú nastavenia ochrany osobných údajov zákazníka v administrátorovi Shopify. V závislosti od nastavení ochrany osobných údajov zákazníka vykonajte tieto kroky:
- Ak máte vo svojom regióne nastavenia ochrany osobných údajov zákazníka, ktoré vyžadujú súhlas, uistite sa, že ste ho poskytli prostredníctvom bannera so súbormi cookie.
- Ak nemáte žiadne nastavenia ochrany osobných údajov zákazníka, ktoré by blokovali načítanie pixelu, vymažte súbory cookie v prehliadači, čím sa resetuje banner so súbormi cookie a vy budete môcť poskytnúť súhlas.
Ak na správu súhlasov používate nástroj tretej strany, obráťte sa na jeho poskytovateľa a požiadajte ho o podporu.
Ďalšie riešenie problémov
Ak stále nie je jasné, či je vlastný pixel správne prihlásený na odber udalosti zákazníka, vyskúšajte nasledujúce opatrenia na riešenie problémov:
- Vymažte súbory cookie v prehliadači.
- Ak testujete štandardnú udalosť, prečítajte si dokumentáciu pre vývojárov, ktorá obsahuje popisy štandardných udalostí od spoločnosti Shopify, a uistite sa, že na spustenie udalosti vykonávate požadované kroky.
Testovanie pomocou pomocníka s pixelmi tretej strany
Súprava SDK (software development kit) pixelu obsahuje nástroje, ktoré pixelu umožňujú zhromažďovať informácie o správaní zákazníkov. Pomocou pomocníka s pixelmi od poskytovateľa pixelov tretej strany môžete otestovať nasledujúce správanie pixelu a uistiť sa, že súprava SDK pixelu funguje podľa očakávania:
- Otestovanie, či je načítaná súprava SDK pixelu tretej strany
- Otestovanie, či je súprava SDK pixelu tretej strany inicializovaná a prijíma udalosti
Otestovanie načítania súpravy SDK pixelu tretej strany
Postup kontroly karty Sieť závisí od webového prehliadača, ktorý používate. Ak napríklad chcete zistiť, ako skontrolovať kartu Sieť v prehliadači Google Chrome, pozrite si dokumentáciu Chrome pre vývojárov s názvom Inspect network activity.
Ak chcete otestovať, či sa načíta súprava SDK pixelu tretej strany, musíte najprv získať kód od poskytovateľa tretej strany pre URL adresu súpravy SDK, aby ste ho mohli pridať do kódu pixelu. O podporu požiadajte poskytovateľa pixelu tretej strany.
Kroky:
V administrátorovi Shopify prejdite na Nastavenia > Udalosti zákazníkov.
Kliknite na vlastný pixel, ktorý chcete otestovať.
V časti Kód zadajte na koniec kódu pixelu súpravu SDK pixelu, ktorú vám dodal poskytovateľ tretej strany.
Kliknite na Uložiť.
Navštívte svoj online obchod a potom na karte Sieť skontrolujte, či sa sťahuje URL adresa súpravy SDK od poskytovateľa tretej strany.
Voliteľné: Ak sa súprava SDK pixelu tretej strany nenačíta, skontrolujte, či sa v sandboxe nevyskytujú chyby pri behu jazyka JavaScript. V prehliadači Chrome môžete napríklad vybrať konkrétny prvok iFrame a preň skontrolovať denníky konzoly. Denníky potom môžete zúžiť na konkrétny testovaný pixel. Ďalšie informácie o kontrole chýb pri behu jazyka JavaScript v prehliadači Chrome nájdete v dokumentácii prehliadača Chrome s názvom Debug JavaScript.
Ak sa súprava SDK pixelu tretej strany počas testovania nenačíta, obráťte sa na poskytovateľa pixelu tretej strany so žiadosťou o podporu.
Ďalšie testovanie súpravy SDK pixelu tretej strany
Ak chcete otestovať, či je súprava SDK pixelu tretej strany inicializovaná alebo či zhromažďuje udalosti, pozrite si dokumentáciu poskytovateľa pixelu tretej strany.
Pri testovaní, či súprava SDK pixelu zhromažďuje udalosti, môžete byť vyzvaní na kontrolu karty Sieť vo svojom prehliadači. Postup kontroly karty Sieť závisí od použitého webového prehliadača. Ak napríklad chcete zistiť, ako skontrolovať kartu Sieť v prehliadači Google Chrome, pozrite si dokumentáciu Chrome pre vývojárov s názvom Inspect network activity.