Formați urmărirea evenimentelor cu Google Tag Manager

Publicat: 2021-07-19

Dacă căutați o modalitate ușoară de a configura urmărirea evenimentelor pentru a monitoriza conversiile pe site-ul dvs. web, vă recomandăm să utilizați Google Tag Manager.

În această postare vă voi explica Google Tag Manager, vă voi informa cum să îl instalați și voi descrie cum să configurați urmărirea evenimentelor din formular pe site-ul dvs.

Google Tag Manager GTM V2

Ce este Google Tag Manager?

Managerul de etichete Google (GTM) este un instrument gratuit care facilitează adăugarea și actualizarea etichetelor site-urilor webmasterilor și specialiștilor în marketing. Există multe modalități de a utiliza GTM, dar majoritatea companiilor îl folosesc pentru urmărirea evenimentelor ca mijloc de măsurare a succesului strategiei lor de marketing digital. Pentru o explicație mai detaliată a GTM, consultați articolul nostru introductiv de pe blog.

De ce să utilizați GTM pentru urmărirea evenimentelor?

GTM vă oferă control deplin asupra etichetelor dvs. de eveniment. Puteți să le adăugați pe site-ul dvs. fără a fi nevoie să cereți dezvoltatorului să efectueze o codificare dură. Acest lucru le va elibera timpul pentru a lucra la alte proiecte critice.

GTM vă permite, de asemenea, să modificați și să testați urmărirea evenimentelor dvs., ceea ce face, evident, procesul mult mai simplu.

În plus, vedem un număr tot mai mare de site-uri web în care formularele sunt create folosind JavaScript. Aceste site-uri nu utilizează adrese URL de destinație, ceea ce înseamnă că nu puteți utiliza obiective simple în Google Analytics. Pentru a asigura gestionarea site-ului dvs. web, este o idee bună să luați în considerare abordarea GTM.

Se instalează GTM

Instalarea GTM este foarte asemănătoare cu configurarea Google Analytics:

  1. Conectați-vă la Managerul de etichete Google utilizând contul dvs. Google - în mod ideal același lucru pe care îl utilizați pentru Google Analytics. Apoi urmați pașii de pe ecran:
    Managerul de etichete Google creează un cont
    Creați un cont în Google Tag Manager

  2. Citiți și acceptați termenii și condițiile. Veți primi apoi codul de instalare. Va trebui să adăugați acest cod la fiecare pagină a site-ului dvs., imediat după deschiderea etichetei <body>. Dacă nu puteți face acest lucru singur, dezvoltatorul dvs. ar trebui să vă poată ajuta:

    Codul Google Tag Manager
    Lipiți codul GTM pe fiecare pagină a site-ului dvs. web

Asta este. Ați configurat un container Tag Manager pe site-ul dvs. Acest container va conține în cele din urmă toate etichetele pe care le creați în tabloul de bord GTM.

Acum voi descrie cum să configurați urmărirea evenimentelor utilizând GTM. Pentru aceasta, va trebui să activați mai multe variabile încorporate în pagini, clicuri și formulare. Acestea nu sunt activate în mod implicit atunci când configurați GTM. Deci, înainte de a începe, navigați la variabile și verificați următoarele opțiuni:

manager de etichete variabile încorporate

Urmăriți evenimentul din formular

Urmărirea trimiterii formularelor vă permite să monitorizați când vizitatorii trimit un formular pe site-ul dvs. web. Acesta poate fi un formular de contact de pe pagina dvs. de contact sau un formular de solicitare în subsolul paginii. Aproape fiecare site web are un formular, deci acesta este un mod bun de a lua cunoștință cu Tag Manager.

Este relativ ușor să configurați urmărirea evenimentelor utilizând GTM, deoarece puteți utiliza etichete care sunt deja integrate în interfața GTM. O cunoaștere de bază a codului HTML este utilă, dar acest ghid vă va explica tot ce trebuie să știți.

Nu vă faceți griji, este imposibil să vă rupeți site-ul folosind Tag Manager și puteți testa totul înainte de a vă trimite etichetele în direct.

Să o facem!

Pasul 1 - Identificați adresa URL

Notează adresa URL pe care se află formularul tău:

hallam internet google tag manager

Dacă aveți un formular pe mai multe pagini, de exemplu un formular de solicitare în subsol, trebuie doar să cunoașteți domeniul. În acest caz, folosim hallam.co.uk .

Pasul 2 - Identificați ID-ul formularului

Găsiți ID-ul formularului pentru butonul de trimitere. Dacă utilizați Google Chrome sau Firefox, puteți face acest lucru făcând clic dreapta pe formular și selectând „inspectare element”. Trebuie să căutați atributul „id” în <form>. Iată un exemplu despre cum ar putea arăta acest lucru:

element ID inspectare formular

Sfat : Apăsarea ctrl + f în cadrul inspectorului vă permite să căutați lucruri.

Notă : dacă nu există un ID unic pentru formularul dvs., poate fi necesar să solicitați dezvoltatorului să adauge unul. Cu toate acestea, dacă site-ul dvs. web folosește un plugin de formular, cum ar fi formularul de contact 7 pentru WordPress, puteți adăuga singur un id.

Pasul 3 - Creați un declanșator

În GTM, creați un nou declanșator și dați-i un titlu care va facilita identificarea ulterioară. Ceva de genul „trimitere formular de solicitare” sau „trimitere formular formular de pagină de contact” va face.

Sub selectați eveniment, selectați trimiterea formularului:

formular de anchetă trimite declanșator

Faceți clic pe Continuare și apoi bifați „Așteptați etichetele” și „Verificați validarea” pentru a vă asigura că declanșatorul dvs. se declanșează pentru trimiterile de formulare (valide) cu succes:

validați urmărirea evenimentelor trimise de formulare

Faceți clic pe continua și introduceți calea URL pe care ați observat-o mai devreme:

activează declanșatorul adresei URL conține calea paginii

Dacă formularul dvs. se află pe mai multe pagini, puteți configura declanșatorul pentru a declanșa paginile care conțin domeniul dvs.:

activați declanșatorul Google Tag Manager

Faceți clic pe continua și apoi selectați „Unele formulare”:

focul declanșează gtm

Pentru a finaliza declanșatorul, adăugați ID-ul formularului pe care l-ați menționat anterior (nu utilizați ID-ul formularului meu!):

foc pe urmărirea evenimentului ID formular

Ați specificat acum condițiile necesare pentru declanșarea dispozitivului dvs. de declanșare. Apoi, vom crea o etichetă.

Pasul 4 - Creați o etichetă

Creați o nouă etichetă Universal Analytics. Această etichetă va trimite informațiile despre eveniment către Google Analytics. Din nou, asigurați-vă că îi dați un nume memorabil:

creați etichetarea evenimentelor de urmărire Google tag manager

Adăugați codul de urmărire Google Analytics în câmpul următor:

configurați eticheta gtm

Apoi completați tipul de pistă ca eveniment și determinați parametrii de urmărire pentru categorie și etichetă:

parametrii de urmărire Google Tag Manager

Dacă configurați acest lucru pentru un formular care se găsește pe mai multe pagini, așa cum sunt în acest exemplu, faceți clic pe caseta din dreapta etichetei și selectați {{Calea paginii}} din meniul derulant. Acest lucru vă va asigura că puteți vedea din ce pagină a fost declanșat evenimentul de trimitere a formularului în rapoartele dvs. despre evenimentele Google Analytics:

calea paginii etichetei evenimentului

Sub „Lovire fără interacțiune”, puteți selecta fie adevărat, fie fals. Accesarea fără interacțiune este un parametru care vă permite să decideți dacă evenimentul declanșat afectează sau nu valori precum rata de respingere . De exemplu, dacă aveți o pagină în care se redă automat un videoclip, ați dori să selectați „adevărat”. În caz contrar, toți cei care aterizează pe pagina respectivă ar declanșa un eveniment, iar rata de respingere ar fi zero.

Pentru urmărirea trimiterii formularelor, vă recomand să selectați „fals” - mai ales dacă formularul pe care îl urmăriți se află pe o pagină de destinație în care vizitatorul vede toate informațiile de care au nevoie și completează formularul dvs. de solicitare. La urma urmei, chiar dacă nu văd o altă pagină pe site-ul dvs. web, au interacționat și au finalizat acțiunea dorită, deci ar trebui să fie o interacțiune:

parametru de accesare fără interacțiune Google Tag Manager

Apoi, faceți clic pe continuare și selectați „mai multe” sub „declanșare activată”. Selectați „formular” și apoi navigați la declanșatorul creat anterior:

alegeți declanșatorul pentru eticheta Google Tag Manager

Faceți clic pe „creați etichetă”, iar eticheta finalizată va arăta cam așa:

formular trimitere etichetă complet manager de etichete google

Pasul 5 - Test

Mergeți la modul de previzualizare și depanare pentru a testa dacă urmărirea evenimentului dvs. funcționează:

modul de previzualizare și depanare Google tag manager

În același browser, deschideți o filă nouă și navigați la site-ul dvs. web, unde Tag Manager va deschide modul de depanare pentru dvs. De aici vă puteți previzualiza containerul și acesta vă va spune ce etichete au fost sau nu declanșate pe pagina dvs.:

depanare și previzualizare GTM

În exemplul de mai sus, niciuna dintre aceste etichete nu a fost declanșată pe pagina mea, inclusiv trimiterile din formularul meu de solicitare. Acum pot testa formularul direct pe pagină și pot vedea dacă eticheta corectă se mută la „etichete declanșate pe această pagină”:

etichetele au declanșat testarea modului de depanare

Pasul 6 - Publicare

După ce ați testat că eticheta funcționează, reveniți la tabloul de bord GTM și publicați versiunea. Amintiți-vă, puteți redenumi versiunile și reveni la versiuni dacă următoarea versiune nu funcționează deloc:

publicați versiunea Google Tag Manager

Ta-da - noua etichetă și declanșator de urmărire a evenimentelor dvs. este acum live.

Optimizarea formularelor

Poate doriți să îmbunătățiți formularele de pe site-ul dvs. pentru a crește conversiile. Puteți utiliza GTM pentru a urmări fiecare câmp de formular pentru a afla ce trebuie testat și îmbunătățit. Alternativ, puteți utiliza un serviciu precum Hotjar pentru a vă oferi o analiză utilă a pâlniei pentru optimizarea ratei de conversie.

Concluzie

Dacă doriți să îmbunătățiți eficiența și să eliminați durerile de cap de testare atunci când vine vorba de configurarea urmăririi evenimentelor, vă recomand cu tărie să utilizați Google Tag Manager.

Am constatat că atunci când dezvoltatorii sunt ocupați să lucreze la proiecte în desfășurare mai mari pe un site web, apreciază această decizie, deoarece le eliberează timpul. La un nivel de intrare, puteți utiliza etichetele încorporate în Managerul de etichete, iar funcțiile de control al versiunii și modul de depanare vă permit să testați totul singur.

Dacă ați folosit Managerul de etichete Google pentru a implementa urmărirea evenimentelor din formular folosind acest ghid, ne-ar plăcea să aflăm despre asta în comentariile de mai jos. Alternativ, contactați-mă pe Twitter @Digital_Kym.


Dacă aveți nevoie de ajutor, nu ezitați să ne contactați.