Cum se implementează GLAMI Pixel în Google Tag Manager (GTM)?

Ghidul explică cum să implementați GLAMI Pixel în Google Tag Manager, urmând patru pași de bază.

Adăugați template-ul GLAMI Pixel în spațiul dvs. de lucru

Mai întâi, adăugați template-ul GLAMI Pixel în spațiul dvs. de lucru. Poate fi găsit în Galeria Community Template Gallery:

Există patru tipuri de evenimente urmărite de GLAMI Pixel:

PageView Apelat pe fiecare pagină
ViewContent Apelat de fiecare dată când un client vede o listă de produse (pagina de categorii/ category page) sau un singur produs (product page)
AddToCart Apelat de fiecare dată când un client adaugă un articol în coșul său
Transaction Apelat când comanda este finalizată
  • Pentru a crea o nouă etichetă, accesați pagina „Tags” din Managerul de etichete și faceți clic pe „New” 
  • Fiecare tag constă din două părți - Tag Configuration care îi spune ce să facă și un declanșator/ Trigger care îi spune când să o facă 

GLAMI Pixel - PageView (event 1/4)

Denumiți primul tag „GLAMI Pixel - PageView” și, ca tip de tag, selectați „GLAMI pixel”Pentru a începe, trebuie să completați patru informații:

  • API key - Puteți găsi acest lucru în tabloul de bord GLAMI. Navigați la Setări > GLAMI Pixel. 
  • Puteți găsi acest lucru în contul de administrație GLAMI. Faceți clic pe „GLAMI piXel” în meniu și apoi faceți clic pe „Ghid de implementare Glami piXel pentru dezvoltatori”. 
  • Country code - Acesta este un cod din două litere care identifică țara. Îl puteți găsi ca cod Alpha-2 pe acest site web: https://www.iban.com/country-codes.
    Examplu: Czechia -> CZ, Italy -> IT, Romania -> RO
  • Cookie consent value - Aceasta este o variabilă care conține consimțământul pentru cookie-uri. 
  • Track type -Alegeți care dintre cele patru tipuri de evenimente va fi.

Apoi, trebuie să selectați un declanșator/trigger. Pentru acest tag, puteți utiliza unul dintre declanșatoarele implicite numite „Toate paginile”. Acest lucru va asigura că pixelul este activ pe fiecare pagină.

GLAMI Pixel - ViewContent (event 2/4)

Name the second Tag “GLAMI Pixel - ViewContent” and as a tag type select “GLAMI piXel”.
There are four basic information to fill:

  • API key - Puteți găsi acest lucru în tabloul de bord GLAMI. Navigați la Setări > GLAMI Pixel.
  • Country code - It’s a two letters code that identifies the country. You can find it as a Alpha-2 code on this website https://www.iban.com/country-codes
    Examples: Czechia -> CZ, Italy -> IT, Romania -> RO
  • Cookie consent value - Variable containing cookie consent.
  • Track type - Which one of the four event types will it be.

There are also two variables specific to this Tag:

  • Content type - Selectați dacă conținutul paginii este un anumit produs sau o categorie. 
  • Product IDs -ITEM_ID al produsului vizualizat. Asigurați-vă că ID-urile sunt aceleași ca în feedul de produse.

Pentru a continua, trebuie să adăugați un declanșator/trigger la această tag:

  1. Alegeți  „"Page View - Window Loaded"..
  2. Selectați „Unele evenimente încărcate în fereastră”/ Some Window Loaded Events".
  3. Alegeți „Adresa URL a paginii” și „conține”/"Page URL" and "contains"

Ultima parte va varia în funcție de site-ul dvs. Ar trebui să fie ceva care să apară în adresa URL a paginii de confirmare a comenzii. Aici sunt cateva exemple:

Vă rugăm să rețineți că Trigger-ele exacte și Data Layer Variable Names afișate în videoclip sunt doar exemple și ar trebui ajustate la site-ul dvs. 

GLAMI Pixel - AddToCart (event 3/4)

Denumiți a treia etichetă „GLAMI Pixel - AddToCart” și, ca tip de etichetă/ tag type, selectați „GLAMI pixel”.

Există patru informații de bază de completat: 

  • API key - Puteți găsi acest lucru în tabloul de bord GLAMI. Navigați la Setări > GLAMI Pixel. 
  • Country code - Este un cod de două litere care identifică țara. Îl puteți găsi ca un cod Alpha-2 pe acest site web https://www.iban.com/country-codes
    Example: Cehia -> CZ, Italy -> IT, România -> RO
  • Cookie consent value - Variabilă care conține consimțământul cookie-urilor. 
  • Track type - Care va fi unul dintre cele patru tipuri de evenimente 

Există, de asemenea, patru variabile specifice acestei etichete:

  • Product IDs - ITEM_ID  al produsului adăugat.
  • Product names - Numele produsului adăugat
  • Product price - Prețuș of the added product.
  • Product price currency -  Moneda prețului produsului  

Deoarece vizualizarea coșului este adesea opțională și utilizatorii pot intra direct în finalizarea comenzii/checkout, această etichetă ar trebui să fie declanșată atunci când un utilizator adaugă produsul în coș.

Aceasta poate fi realizată cu declanșatorul Trigger type “Click - All Elements”.

Vă rugăm să rețineți că declanșatoarele/Trigger-urile exacte și numele de variabile Data Layer/ ale stratului de date afișate în videoclip sunt doar exemple și ar trebui ajustate la site-ul dvs.  

GLAMI Pixel - Transaction (event 4/4)

Denumiți eticheta finală „GLAMI Pixel - Tranzacție”/“GLAMI Pixel - Transaction”  și, ca tip de etichetă/tag, selectați „GLAMI pixel”.

Există patru informații de bază de completat:

  • API key - Puteți găsi acest lucru în tabloul de bord GLAMI. Navigați la Setări > GLAMI Pixel. 
  • Country code - Este un cod de două litere care identifică țara. Îl puteți găsi ca cod Alpha-2 pe acest site web https://www.iban.com/country-codes
    Examples: Cehia -> CZ, Italy -> IT, Romania -> RO
  • Cookie consent value -Variabilă care conține consimțământul cookie-urilor.
  • Track type - Care dintre cele patru tipuri de evenimente va fi.

Există cinci variabile suplimentare în aceast Tag:

  • Transaction ID - Număr folosit pentru a identifica tranzacția.
  • Order value - Valoarea totală a tranzacției.
  • Order currency - Moneda valorii comenzii.
  • Product names - Numele tuturor articolelor achiziționate.
  • Product IDs - ITEM_ID-urile tuturor articolelor achiziționate. Asigurați-vă că ID-urile sunt aceleași ca în feedul de produse. 

Trigger- ul se poate face în mod similar cu cel ViewContent.Trigger can be done similarly to the ViewContent one.

  1. Alegeți tipul „Afișare pagină – Fereastra încărcată”.
  2. Selectați „Unele evenimente încărcate în fereastră”/"Some Window Loaded Events".
  3. Alegeți „Adresa URL a paginii” și „contains”.

Ultima parte va varia în funcție de site-ul dvs. Ar trebui să fie ceva care să apară în adresa URL a paginii de confirmare a comenzii. Aici sunt cateva exemple: 

Vă rugăm să rețineți că declanșatoarele exacte și numele de variabile ale stratului de date afișate în videoclip sunt doar exemple și ar trebui ajustate la site-ul dvs.

Felicitări!

GLAMI Pixel este acum implementat. Nu uitați să vă publicați container-ul.

Vă recomandăm să îl testați cu un mod de previzualizare/ preview mode


Cum se verifică implementarea pixelului? 

Pentru a activa modul de previzualizare și debug mode pentru spațiul de lucru curent: 

  1. Click Preview în partea dreaptă sus a spațiului de lucru.
  2. Enter  site-ul URL.
  3. Unele site-uri sau pagini ar putea fi întrerupte de un parametru suplimentar de debug adăugat la adresa URL. Dacă da, puteți debifa caseta Includeți semnalul de debug din adresa URL. 
  4. Click Connect. Site-ul dvs. se deschide într-o fereastră nouă și se afișează ca Conectat în dreapta jos.
  5. Faceți clic înapoi pe fila Tag Assistant tab și faceți clic pe Continue pentru a accesa interfața de debug. 

Bara de navigare de sus afișează opțiuni pentru a accesa informații Tags, Variables, și Data Layer,, iar bara de navigare din stânga Summary arată o listă de evenimente. 

  • Tags: Faceți clic pe Tags  pentru a vedea ce etichete au fost declanșate și ce etichete nu s-au declanșat. Faceți clic pe un tag pentru a vedea proprietățile etichetei și declanșatorii asociați. Când un eveniment este selectat în coloana din stânga, fila Tags va afișa starea etichetelor pentru acel eveniment. 
  • Variables: Fila Variables va afișa informații detaliate despre variabilele din evenimentul selectat, inclusiv tipul de variabilă, tipul de date returnate și valoarea rezolvată. Selectați un eveniment din navigarea din stânga pentru a vedea starea variabilelor la momentul declanșării evenimentului.
  • Data Layer: Tab-ul Data Layer va afișa mesajul exact așa cum a fost trimis în stratul de date pentru evenimentul selectat și cum arată stratul de date după finalizarea tranzacției cu mesajul. Selectați un eveniment în navigarea din stânga pentru a vedea starea stratului de date la momentul declanșării evenimentului. 

FAQ

Cum se face o nouă variabilă? 

Pentru acest exemplu, vom crea o variabilă ID tranzacție. Mai întâi, navigați la pagina „Variabilă” din Tag Manager și faceți clic pe „New”. Îi puteți numi „ID tranzaction” și alegeți tipul „variabilă strat de date”. În Numele variabilei stratului de date, trebuie să scrieți calea către aceste date, de exemplu: „ecommerce.transaction_id”

Cum îmi verific numele variabilei Data Layer ?

Deschideți modul de previzualizare și depanare în Manager de etichete și selectați fila „Strat de date”.Aici veți vedea informațiile care au fost introduse în stratul de date.Pentru mai multe informații, puteți vizita articolul de asistență Google, disponibil la următorul link: https://support.google.com/tagmanager/answer/6107056

Cum se creează o variabilă GTM dintr-o matrice dataLayer? / Cum se trimit mai multe ID-uri într-o singură variabilă? 

ID-urile de produs pot fi împărțite în două variabile.

Primul se va numi „Produse tranzacții”/ transactionProducts” cu tipul „Variabilă strat de date”. Pentru Numele variabilei stratului de date, selectați toate produsele, de exemplu: ecommerce.items Al doilea va fi numit „transactionProductsIds” cu tipul „Custom JavaScript”. Se va deschide un nou câmp de text în care puteți lipi următorul cod:

function () { return .map(function(a) {return a.id;}); }

În tag-ul “GLAMI Pixel - Transaction” , puteți conecta a doua variabilă “transactionProductsIds”.

Trebuie să implementez toate tag-urile/evenimentele?

Nu. Este foarte recomandat să implementăm toate etichetele, deoarece fiecare dintre ele ne oferă informații valoroase care ne permit să optimizăm mai bine campaniile și să oferim performanțe excelente. Cu toate acestea, pentru funcționalitatea de bază a Pixel, numai PageView și Transaction sunt obligatorii.

Trebuie să conectez toate variabilele la tag-uri?

Nu. Este foarte recomandat să trimitem toate variabilele, deoarece ne permite să optimizăm mai bine campaniile și să oferim performanțe excelente.

De ce am nevoie de consimțământul pentru cookie-uri?

Parametrul de consimțământ permite magazinelor participante să ajusteze comportamentul GLAMI PiXel pe baza consimțământului utilizatorilor cu privire la utilizarea cookie-urilor. Dacă consimțământul există (valoarea 1) sau parametrul consimțământului nu este setat, GLAMI prelucrează datele în totalitate. Dacă nu există consimțământ (valoarea 0), datele vor fi prelucrate anonim, fără a utiliza date despre un anumit utilizator.

GLAMI PiXel este crucial pentru funcționarea optimă a magazinului online pe GLAMI. Prin urmare, acum acceptă parametrul Consimțământ, prin care magazinul electronic partener oferă GLAMI informații despre dacă utilizatorul și-a exprimat consimțământul pentru crearea cookie-urilor analitice.