Súgó
Bejelentkezés

Egyéni pixelek tesztelése

Miután létrehozott egy egyéni pixelt, tesztelnie kell, hogy megbizonyosodjon arról, hogy a pixel helyesen küld adatokat, amikor események történnek a webhelyén.

A Shopify Pixel Helper segítségével tesztelheti, hogy a pixel eseményei betöltődnek-e, és hogy megfelelően feliratkozott-e a Shopify eseményeire. A Shopify Pixel Helper lehetővé teszi, hogy tesztelje az egyéni pixelt az online áruházában, és valós időben megtekintse a beérkező eseményeket, valamint az azokhoz tartozó adatokat.

Ha az egyéni pixel egy olyan harmadik fél platformjával integrálódik, amely saját pixelsegéd-eszközzel rendelkezik, akkor a Shopify Pixel Helper mellett a harmadik fél pixelsegédjét is használhatja annak tesztelésére, hogy a pixeleseményeket feldolgozza és fogadja-e a harmadik fél platformja. Például, ha egyéni TikTok-pixelt ad hozzá az üzletéhez, akkor a Shopify Pixel Helpert és a TikTok pixelsegédet is használhatja a pixel tesztelésére.

A Shopify Pixel Helpert egy böngésző-munkameneten belül használhatja egy harmadik féltől származó pixelsegéddel, hogy egyszerre tesztelje mindkét platform eseményeit.

Itt található egy egyéni pixelszkript, amely az összes szabványos eseményt elindítja a tesztkörnyezetben (sandbox), és naplózza az eseményadatokat a konzolon. A szabványos események láthatóak lesznek a Shopify Pixel Helperben. Ezenkívül feliratkozhat más tömeges feliratkozásokra is, mint például az all_events, all_custom_events és all_dom_events, hogy felfedezze mindazt, amit a webpixelek nyújtani tudnak. További információkért látogasson el a webpixelek API-jának oldalára.

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

Ezen az oldalon

Győződjön meg arról, hogy az egyéni pixel csatlakoztatva van

Mielőtt tesztelné az egyéni pixelt, győződjön meg arról, hogy az csatlakoztatva van.

Lépések:

  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Vásárlói események menüpontba.

  2. A tesztelni kívánt pixel mellett ellenőrizze, hogy a pixel Állapot oszlopában a Csatlakoztatva állapot jelenik-e meg.

  3. Ha a pixel nincs csatlakoztatva, kattintson a … gombra, majd a Csatlakozás gombra.

Egyéni pixel tesztelése a Shopify Pixel Helper segítségével

Miután meggyőződött arról, hogy az egyéni pixel csatlakoztatva van, a Shopify Pixel Helper segítségével tesztelheti, hogy az egyéni pixel küld-e adatokat, és fogadja-e az üzlet adatait. Egyszerre egy egyéni pixelt tesztelhet.

Lépések:

  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Vásárlói események menüpontba.

  2. Kattintson a tesztelni kívánt egyéni pixelre.

  3. Kattintson a Tesztelés gombra az egyéni pixel tesztelés céljából történő megnyitásához a webhelyén.

  4. Nem kötelező: Az üzlet hozzájárulási beállításaitól és az egyéni pixel vásárlói adatvédelmi beállításaitól függően a Pixelsegéd párbeszédpanelen a Pixel hozzájárulásra vár üzenet jelenhet meg. A tesztelés folytatásához tegye a következők egyikét:

  5. Annak megtekintéséhez, hogy mely események töltődnek be, keresse fel az összes oldalt, amelyen tesztelni szeretné a pixelt, és ellenőrizze a Pixelsegéd párbeszédpanelt, hogy megbizonyosodjon arról, hogy az eseményre való feliratkozás és a visszahívási funkció sikeres volt-e a Fogadott események szakaszban:

    • Lépjen egy új oldalra a page_viewed esemény teszteléséhez.
    • Kattintson egy termékre a product_viewed esemény teszteléséhez.
    • Tegyen egy terméket a kosarába a product_added_to_cart esemény teszteléséhez.
    • Lépjen a pénztárhoz a checkout_started esemény teszteléséhez.
    • Adja meg a szállítási adatait a pénztárnál annak teszteléséhez, hogy a checkout_shipping_info_submitted esemény felülírja-e a checkout_started eseményt.
    • Fejezze be a fizetést a pénztárnál annak teszteléséhez, hogy a checkout_completed esemény felülírja-e a checkout_shipping_info_submitted eseményt. További információ a tesztrendelés leadásáról.

  6. A fogadott eseményadatok megtekintéséhez kattintson a Kibontás ikonra a pixelsegéd párbeszédpanel kibontásához.

A Fogadott események szakasz megtekintése

Amikor az 5. lépésben teszteli, hogy mely események töltődnek be, a következő állapotok egyike jelenik meg a Pixelsegéd párbeszédpanel Fogadott események szakaszában:

  • A zöld pont azt jelzi, hogy az eseményre való feliratkozás és a visszahívási funkció is sikeres volt.
  • A piros pont azt jelzi, hogy az eseményre való feliratkozás sikeres volt, de a visszahívási funkció meghiúsult. Ismerje meg, hogyan háríthatja el az egyéni pixel hibáit.
  • A pixelsegéd megjeleníti a legfelső szinten vagy a visszahívási funkcióban előforduló, el nem kapott hibákat. A legfelső szintű hibák a pixelsegéd betöltésekor jelennek meg. A visszahívási hibaüzenetek akkor jelennek meg, ha egy piros ponttal jelölt esemény kibontásához kattint.
  • Az alábbi kódminta egy visszahívási hibát és egy legfelső szintű hibát tartalmaz. Attól függően, hogy a legfelső szintű hiba hol helyezkedik el, a pixel részlegesen működhet.
analytics.subscribe("all_standard_events", event => {
  console.log("Event data ", event?.data);
  throw new Error("callback error");
});

throw new Error("top level error")

A JavaScript-hibák javításáról a JavaScript-hibaelhárítás című részben tájékozódhat.

Az egyéni pixel hibaelhárítása

Ha a pixel a tesztelés során nem töltődik be vagy nem aktiválódik, és már átnézte az eseményadatokat és a pixelkódot hibák után kutatva, akkor próbálja ki a következő hibaelhárítási lépéseket.

A vásárlói adatvédelmi beállítások áttekintése

Ha a pixel nem töltődik be vagy nem aktiválódik a tesztelés során, akkor lehetséges, hogy a vásárlói adatvédelmi beállítások akadályozzák a betöltését.

A Shopify adminisztrációs felületén lépjen a Beállítások > Vásárlói adatvédelem menüpontra, hogy ellenőrizze a munkamenetére vonatkozó vásárlói adatvédelmi beállításokat a Shopify adminisztrációs felületén. A vásárlói adatvédelmi beállításaitól függően tegye a következő lépéseket:

  • Ha a régiójában a vásárlói adatvédelmi beállítások hozzájárulást igényelnek, akkor győződjön meg róla, hogy a sütisávon keresztül megadta a hozzájárulását.
  • Ha nincsenek olyan vásárlói adatvédelmi beállításai, amelyek letiltják a pixel betöltését, akkor törölje a böngészője sütijeit a sütisáv visszaállításához, és adja meg a hozzájárulását.

Ha harmadik féltől származó eszközt használ a hozzájárulás kezelésére, akkor segítségért forduljon a harmadik fél szolgáltatójához.

További hibaelhárítás

Ha még mindig nem egyértelmű, hogy az egyéni pixel megfelelően fel van-e iratkozva egy vásárlói eseményre, akkor próbálja ki a következő hibaelhárítási lépéseket:

  • Törölje a böngészője sütijeit.
  • Ha standard eseményt tesztel, akkor tekintse át a Shopify standard eseményleírásokról szóló fejlesztői dokumentációját, hogy megbizonyosodjon arról, hogy az esemény kiváltásához szükséges lépéseket hajtja végre.

Harmadik féltől származó pixelsegéd tesztelése

Egy pixel SDK (szoftverfejlesztői készlet) tartalmazza azokat az eszközöket, amelyekkel a pixel információkat gyűjthet a vásárlói viselkedésről. A harmadik fél pixelszolgáltatójának pixelsegédjével tesztelheti a pixel alábbi viselkedéseit, és megbizonyosodhat arról, hogy a pixel SDK az elvártaknak megfelelően működik:

Annak tesztelése, hogy egy harmadik féltől származó pixel SDK betöltődött-e

A hálózati fül ellenőrzésének lépései az Ön által használt webböngészőtől függenek. Ha például szeretné megtudni, hogyan ellenőrizheti a hálózati fület a Google Chrome böngészőben, tekintse meg a Chrome for Developers Inspect network activity dokumentációját.

Annak teszteléséhez, hogy a harmadik féltől származó pixel SDK betöltődött-e, először le kell kérnie a harmadik fél szolgáltatójától az SDK URL-jét tartalmazó kódot, hogy hozzáadhassa a pixelkódjához. Támogatásért forduljon a harmadik fél pixelszolgáltatójához.

Lépések:

  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Vásárlói események menüpontba.

  2. Kattintson a tesztelni kívánt egyéni pixelre.

  3. A Kód szakaszban illessze be a harmadik fél szolgáltatójától kapott pixel SDK-t a pixelkódja végére.

  4. Kattintson a Mentés gombra.

  5. Látogasson el a webáruházába, majd ellenőrizze a hálózati fület, hogy megbizonyosodjon arról, hogy a harmadik fél szolgáltatójának SDK URL-je letöltődik.

  6. Opcionális: Ha a harmadik féltől származó pixel SDK nem töltődik be, akkor ellenőrizze, hogy vannak-e JavaScript futásidejű hibák a homokozóban. A Chrome-ban például kiválaszthat egy adott iFrame-et a konzolnaplók áttekintéséhez, majd leszűkítheti a naplókat a tesztelt pixelre. Ha többet szeretne megtudni a JavaScript futásidejű hibák Chrome-ban való ellenőrzéséről, olvassa el a Chrome Debug JavaScript dokumentációját.

Ha a harmadik féltől származó pixel SDK nem töltődik be a tesztelés során, akkor forduljon támogatásért a harmadik fél pixelszolgáltatójához.

A harmadik féltől származó pixel SDK egyéb tesztjei

Annak teszteléséhez, hogy a harmadik féltől származó pixel SDK inicializálva van-e, vagy gyűjt-e eseményeket, tekintse meg a harmadik fél pixelszolgáltatójának dokumentációját.

Annak teszteléséhez, hogy a pixel SDK gyűjt-e eseményeket, előfordulhat, hogy a böngésző hálózati fülét kell ellenőriznie. A hálózati fül ellenőrzésének lépései az Ön által használt webböngészőtől függenek. Ha például szeretné megtudni, hogyan ellenőrizheti a hálózati fület a Google Chrome böngészőben, tekintse meg a Chrome for Developers Inspect network activity dokumentációját.