Pomoć
Prijavi se

Testiranje prilagođenih piksela

Nakon što kreirate prilagođeni piksel, morate ga testirati kako biste bili sigurni da vaš piksel ispravno šalje podatke kada se događaji dese na vašem sajtu.

Možete da koristite Shopify Pixel Helper da biste testirali da li se vaši događaji na pikselima učitavaju i da li ste se pravilno pretplatili na Shopify događaje. Shopify Pixel Helper vam omogućava da testirate svoj prilagođeni piksel u svojoj internet prodavnici kako biste u realnom vremenu videli događaje koji se primaju, zajedno sa podacima za te događaje.

Ako se vaš prilagođeni piksel integriše sa platformom treće strane koja ima sopstvenu alatku za pomoć sa pikselima, onda osim alatke Shopify Pixel Helper možete da koristite i tu alatku treće strane da biste testirali da li platforma treće strane obrađuje i prima vaše događaje na pikselima. Na primer, ako dodate prilagođeni TikTok piksel u svoju prodavnicu, onda za njegovo testiranje možete da koristite i alatke Shopify Pixel Helper i TikTok pomoćnik za piksele.

Možete da koristite Shopify Pixel Helper u istoj sesiji pregledača kao i pomoćnik za piksele treće strane da biste istovremeno testirali događaje za obe platforme.

Ovo je skripta prilagođenog piksela koja će aktivirati sve standardne događaje u zaštićenom okruženju (sandbox) i evidentirati podatke o događaju u konzoli. Standardni događaji biće vidljivi u alatki Shopify Pixel Helper. Pored toga, možete se pretplatiti na druge grupne pretplate, kao što su all_events, all_custom_events i all_dom_events, da biste otkrili sve što veb-pikseli mogu da pruže. Za više informacija posetite stranicu API za veb-piksele.

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

Na ovoj stranici

Osigurajte da je prilagođeni piksel povezan

Pre nego što testirate svoj prilagođeni piksel, uverite se da je on povezan.

Koraci:

  1. U Shopify adminu idite na Podešavanja > Događaji kupaca.

  2. Pored piksela koji želite da testirate proverite da li je u koloni Status prikazan status Povezano.

  3. Ako piksel nije povezan, izvršite sledeće radnje:

    1. Kliknite na Horizontalni meni > Prikaži detalje.
    2. Opcionalno: Pregledajte i ažurirajte kôd svog piksela, a zatim kliknite na Sačuvaj.
    3. Kliknite na Poveži.
    4. U dijalogu za potvrdu kliknite na Poveži.

Testirajte prilagođeni piksel koristeći Shopify Pixel Helper

Nakon što potvrdite da je vaš prilagođeni piksel povezan, možete da koristite Shopify Pixel Helper da biste testirali da li vaš prilagođeni piksel šalje i prima podatke o vašoj prodavnici.

Uzmite u obzir sledeće napomene pre korišćenja alatke Shopify Pixel Helper:

  • Koristeći Shopify Pixel Helper u isto vreme možete da testirate samo 1 prilagođeni piksel.
  • Ne možete da unosite izmene u piksel koji se testira dok je pokrenut Shopify Pixel Helper. Da biste testirali nove izmene, sačuvajte svoj piksel, zatvorite karticu Shopify Pixel Helper, a zatim ponovo otvorite Shopify Pixel Helper.
  • Dnevnici događaja se brišu kada pređete na novu stranicu. Na primer, ako dodate proizvod u korpu i Shopify Pixel Helper zabeleži događaj product_added_to_cart, onda se taj dnevnik briše kada pređete na novu stranicu proizvoda ili stranicu korpe.
  • Shopify Pixel Helper nema dugme za zatvaranje. Da biste prekinuli testiranje, morate da zatvorite karticu koju je otvorio Shopify Pixel Helper.
  • Shopify Pixel Helper nije kompatibilan sa prodavnicama koje koriste headless trgovinu ili prodavnicama u privatnom režimu.
  • Ako je vaša internet prodavnica u privatnom režimu, razmislite o tome da deaktivirate privatni režim da biste koristili Shopify Pixel Helper.

Koraci:

  1. U Shopify adminu idite na Podešavanja > Događaji kupaca.

  2. Kliknite na prilagođeni piksel koji želite da testirate.

  3. Kliknite na Testiraj da biste otvorili prilagođeni piksel na svom veb-sajtu radi testiranja.

  4. Opcionalno: U zavisnosti od podešavanja za pristanak u vašoj prodavnici i postavki privatnosti kupaca prilagođenog piksela, u dijalogu Pomoćnik za piksele može biti prikazano Piksel čeka na pristanak. Uradite nešto od sledećeg da biste nastavili testiranje:

    • Prihvatite praćenje na baneru za kolačiće ili u željenim opcijama vaše prodavnice.
    • Kliknite na Dajte pristanak da biste nastavili testiranje.
    • Ako se vaš piksel i dalje ne učitava, pregledajte svoje postavke privatnosti kupaca.

  5. Da biste videli koji događaji se učitavaju, posetite svaku stranicu za koju želite da testirate piksel i pregledajte dijalog Pomoćnik za piksele da biste se uverili da je pretplata na događaj uspela i da je funkcija povratnog poziva bila uspešna u odeljku Primljeni događaji:

    • Idite na novu stranicu da biste testirali događaj page_viewed.
    • Kliknite na proizvod da biste testirali događaj product_viewed.
    • Dodajte proizvod u korpu da biste testirali događaj product_added_to_cart.
    • Idite na naplatu da biste testirali događaj checkout_started.
    • Unesite informacije o isporuci pri naplati da biste testirali da li događaj checkout_shipping_info_submitted zamenjuje događaj checkout_started.
    • Završite naplatu da biste testirali da li događaj checkout_completed zamenjuje događaj checkout_shipping_info_submitted. Saznajte više o kreiranju probne porudžbine.

  6. Da biste pregledali primljene podatke o događajima, kliknite na Uveličaj da proširite dijalog pomoćnika za piksele.

Pregled odeljka sa primljenim događajima

Kada u koraku 5 testirate koji događaji se učitavaju, jedan od sledećih statusa se prikazuje u odeljku Primljeni događaji u dijalogu Pomoćnik za piksele:

  • Zelena tačka ukazuje na to da je prijava na događaj uspela i da je povratna funkcija bila uspešna.
  • Crvena tačka ukazuje na to da je prijava na događaj uspela, ali da je povratna funkcija bila neuspešna. Saznajte kako da rešite probleme sa prilagođenim pikselom.
  • Pomoćnik za piksele prikazuje neuhvaćene greške koje se javljaju na najvišem nivou ili u povratnoj funkciji. Greške na najvišem nivou se prikazuju kada se učita pomoćnik za piksele. Poruke o greškama u povratnoj funkciji se prikazuju kada kliknete da proširite događaj sa crvenom tačkom.
  • Sledeći primer koda sadrži grešku u povratnoj funkciji i grešku na najvišem nivou. U zavisnosti od toga gde se nalazi greška na najvišem nivou, piksel može delimično da funkcioniše.
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 JavaScript grešaka, posetite odeljak Rešavanje problema sa JavaScript-om.

Rešavanje problema sa prilagođenim pikselom

Ako se vaš piksel ne učitava ili ne aktivira tokom testiranja, a vi ste već pregledali podatke o događajima i kod piksela u potrazi za greškama, pokušajte sa sledećim merama za rešavanje problema.

Pregledajte postavke privatnosti kupaca

Ako se vaš piksel ne učitava ili ne aktivira tokom testiranja, moguće je da postavke privatnosti kupaca sprečavaju njegovo učitavanje.

U Shopify adminu idite na Podešavanja > Privatnost kupaca da biste proverili da li postoje postavke privatnosti kupaca u Shopify adminu koje se možda primenjuju na vašu sesiju. U zavisnosti od postavki privatnosti kupaca, preduzmite sledeće korake:

  • Ako imate postavke privatnosti kupaca koje zahtevaju saglasnost u vašem regionu, uverite se da ste dali saglasnost preko banera za kolačiće.
  • Ako nemate postavke privatnosti kupaca koje blokiraju učitavanje piksela, obrišite kolačiće u pregledaču da biste resetovali baner za kolačiće i dali saglasnost.
  • Ako koristite alatku treće strane za upravljanje saglasnošću, kao što je aplikacija za baner za kolačiće, ta alatka mora da sinhronizuje saglasnost sa Shopify-em preko Customer Privacy API-ja. Ako saglasnost nije sinhronizovana sa Shopify-em, piksel se možda neće aktivirati čak ni nakon što kupac dâ saglasnost. Obratite se pružaocu usluga treće strane da biste potvrdili da se saglasnost sinhronizuje sa Shopify-em ili za dodatnu podršku.

Dodatno rešavanje problema

Ako vam je i dalje nejasno da li je vaš prilagođeni piksel pravilno prijavljen na događaj kupca, pokušajte sa sledećim merama za rešavanje problema:

  • Obrišite kolačiće pregledača.
  • Ako testirate standardni događaj, pregledajte Shopify-jevu dokumentaciju za programere sa opisima standardnih događaja da biste bili sigurni da obavljate sve korake potrebne za aktiviranje događaja.

Ako primetite razlike u broju praćenih događaja nakon prebacivanja sa starijeg podešavanja piksela, pregledajte Rešavanje problema nakon prebacivanja.

Testiranje pomoću pomoćnika za piksele treće strane

SDK (komplet za razvoj softvera) za piksel sadrži alatke koje omogućavaju vašem pikselu da prikuplja informacije o ponašanju kupaca. Možete da koristite pomoćnik za piksele vašeg pružaoca usluga treće strane da testirate sledeća ponašanja piksela i da se uverite da SDK piksela funkcioniše kao što je predviđeno:

Testirajte da li se učitava SDK piksela treće strane

Koraci za proveru kartice za mrežu zavise od veb-pregledača koji koristite. Na primer, da biste saznali kako da proverite karticu za mrežu u pregledaču Google Chrome, pogledajte dokumentaciju platforme Chrome for Developers za proveru mrežne aktivnosti.

Da biste testirali da li se učitava SDK piksela treće strane, prvo morate da preuzmete kôd pružaoca usluga treće strane za URL SDK-a kako biste mogli da ga dodate u kôd piksela. Za podršku se obratite svom pružaocu usluga piksela treće strane.

Koraci:

  1. U Shopify adminu idite na Podešavanja > Događaji kupaca.

  2. Kliknite na prilagođeni piksel koji želite da testirate.

  3. U odeljku Kôd unesite SDK piksela, koji ste dobili od pružaoca usluga treće strane, na kraj koda piksela.

  4. Kliknite na Sačuvaj.

  5. Posetite internet prodavnicu, a zatim proverite karticu za mrežu da biste se uverili da se preuzima URL za SDK pružaoca usluga treće strane.

  6. Opcionalno: Ako se SDK piksela treće strane ne učita, proverite da li u okruženju za testiranje ima JavaScript grešaka pri izvršavanju. Na primer, u Chrome-u možete da izaberete određeni iFrame da biste pregledali zapise na konzoli za njega, a zatim da te zapise suzite na određeni piksel koji testirate. Da biste saznali više o proveri JavaScript grešaka pri izvršavanju u Chrome-u, pogledajte Chrome-ovu dokumentaciju za otklanjanje JavaScript grešaka.

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

Drugo testiranje SDK-a piksela treće strane

Da biste testirali da li je SDK piksela treće strane inicijalizovan i da li prikuplja događaje, pogledajte dokumentaciju svog pružaoca usluga piksela treće strane.

Da biste testirali da li SDK piksela prikuplja događaje, možda ćete dobiti uputstvo da proverite karticu za mrežu u pregledaču. Koraci za proveru kartice za mrežu zavise od veb-pregledača koji koristite. Na primer, da biste saznali kako da proverite karticu za mrežu u pregledaču Google Chrome, pogledajte dokumentaciju platforme Chrome for Developers za proveru mrežne aktivnosti.