Testarea pixelilor personalizați

După ce creați un pixel personalizat, trebuie să îl testați pentru a vă asigura că pixelul dvs. trimite datele corect atunci când au loc evenimente pe site-ul dvs.

Puteți utiliza Shopify Pixel Helper pentru a testa dacă evenimentele pixelului dvs. se încarcă și dacă v-ați abonat corect la evenimentele Shopify. Shopify Pixel Helper vă permite să vă testați pixelul personalizat în magazinul dvs. online, pentru a vizualiza evenimentele primite în timp real, alături de datele pentru acele evenimente.

Dacă pixelul dvs. personalizat se integrează cu o platformă externă care are propriul său instrument de asistență pentru pixeli, atunci puteți utiliza instrumentul extern de asistență pentru pixeli, pe lângă Shopify Pixel Helper, pentru a testa dacă evenimentele pixelului dvs. sunt procesate și primite de platforma externă. De exemplu, dacă adăugați un pixel TikTok personalizat în magazinul dvs., puteți utiliza atât Shopify Pixel Helper, cât și instrumentul de asistență pentru pixeli TikTok pentru a vă testa pixelul.

Puteți utiliza Shopify Pixel Helper în aceeași sesiune de browser ca un instrument extern de asistență pentru pixeli, pentru a testa evenimentele pentru ambele platforme în același timp.

Iată un script de pixel personalizat care va declanșa toate evenimentele standard în sandbox și va înregistra datele evenimentului în consolă. Evenimentele standard vor fi vizibile în Shopify Pixel Helper. În plus, vă puteți abona la alte abonamente în bloc, all_events, all_custom_events și all_dom_events, pentru a descoperi tot ceea ce pot oferi pixelii web. Vizitați API-ul pentru pixeli web pentru mai multe informații.

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

Pe această pagină

Asigurați-vă că un pixel personalizat este conectat

Înainte de a vă testa pixelul personalizat, asigurați-vă că pixelul personalizat este conectat.

Pași:

Din panoul de administrare Shopify, accesați Setări > Evenimente client.
Lângă pixelul pe care doriți să îl testați, verificați dacă pixelul dvs. are starea Conectat afișată în coloana Stare.
Dacă pixelul nu este conectat, faceți clic pe ..., apoi pe Conectare.

Testarea unui pixel personalizat utilizând Shopify Pixel Helper

După ce verificați că pixelul dvs. personalizat este conectat, puteți utiliza Shopify Pixel Helper pentru a testa dacă pixelul dvs. personalizat trimite date și primește datele magazinului dvs. Puteți testa un singur pixel personalizat odată.

Pași:

Din panoul de administrare Shopify, accesați Setări > Evenimente client.
Faceți clic pe pixelul personalizat pe care doriți să îl testați.
Faceți clic pe Testare pentru a deschide pixelul personalizat pe site-ul dvs. web pentru testare.
Opțional: în funcție de setările de consimțământ ale magazinului dvs. și de setările de confidențialitate a clientului ale pixelului personalizat, caseta de dialog Asistență pixeli ar putea afișa mesajul Pixel în așteptarea consimțământului. Efectuați una dintre următoarele acțiuni pentru a continua testarea:
- Acceptați urmărirea în bannerul privind modulele cookie sau în preferințele magazinului dvs.
- Faceți clic pe Acordați consimțământul pentru a continua testul.
- Dacă pixelul dvs. tot nu se încarcă, atunci revizuiți-vă setările de confidențialitate a clientului.
Pentru a vizualiza ce evenimente se încarcă, vizitați fiecare pagină pentru care doriți să testați pixelul și examinați caseta de dialog Asistență pixeli pentru a vă asigura că abonarea la eveniment s-a realizat cu succes și că funcția de callback a avut succes în secțiunea Evenimente primite:
- Accesați o pagină nouă pentru a testa evenimentul page_viewed.
- Faceți clic pe un produs pentru a testa evenimentul product_viewed.
- Adăugați un produs în coș pentru a testa evenimentul product_added_to_cart.
- Accesați pagina de plată pentru a testa evenimentul checkout_started.
- Introduceți informațiile de expediere la plată pentru a testa dacă evenimentul checkout_shipping_info_submitted înlocuiește evenimentul checkout_started.
- Finalizați plata pentru a testa dacă evenimentul checkout_completed înlocuiește evenimentul checkout_shipping_info_submitted. Aflați mai multe despre plasarea unei comenzi de test.
Pentru a vizualiza datele evenimentului primite, faceți clic pe pentru a extinde caseta de dialog Asistență pixeli.

Vizualizarea secțiunii Evenimente primite

Când testați ce evenimente se încarcă la pasul 5, una dintre următoarele stări se afișează în secțiunea Evenimente primite a casetei de dialog Asistență pixeli:

Un punct verde indică faptul că abonarea la eveniment s-a realizat cu succes și că funcția de callback a avut succes.
Un punct roșu indică faptul că abonarea la eveniment s-a realizat cu succes, dar funcția de callback a eșuat. Aflați cum să vă depanați pixelul personalizat.
Instrumentul de asistență pentru pixeli afișează erorile necapturate care apar la nivel superior sau în funcția de callback. Erorile de nivel superior se afișează atunci când se încarcă instrumentul de asistență pentru pixeli. Mesajele de eroare de callback se afișează atunci când faceți clic pentru a extinde un eveniment cu un punct roșu.
Următorul exemplu de cod conține o eroare de callback și o eroare de nivel superior. În funcție de locul în care se află eroarea de nivel superior, este posibil ca pixelul să funcționeze parțial.

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

throw new Error("top level error")

Pentru a afla mai multe despre remedierea erorilor JavaScript, consultați Depanarea JavaScript.

Depanarea pixelului dvs. personalizat

Dacă pixelul dvs. nu se încarcă sau nu se declanșează în timpul testării și ați revizuit deja datele evenimentului și codul pixelului pentru a depista erori, atunci încercați următoarele măsuri de depanare.

Revizuirea setărilor de confidențialitate pentru clienți

Dacă pixelul dvs. nu se încarcă sau nu se declanșează în timpul testării, este posibil să existe setări de confidențialitate pentru clienți care îl împiedică să se încarce.

Din panoul de administrare Shopify, accesați Setări > Confidențialitatea clienților pentru a verifica setările de confidențialitate pentru clienți din panoul dvs. de administrare Shopify care s-ar putea aplica sesiunii dvs. În funcție de setările de confidențialitate pentru clienți, urmați pașii de mai jos:

Dacă aveți setări de confidențialitate pentru clienți care necesită consimțământ în regiunea dvs., atunci asigurați-vă că ați oferit consimțământul prin intermediul bannerului dvs. privind modulele cookie.
Dacă nu aveți setări de confidențialitate pentru clienți care să blocheze încărcarea pixelului, atunci goliți modulele cookie ale browserului pentru a reseta bannerul privind modulele cookie și pentru a oferi consimțământul.

Dacă utilizați un instrument extern pentru a gestiona consimțământul, atunci contactați furnizorul dvs. extern pentru asistență.

Depanare suplimentară

Dacă încă nu este clar dacă pixelul dvs. personalizat este abonat corespunzător la un eveniment al clientului, atunci încercați următoarele măsuri de depanare:

Goliți modulele cookie ale browserului dvs.
Dacă testați un eveniment standard, atunci consultați documentația pentru dezvoltatori Shopify referitoare la descrierile evenimentelor standard pentru a vă asigura că efectuați pașii necesari pentru a declanșa evenimentul.

Testarea cu ajutorul asistentului extern pentru pixeli

Un SDK de pixel (kit de dezvoltare software) conține instrumentele necesare pentru ca pixelul dvs. să colecteze informații despre comportamentul clientului. Puteți utiliza asistentul pentru pixeli al furnizorului dvs. extern de pixeli pentru a testa următoarele comportamente ale pixelului dvs. și pentru a vă asigura că SDK-ul de pixel funcționează conform așteptărilor:

Testarea dacă un SDK extern de pixel este încărcat

Pașii pentru a verifica fila de rețea depind de browserul web pe care îl utilizați. De exemplu, pentru a afla cum să verificați fila de rețea în Google Chrome, consultați documentația Chrome for Developers Inspect network activity.

Pentru a testa dacă un SDK extern de pixel este încărcat, trebuie mai întâi să obțineți de la furnizorul dvs. extern codul pentru URL-ul SDK-ului, astfel încât să îl puteți adăuga la codul dvs. de pixel. Pentru asistență, contactați furnizorul dvs. extern de pixeli.

Pași:

Din panoul de administrare Shopify, accesați Setări > Evenimente client.
Faceți clic pe pixelul personalizat pe care doriți să îl testați.
În secțiunea Cod, introduceți la sfârșitul codului dvs. de pixel SDK-ul de pixel pe care vi l-a furnizat furnizorul extern.
Dați clic pe Salvare.
Vizitați-vă magazinul online, apoi verificați fila de rețea pentru a vă asigura că URL-ul SDK-ului furnizorului extern este descărcat.
Opțional: dacă SDK-ul extern de pixel nu se încarcă, atunci verificați dacă există erori de execuție JavaScript în sandbox. De exemplu, în Chrome puteți selecta un anumit iFrame pentru a-i examina jurnalele de consolă, apoi puteți restrânge jurnalele la pixelul specific pe care îl testați. Pentru a afla mai multe despre verificarea erorilor de execuție JavaScript în Chrome, consultați documentația Chrome Debug JavaScript.

Dacă SDK-ul extern de pixel nu se încarcă în timpul testării, atunci contactați furnizorul dvs. extern de pixeli pentru asistență.

Alte testări ale SDK-ului extern de pixel

Pentru a testa dacă un SDK extern de pixel este inițializat sau colectează evenimente, consultați documentația furnizorului dvs. extern de pixeli.

Pentru a testa dacă un SDK de pixel colectează evenimente, vi se poate solicita să verificați fila de rețea a browserului dvs. Pașii pentru a verifica fila de rețea depind de browserul web pe care îl utilizați. De exemplu, pentru a afla cum să verificați fila de rețea în browserul Google Chrome, consultați documentația Chrome for Developers Inspect network activity.