Testiranje prilagođenih piksela

Nakon što izradite prilagođeni piksel, morate ga testirati kako biste bili sigurni da vaš piksel ispravno šalje podatke kada se događaji odviju na vašem mrežnom mjestu.

Možete upotrijebiti Shopify Pixel Helper kako biste testirali učitavaju li se vaši događaji piksela i jeste li se ispravno pretplatili na Shopifyjeve događaje. Alat Shopify Pixel Helper omogućuje vam testiranje prilagođenog piksela u vašoj internetskoj trgovini kako biste pregledavali događaje koji se primaju u stvarnom vremenu, zajedno s podacima za te događaje.

Ako se vaš prilagođeni piksel integrira s platformom treće strane koja ima vlastiti alat za pomoć s pikselima, tada, osim alata Shopify Pixel Helper, možete upotrijebiti i pomoćnika za piksele treće strane kako biste testirali obrađuje li i prima li platforma treće strane vaše događaje piksela. Na primjer, ako u svoju trgovinu dodate prilagođeni TikTok piksel, možete upotrijebiti alat Shopify Pixel Helper i TikTokov pomoćnik za piksele kako biste testirali svoj piksel.

Možete upotrijebiti alat Shopify Pixel Helper u istoj sesiji preglednika kao i pomoćnika za piksele treće strane kako biste testirali događaje za obje platforme istovremeno.

Ovdje je skripta za prilagođeni piksel koja će pokrenuti sve standardne događaje u sigurnosnom okruženju i zabilježiti podatke o događajima u konzoli. Standardni događaji bit će vidljivi u alatu Shopify Pixel Helper. Osim toga, možete se pretplatiti na ostale skupne pretplate, all_events, all_custom_events i all_dom_events, kako biste otkrili sve što web-pikseli mogu pružiti. Posjetite API za web-piksele za više informacija.

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

Na ovoj stranici

Provjerite je li prilagođeni piksel povezan

Prije testiranja prilagođenog piksela, provjerite je li on povezan.

Koraci:

U administratorskom alatu za Shopify idite na Postavke > Korisnikovi događaji.
Pored piksela koji želite testirati, provjerite prikazuje li vaš piksel status Povezano u stupcu Status.
Ako piksel nije povezan, kliknite na ..., a zatim na Poveži.

Testiranje prilagođenog piksela upotrebom alata Shopify Pixel Helper

Nakon što potvrdite da je prilagođeni piksel povezan, možete upotrijebiti alat Shopify Pixel Helper kako biste testirali šalje li prilagođeni piksel podatke i prima li podatke vaše trgovine. Istodobno možete testirati samo jedan prilagođeni piksel.

Koraci:

U administratorskom alatu za Shopify idite na Postavke > Korisnikovi događaji.
Kliknite prilagođeni piksel koji želite testirati.
Kliknite Testiraj da biste otvorili prilagođeni piksel na svojem mrežnom mjestu radi testiranja.
Neobavezno: Ovisno o postavkama pristanka u vašoj trgovini i postavkama privatnosti korisnika prilagođenog piksela, u dijaloškom okviru Pixel helper može se prikazati poruka Piksel čeka pristanak. Učinite jedno od sljedećeg za nastavak testiranja:
- Prihvatite praćenje na natpisu o kolačićima ili u postavkama svoje trgovine.
- Kliknite Dajte pristanak za nastavak testiranja.
- Ako se vaš piksel i dalje ne učitava, pregledajte postavke privatnosti korisnika.
Da biste vidjeli koji se događaji učitavaju, posjetite svaku stranicu za koju želite testirati piksel i pregledajte dijaloški okvir Pixel helper kako biste se uvjerili da je pretplata na događaj uspješna i da je povratna funkcija uspjela u odjeljku Primljeni događaji:
- Idite na novu stranicu kako biste testirali događaj page_viewed.
- Kliknite proizvod kako biste testirali događaj product_viewed.
- Dodajte proizvod u košaricu kako biste testirali događaj product_added_to_cart.
- Idite na plaćanje kako biste testirali događaj checkout_started.
- Unesite podatke o dostavi pri plaćanju kako biste testirali zamjenjuje li događaj checkout_shipping_info_submitted događaj checkout_started.
- Dovršite plaćanje kako biste testirali zamjenjuje li događaj checkout_completed događaj checkout_shipping_info_submitted. Saznajte više o postavljanju probne narudžbe.
Da biste vidjeli primljene podatke o događaju, kliknite kako biste proširili dijaloški okvir Pixel helper.

Pregled odjeljka Primljeni događaji

Kada testirate koji se događaji učitavaju u 5. koraku, jedan od sljedećih statusa prikazuje se u odjeljku Primljeni događaji dijaloškog okvira Pixel helper:

Zelena točka označava da je pretplata na događaj uspješna i da je povratna funkcija uspjela.
Crvena točka označava da je pretplata na događaj bila uspješna, ali povratna funkcija nije uspjela. Saznajte kako riješiti probleme s prilagođenim pikselom.
Alat Pixel helper prikazuje neuhvaćene pogreške koje se javljaju na najvišoj razini ili u povratnoj funkciji. Pogreške najviše razine prikazuju se prilikom učitavanja alata Pixel helper. Poruke o pogrešci povratne funkcije prikazuju se kada kliknete kako biste proširili događaj s crvenom točkom.
Sljedeći primjer koda sadrži pogrešku povratne funkcije i pogrešku na najvišoj razini. Ovisno o tome gdje se nalazi pogreška najviše razine, piksel može djelomično funkcionirati.

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

throw new Error("top level error")

Da biste saznali više o ispravljanju pogrešaka na jeziku JavaScript, posjetite odjeljak Rješavanje problema s jezikom JavaScript.

Rješavanje problema s prilagođenim pikselom

Ako se vaš piksel ne učitava ili ne pokreće tijekom testiranja, a već ste pregledali podatke o događaju i kod piksela u potrazi za pogreškama, pokušajte sa sljedećim mjerama za rješavanje problema.

Pregledajte postavke privatnosti korisnika

Ako se vaš piksel ne učitava ili ne pokreće tijekom testiranja, možda ga postavke privatnosti korisnika sprječavaju u učitavanju.

U administratorskom alatu za Shopify idite na Postavke > Privatnost korisnika kako biste provjerili postavke privatnosti korisnika u administratorskom alatu za Shopify koje bi se mogle primijeniti na vašu sesiju. Ovisno o postavkama privatnosti korisnika, poduzmite sljedeće korake:

Ako imate postavke privatnosti korisnika koje zahtijevaju pristanak u vašoj regiji, provjerite jeste li dali pristanak putem natpisa o kolačićima.
Ako nemate nikakve postavke privatnosti korisnika koje blokiraju učitavanje piksela, izbrišite kolačiće preglednika kako biste ponovno postavili natpis o kolačićima i dali pristanak.

Ako upotrebljavate alat treće strane za upravljanje pristankom, obratite se pružatelju usluga treće strane za podršku.

Dodatno rješavanje problema

Ako je i dalje nejasno je li vaš prilagođeni piksel pravilno pretplaćen na korisnikov događaj, pokušajte sa sljedećim mjerama za rješavanje problema:

Izbrišite kolačiće u pregledniku.
Ako testirate standardni događaj, pregledajte dokumentaciju za razvojne programere o opisima standardnih događaja na platformi Shopify kako biste bili sigurni da izvodite potrebne korake za pokretanje događaja.

Testiranje alatom pixel helper treće strane

Pikselov SDK (komplet za razvoj softvera) sadrži alate za vaš piksel za prikupljanje informacija o ponašanju korisnika. Možete se poslužiti alatom pixel helper svog pružatelja piksela treće strane kako biste testirali sljedeća ponašanja piksela i osigurali da pikselov SDK radi prema očekivanjima:

Testirajte je li učitan SDK piksela treće strane

Koraci za provjeru kartice mreže ovise o mrežnom pregledniku koji upotrebljavate. Na primjer, da biste saznali kako provjeriti karticu mreže u pregledniku Google Chrome, pogledajte dokumentaciju Provjera mrežne aktivnosti za razvojne programere preglednika Chrome.

Da biste testirali je li učitan SDK piksela treće strane, prvo morate pronaći kod svojeg pružatelja usluga treće strane za URL SDK-a kako biste ga mogli dodati u svoj kod piksela. Za podršku se obratite svom pružatelju piksela treće strane.

Koraci:

U administratorskom alatu za Shopify idite na Postavke > Korisnikovi događaji.
Kliknite prilagođeni piksel koji želite testirati.
U odjeljku Kod na kraj svojeg koda piksela unesite SDK piksela koji je pružio vaš pružatelj treće strane.
Kliknite Spremi.
Posjetite svoju internetsku trgovinu, a zatim provjerite karticu mreže kako biste se uvjerili da se preuzima URL SDK-a pružatelja treće strane.
Neobavezno: Ako se SDK piksela treće strane ne učita, provjerite postoje li JavaScript pogreške pri izvođenju u okruženju sandbox. Na primjer, u pregledniku Chrome možete odabrati određeni iFrame za koji želite pregledati zapise konzole, a zatim suziti zapise na određeni piksel koji testirate. Da biste saznali više o provjeri JavaScript pogrešaka pri izvođenju u pregledniku Chrome, pogledajte dokumentaciju za preglednik Chrome pod nazivom Otklanjanje pogrešaka u jeziku JavaScript.

Ako se SDK piksela treće strane ne učita tijekom testiranja, obratite se svom pružatelju piksela treće strane za podršku.

Ostala testiranja SDK-a piksela treće strane

Da biste testirali je li SDK piksela treće strane inicijaliziran ili prikuplja li događaje, pogledajte dokumentaciju svog pružatelja piksela treće strane.

Da biste testirali prikuplja li SDK piksela događaje, možda ćete dobiti uputu da provjerite karticu mreže u pregledniku. Koraci za provjeru kartice mreže ovise o mrežnom pregledniku koji upotrebljavate. Na primjer, da biste saznali kako provjeriti karticu mreže u pregledniku Google Chrome, pogledajte dokumentaciju Provjera mrežne aktivnosti za razvojne programere preglednika Chrome.