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:

A Shopify adminisztrációs felületén lépjen a Beállítások > Vásárlói események menüpontba.
A tesztelni kívánt pixel mellett ellenőrizze, hogy a pixel Állapot oszlopában a Csatlakoztatva állapot jelenik-e meg.
Ha a pixel nincs csatlakoztatva, akkor végezze el a következő műveleteket:
1. Kattintson az > Részletek megtekintése lehetőségre.
2. Opcionális: Tekintse át és frissítse a pixel kódját, majd kattintson a Mentés gombra.
3. Kattintson a Csatlakoztatás gombra.
4. A megerősítő párbeszédpanelen kattintson a Csatlakoztatás gombra.

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

Miután ellenőrizte, 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 áruháza adatait.

A Shopify Pixel Helper használata előtt tekintse át a következő szempontokat:

A Shopify Pixel Helper segítségével egyszerre csak 1 egyéni pixelt tesztelhet.
A Shopify Pixel Helper futtatása közben nem módosíthatja a tesztelt pixelt. Az új módosítások teszteléséhez mentse a pixelt, zárja be a Shopify Pixel Helper fület, majd nyissa meg újra a Shopify Pixel Helpert.
Az eseménynaplók törlődnek, amikor egy új oldalra navigál. Ha például egy terméket a kosarába helyez, és a Shopify Pixel Helper naplózza a product_added_to_cart eseményt, akkor ez a naplóbejegyzés törlődik, amikor egy új termékoldalra vagy a kosároldalra navigál.
A Shopify Pixel Helper nem rendelkezik bezárás gombbal. A tesztelés leállításához be kell zárnia azt a fület, amelyet a Shopify Pixel Helper nyitott meg.
A Shopify Pixel Helper nem kompatibilis a headless kereskedelmi üzletekkel és a jelszóval védett üzletekkel.
Ha az online áruháza jelszóval védett, fontolja meg az online áruház jelszavának eltávolítását a Shopify Pixel Helper használatához.

Lépések:

A Shopify adminisztrációs felületén lépjen a Beállítások > Vásárlói események menüpontba.
Kattintson a tesztelni kívánt egyéni pixelre.
Kattintson a Tesztelés gombra az egyéni pixel tesztelés céljából történő megnyitásához a webhelyén.
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:
- Fogadja el a nyomon követést az üzlet sütisávján vagy a beállításoknál.
- Kattintson a Hozzájárulás a teszt folytatásához gombra.
- Ha a pixel továbbra sem töltődik be, tekintse át a vásárlói adatvédelmi beállításokat.
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.
A fogadott eseményadatok megtekintéséhez kattintson a 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, például sütisávalkalmazást használ a hozzájárulás kezelésére, akkor annak az eszköznek a Customer Privacy API-n keresztül szinkronizálnia kell a hozzájárulást a Shopify-jal. Ha a hozzájárulás nincs szinkronizálva a Shopify-jal, akkor előfordulhat, hogy a pixel még azután sem aktiválódik, hogy a vásárló megadta a hozzájárulását. Vegye fel a kapcsolatot a harmadik félnek minősülő szolgáltatójával annak megerősítéséhez, hogy a hozzájárulás szinkronizálva van a Shopify-jal, vagy további támogatásért.

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.

Ha egy régebbi pixelbeállításról történő migrációt követően eltéréseket észlel a követett események számában, akkor tekintse át a Hibaelhárítás a migrációt követően című részt.

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:

A Shopify adminisztrációs felületén lépjen a Beállítások > Vásárlói események menüpontba.
Kattintson a tesztelni kívánt egyéni pixelre.
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.
Kattintson a Mentés gombra.
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.
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.