Vă aducem la cunoștință instrucțiuni pas cu pas pentru instalarea și configurarea Google Tag Manager (GTM). Aici vă vom spune cum să conectați Google Analytics și Yandex Metrica folosind GTM.
Google Tag Manager (GTM) este un instrument multifuncțional care vă permite să adăugați etichete la un site web sau la o aplicație mobilă pentru a analiza traficul, conversia și comportamentul utilizatorilor fără a interfera cu codul sursă al site-ului.
În articol, vom descrie în detaliu cum să creați și să configurați GTM pe site și cum să conectați Google Analytics și Yandex Metrica fără a interfera cu codul sursă al site-ului.
Beneficiile GTM
- Puteți adăuga și actualiza etichete fără a interfera cu codul sursă al site-ului. Trebuie să adăugați codul Manager de etichete pe site o singură dată, iar orice altceva poate fi deja implementat în contul dvs. GTM;
- Reducerea codului pe paginile site-ului;
- Interfață convenabilă și ușor de utilizat;
- Ușurință de testare. Modul de previzualizare permite agenților de marketing să verifice cu ușurință dacă etichetele funcționează corect;
- Serviciul este gratuit.
Înainte de a trece la instalare, să înțelegem definițiile:
- Container este o bucată de cod JS care este plasată pe toate paginile site-ului. Containerul conține informații despre etichetele care sunt declanșate ca urmare a executării anumitor reguli specificate în declanșatoare și variabile;
- Etichetă– un fragment din codul site-ului care vă permite să urmăriți traficul și să analizați comportamentul utilizatorului, conversia etc. (de exemplu, codul Yandex Metrica);
- stabiliți când să declanșați o etichetă într-un container web;
- Variabile este o pereche nume-valoare care este utilizată în declanșator ca o condiție în care eticheta se va declanșa.
Cum se instalează Google Tag Manager pe un site web
1. Înscrieți-vă pentru un cont Google
Dacă contul dvs. Google este deja înregistrat și sunteți conectat, săriți peste acest pas. Dacă nu, conectează-te sau creează un cont.
2. Creați un cont cu GTM
După autorizarea în Google, puteți continua să creați un cont în GTM. Accesați pagina Google Tag Manager și faceți clic pe butonul „Creați un cont”, apoi introduceți un nume personalizat de cont și faceți clic pe butonul „Următorul”.
Poza 1
În fereastra care apare, specificați numele inventat al containerului și selectați unde va fi folosit. În cazul nostru, acesta este butonul „Website”. După aceea, faceți clic pe butonul „Creați”.
Figura 2
Figura 3
3. Adăugați codul de Manager de etichete rezultat pe site-ul dvs
După ce acceptați acordul de utilizare, va apărea o fereastră de cod.
Figura 4
Evidențiați și copiați codul într-un fișier txt. După aceea, faceți clic pe butonul „OK” din partea de jos a ferestrei care se deschide.
Apoi, în fișierul șablon de site în care aveți blocul, lipiți codul din blocul de sus cât mai aproape de început.
Figura 5
Lipiți codul din blocul de jos direct după eticheta de deschidere.
Figura 6
După ce finalizați acești pași, faceți clic pe butonul „Publicați” din panoul GTM.
Figura 7
4. Testați GTM pentru funcționarea corectă
În continuare, este important să verificați dacă ați făcut totul corect. Pentru a face acest lucru, puteți utiliza pluginul Google Tag Assistant Recordings pentru browserul Chrome. Instalați această extensie urmând linkul.
Odată instalat, pictograma Google Tag Assistant - va apărea în panoul cu extensii ale browserului Chrome. Pentru a verifica funcționarea corectă a GTM-ului instalat pe site, trebuie să accesați site-ul dvs. și să faceți clic pe această pictogramă.
Figura 8
Din captură de ecran, vedem că pictograma este verde, ceea ce înseamnă că instalarea Managerului de etichete a avut succes. Dacă pictograma este galbenă sau roșie, eticheta a fost plasată incorect.
Recomandări Google
Figura 9
Conectarea Google Analytics prin GTM
Acum să trecem direct la conectarea Google Analytics prin GTM.
1. Înregistrați Google Analytics
Dacă aveți deja aplicații de analiză instalate pe site-ul dvs., puteți sări peste acest pas. Dacă nu, vedeți cum să înregistrați Google.Analytics și finalizați înregistrarea.
Notă! După înregistrarea Google.Analytics, nu este nevoie să plasați un cod pe site. Vom avea nevoie doar de ID-ul de urmărire Google.Analytics ceva mai târziu. Dacă Google.Analytics a fost înregistrat anterior și codul a fost deja plasat pe site, după conectarea Google.Analytics prin GTM, codul de analiză plasat anterior poate fi eliminat.
2. Conectați-vă la contul dvs. înregistrat anterior în GTM și faceți clic pe linkul „Adăugați o etichetă nouă”
Figura 10
3. Selectați un tip de etichetă
În acest caz, avem nevoie de Universal Analytics.
Figura 11
4. Specificați ID-ul de urmărire a site-ului în Google Analytics, iar tipul de urmărire este „Afișare pagină”
Figura 12
Puteți vedea ID-ul de urmărire a resurselor în setările Google Analytics.
Figura 13
5. Specificați declanșatorul „Toate paginile”.
Pentru ca eticheta să se declanșeze pe toate paginile, specificați declanșatorul „Toate paginile”.
Figura 14
6. Salvați datele introduse
Figura 15
7. Specificați un nume de etichetă și faceți clic pe butonul „Salvare”.
Figura 16
8. Verificați dacă eticheta funcționează corect
Pentru a face acest lucru, faceți clic pe săgeata de lângă butonul „Publicare” și selectați „Previzualizare”.
Figura 17
În containerul „Previzualizare” cu modificări vor fi disponibile numai în browser.
Dacă containerul este afișat sub linia „Etichete nedeclanșate pe această pagină”, eticheta de pe pagină nu s-a declanșat. Este necesar să verificați toate setările și, dacă este necesar, să corectați greșelile făcute.
Dacă containerul apare sub linia „Etichete declanșate pe această pagină”, atunci Universal Analytics s-a instalat fără erori.
Figura 18
9. Publicați Universal Analytics
Figura 19
Astfel, am conectat Google Analytics la site prin GTM fără a interfera cu codul sursă al paginilor.
Conectarea Yandex Metrics prin GTM
Pentru a conecta Yandex Metrica, urmați aceiași pași ca și pentru Google Analytics, dar deoarece nu există Yandex Metrica în mod implicit în GTM, specificați „HTML personalizat” atunci când alegeți un produs.
Figura 20
Ca rezultat, va apărea o fereastră cu un câmp gol.
Figura 21
În acest formular HTML, trebuie să introduceți codul contorului Metrica-ului dvs.
Dacă Yandex Metrica este deja instalat pe site, copiați codul de contor din codul sursă al paginii. Dacă nu, verificați cum să creați și să configurați un contor Yandex Metrica.
Notă! Ca și în cazul Google.Analytics, nu este necesar niciun cod pe site. Codul rezultat la configurarea Yandex Metrics trebuie copiat și adăugat în fereastra „HTML personalizat” care a apărut în etapa anterioară.
Figura 22
Înainte de publicare, verificați funcționarea corectă a etichetei făcând clic pe butonul „Previzualizare”.
Figura 23
Dacă în modul de previzualizare containerul este plasat sub linia „Etichete lansate pe această pagină”, atunci totul este configurat corect. Dacă containerul este afișat sub linia „Tags Not Fired On This Page”, eticheta nu a funcționat, cel mai probabil, a fost făcută o eroare în timpul conexiunii.
Figura 24
După ce suntem convinși că eticheta a funcționat în modul preliminar, faceți clic pe „Publica”.
Astfel, am conectat Yandex Metrica pe site fără a interfera cu codul sursă al paginilor.
Dacă nu aveți deja instalat GTM pe site-ul dvs., îl puteți instala și configura urmând instrucțiunile noastre. Și noi, la rândul nostru, vom continua să scriem despre cum să folosim GTM pentru a analiza traficul, conversiile și comportamentul utilizatorilor.
Google Tag Manager vă permite să personalizați și să implementați etichete, inclusiv pentru Google Ads , Google Analyticsși lumina de inundare, precum și terț. Pentru a utiliza Managerul de etichete, urmați acești pași:
Cont– cel mai înalt nivel al ierarhiei în Managerul de etichete. De regulă, un singur cont este suficient pentru o companie. Contul dvs. Manager de etichete are unul sau mai multe containere. Există tipuri de containere pentru site-uri web, pagini AMP, aplicații Android și iOS.
Cum să creați un cont și un container
Prima dată când încărcați un container, veți vedea o solicitare pentru a adăuga un fragment de cod pe site-ul dvs. sau pentru a începe să utilizați Managerul de etichete ca parte a SDK-ului pentru platforma aleasă. Puteți să codificați fragmentul imediat sau să faceți clic O.K pentru a face acest lucru după instalarea containerului.
Cum să adăugați un container la un cont existent
Instalarea containerului
- Plasați fragmentul de cod de sus (începând cu