Testiranje pikslov po meri

Ko ustvarite piksel po meri, ga morate testirati, da se prepričate, da ob pojavu dogodkov na spletni strani pravilno pošilja podatke.

Za testiranje, ali se dogodki piksla nalagajo in ali ste se pravilno naročili na dogodke Shopify, lahko uporabite Shopify Pixel Helper. Orodje Shopify Pixel Helper vam omogoča testiranje piksla po meri v spletni trgovini za ogled prejetih dogodkov v realnem času, skupaj s podatki za te dogodke.

Če se vaš piksel po meri integrira s platformo zunanjega izvajalca, ki ima lastno orodje za pomoč pri pikslih (pixel helper), lahko poleg orodja Shopify Pixel Helper uporabite tudi to orodje, da testirate, ali platforma zunanjega izvajalca pravilno obdeluje in prejema dogodke vašega piksla. Če v trgovino na primer dodate piksel TikTok po meri, lahko za testiranje uporabite tako Shopify Pixel Helper kot orodje za pomoč pri pikslih TikTok.

Shopify Pixel Helper lahko uporabite v isti seji brskalnika kot orodje za pomoč pri pikslih zunanjega izvajalca, da hkrati testirate dogodke na obeh platformah.

Tukaj je skript piksla po meri, ki bo sprožil vse standardne dogodke v peskovniku (sandbox) in zabeležil podatke o dogodkih v konzolo. Standardni dogodki bodo vidni v orodju Shopify Pixel Helper. Poleg tega se lahko naročite na druge množične naročnine, kot so all_events, all_custom_events in all_dom_events, ter tako odkrijete vse, kar lahko spletni piksli ponudijo. Za več informacij obiščite API za spletne piksle.

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

Na tej strani

Prepričajte se, da je piksel po meri povezan

Preden preizkusite piksel po meri, se prepričajte, da je povezan.

Koraki:

V skrbniku Shopify pojdite v Nastavitve > Dogodki strank.
Poleg piksla, ki ga želite preizkusiti, preverite, ali je v stolpcu Stanje prikazano stanje Povezano.
Če piksel ni povezan, kliknite … in nato kliknite Poveži.

Preizkusite piksel po meri z orodjem Shopify Pixel Helper

Ko preverite, ali je vaš piksel po meri povezan, lahko z orodjem Shopify Pixel Helper preizkusite, ali piksel po meri pošilja podatke in prejema podatke vaše trgovine. Hkrati lahko preizkusite en piksel po meri.

Koraki:

V skrbniku Shopify pojdite v Nastavitve > Dogodki strank.
Kliknite piksel po meri, ki ga želite preizkusiti.
Kliknite Preizkusi, da odprete piksel po meri na spletni strani za preizkušanje.
Izbirno: Odvisno od nastavitev soglasij v trgovini in nastavitev zasebnosti strank za piksel po meri se lahko v pogovornem oknu Pixel helper prikaže sporočilo Piksel čaka na soglasje. Za nadaljevanje preizkušanja naredite nekaj od naslednjega:
- Sprejmite sledenje v obvestilu o piškotkih ali nastavitvah trgovine.
- Kliknite Podajte soglasje za nadaljevanje preizkusa.
- Če se piksel še vedno ne naloži, preglejte nastavitve zasebnosti strank.
Če želite preveriti, kateri dogodki se nalagajo, obiščite vsako stran, za katero želite preizkusiti piksel, in v pogovornem oknu Pixel helper v razdelku Prejeti dogodki preverite, ali je bila prijava na dogodek uspešna in ali je bila uspešna funkcija povratnega klica:
- Pojdite na novo stran, da preizkusite dogodek page_viewed.
- Kliknite izdelek, da preizkusite dogodek product_viewed.
- Dodajte izdelek v košarico, da preizkusite dogodek product_added_to_cart.
- Pojdite na blagajno, da preizkusite dogodek checkout_started.
- Na blagajni vnesite podatke o dostavi, da preverite, ali dogodek checkout_shipping_info_submitted zamenja dogodek checkout_started.
- Zaključite nakup, da preverite, ali dogodek checkout_completed zamenja dogodek checkout_shipping_info_submitted. Več informacij o oddaji testnega naročila.
Če želite videti prejete podatke o dogodkih, kliknite , da razširite pogovorno okno Pixel helper.

Ogled razdelka »Prejeti dogodki«

Ko v 5. koraku preizkušate, kateri dogodki se nalagajo, se v razdelku Prejeti dogodki v pogovornem oknu Pixel helper prikaže eno od naslednjih stanj:

Zelena pika označuje, da je bila prijava na dogodek uspešna in da se je funkcija povratnega klica uspešno izvedla.
Rdeča pika označuje, da je bila prijava na dogodek uspešna, vendar se funkcija povratnega klica ni uspela izvesti. Preberite, kako odpraviti težave s piksli po meri.
Orodje Pixel helper prikaže neujete napake, ki se pojavijo na najvišji ravni ali v funkciji povratnega klica. Napake na najvišji ravni se prikažejo, ko se orodje Pixel helper naloži. Sporočila o napakah povratnega klica se prikažejo, ko kliknete in razširite dogodek z rdečo piko.
Naslednji primer kode vsebuje napako povratnega klica in napako na najvišji ravni. Glede na to, kje se nahaja napaka na najvišji ravni, lahko piksel delno deluje.

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

throw new Error("top level error")

Več informacij o odpravljanju napak JavaScript najdete v razdelku Odpravljanje težav z JavaScript.

Odpravljanje težav s piksli po meri

Če se piksel med preizkušanjem ne naloži oziroma ne sproži in ste podatke o dogodkih ter kodo piksla že pregledali glede napak, poskusite z naslednjimi ukrepi za odpravljanje težav.

Preglejte nastavitve zasebnosti strank

Če se piksel med preizkušanjem ne naloži ali sproži, ga morda blokirajo nastavitve zasebnosti strank.

V skrbniku Shopify pojdite v Nastavitve > Zasebnost strank, da preverite nastavitve zasebnosti strank v skrbniku Shopify, ki morda veljajo za vašo sejo. Glede na nastavitve zasebnosti strank izvedite naslednje korake:

Če imate nastavitve zasebnosti strank, ki v vaši regiji zahtevajo soglasje, se prepričajte, da ste prek obvestila o piškotkih podali soglasje.
Če nimate nobenih nastavitev zasebnosti strank, ki bi pikslu preprečevale nalaganje, počistite piškotke brskalnika, da ponastavite obvestilo o piškotkih in podate soglasje.

Če za upravljanje soglasij uporabljate orodje zunanjega izvajalca, se za podporo obrnite na zunanjega ponudnika.

Dodatno odpravljanje težav

Če še vedno ni jasno, ali je vaš piksel po meri pravilno prijavljen na dogodek stranke, poskusite z naslednjimi ukrepi za odpravljanje težav:

Počistite piškotke brskalnika.
Če preizkušate standardni dogodek, preglejte Shopifyjevo dokumentacijo za razvijalce o opisih standardnih dogodkov, da se prepričate, ali izvajate zahtevane korake za sprožitev dogodka.

Preizkušanje s pripomočkom za piksle zunanjega izvajalca

Piksel SDK (komplet za razvoj programske opreme) vsebuje orodja, s katerimi vaš piksel zbira informacije o vedenju strank. S pripomočkom za piksle zunanjega ponudnika lahko preizkusite naslednja vedenja piksla in se prepričate, ali piksel SDK deluje po pričakovanjih:

Preizkusite, ali je SDK piksla zunanjega izvajalca naložen

Koraki za preverjanje zavihka omrežja so odvisni od spletnega brskalnika, ki ga uporabljate. Če želite na primer izvedeti, kako preverite zavihek omrežja v brskalniku Google Chrome, si oglejte dokumentacijo z naslovom Pregled omrežne dejavnosti portala Chrome for Developers.

Da bi preverili, ali se SDK piksla zunanjega izvajalca naloži, morate najprej pridobiti kodo ponudnika zunanjega izvajalca za URL-naslov SDK-ja, da jo lahko dodate v svojo kodo piksla. Za podporo se obrnite na ponudnika piksla zunanjega izvajalca.

Koraki:

V skrbniku Shopify pojdite v Nastavitve > Dogodki strank.
Kliknite piksel po meri, ki ga želite preizkusiti.
V razdelku Koda vnesite SDK piksla, ki ga je posredoval zunanji izvajalec, na konec svoje kode piksla.
Kliknite Shrani.
Obiščite spletno trgovino in nato preverite zavihek Omrežje, da se prepričate, ali se prenaša URL-naslov SDK-ja ponudnika zunanjega izvajalca.
Izbirno: Če se SDK piksla zunanjega izvajalca ne naloži, v peskovniku preverite morebitne napake pri izvajanju kode JavaScript. V brskalniku Chrome lahko na primer izberete določen okvir iFrame, pregledate njegove dnevnike konzole in nato dnevnike zožite na določen piksel, ki ga preizkušate. Če želite izvedeti več o preverjanju napak pri izvajanju kode JavaScript v brskalniku Chrome, si oglejte Chromovo dokumentacijo za odpravljanje napak v JavaScriptu.

Če se SDK piksla zunanjega izvajalca med preizkušanjem ne naloži, se za podporo obrnite na ponudnika piksla zunanjega izvajalca.

Drugo preizkušanje SDK-ja piksla zunanjega izvajalca

Če želite preveriti, ali je SDK piksla zunanjega izvajalca inicializiran oziroma ali zbira dogodke, preberite dokumentacijo ponudnika piksla zunanjega izvajalca.

Za preizkus, ali SDK piksla zbira dogodke, boste morda morali preveriti zavihek Omrežje v brskalniku. Postopek preverjanja zavihka Omrežje je odvisen od uporabljenega spletnega brskalnika. Če želite na primer izvedeti, kako preverite zavihek Omrežje v brskalniku Google Chrome, si oglejte dokumentacijo zaledja Chrome for Developers o pregledu omrežne dejavnosti.