Pomocník
Prihlásiť sa

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:

  1. V administrátorovi Shopify prejdite na Nastavenia > Udalosti zákazníkov.

  2. Vedľa pixelu, ktorý chcete otestovať, skontrolujte, či má v stĺpci Stav zobrazený stav Pripojené.

  3. Ak pixel nie je pripojený, vykonajte nasledujúce kroky:

    1. Kliknite na Horizontal menu > Zobraziť podrobnosti.
    2. Voliteľné: Skontrolujte a aktualizujte kód pixelu a potom kliknite na Uložiť.
    3. Kliknite na Pripojiť.
    4. V potvrdzovacom dialógovom okne kliknite na Pripojiť.

Testovanie vlastného pixelu pomocou nástroja Shopify Pixel Helper

Po overení, že je váš vlastný pixel pripojený, môžete pomocou nástroja Shopify Pixel Helper otestovať, či váš vlastný pixel odosiela údaje a prijíma údaje vášho obchodu.

Pred použitím nástroja Shopify Pixel Helper si prečítajte nasledujúce dôležité informácie:

  • Pomocou nástroja Shopify Pixel Helper môžete testovať len 1 vlastný pixel naraz.
  • Keď je spustený nástroj Shopify Pixel Helper, nemôžete v testovanom pixeli vykonávať zmeny. Ak chcete otestovať nové zmeny, uložte svoj pixel, zatvorte kartu nástroja Shopify Pixel Helper a potom ho znova otvorte.
  • Záznamy udalostí sa pri prechode na novú stránku vymažú. Ak napríklad pridáte produkt do košíka a nástroj Shopify Pixel Helper zaznamená udalosť product_added_to_cart, po prechode na novú stránku produktu alebo na stránku košíka sa tento záznam vymaže.
  • Nástroj Shopify Pixel Helper nemá tlačidlo na zatvorenie. Ak chcete testovanie ukončiť, musíte zatvoriť kartu, ktorú otvoril nástroj Shopify Pixel Helper.
  • Nástroj Shopify Pixel Helper nie je kompatibilný s obchodmi typu headless commerce ani s obchodmi chránenými heslom.
  • Ak je online obchod chránený heslom, pred používaním nástroja Shopify Pixel Helper zvážte odstránenie hesla online obchodu.

Kroky:

  1. V administrátorovi Shopify prejdite na Nastavenia > Udalosti zákazníkov.

  2. Kliknite na vlastný pixel, ktorý chcete otestovať.

  3. Kliknutím na Testovať otvorte vlastný pixel na svojom webovom sídle na testovanie.

  4. 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:

  5. 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.

  6. Ak chcete zobraziť prijaté údaje udalostí, kliknutím na ikonu Maximalizovať 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úhlasu používate nástroj tretej strany, napríklad aplikáciu s bannerom so súbormi cookie, tento nástroj musí synchronizovať súhlas so službou Shopify prostredníctvom rozhrania Customer Privacy API. Ak sa súhlas nesynchronizuje so službou Shopify, váš pixel sa nemusí spustiť ani po tom, ako zákazník udelí súhlas. Ak chcete potvrdiť, že sa súhlas synchronizuje so službou Shopify, alebo získať ďalšiu podporu, kontaktujte svojho poskytovateľa tretej strany.

Ď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.

Ak po migrácii zo staršieho nastavenia pixelov spozorujete rozdiely v počte sledovaných udalostí, prečítajte si časť Riešenie problémov po migrácii.

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 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:

  1. V administrátorovi Shopify prejdite na Nastavenia > Udalosti zákazníkov.

  2. Kliknite na vlastný pixel, ktorý chcete otestovať.

  3. V časti Kód zadajte na koniec kódu pixelu súpravu SDK pixelu, ktorú vám dodal poskytovateľ tretej strany.

  4. Kliknite na Uložiť.

  5. 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.

  6. 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.