Performanța Managerului de etichete Google: 9 sfaturi pentru o viteză mai rapidă a site-ului
Publicat: 2023-10-28Actualizat octombrie 2023
Google Tag Manager încetinește site-ul dvs.? GTM este util în scopul urmăririi codului, dar nu și în cazul în care site-ul dvs. este lent.
Dacă nu sunteți familiarizat cu cele mai bune practici de optimizare a performanței GTM, aceasta poate avea un impact negativ asupra performanței paginii dvs.
În acest articol, voi împărtăși nouă sfaturi pentru a vă optimiza configurarea GTM și pentru a îmbunătăți viteza site-ului dvs., asigurând o experiență de utilizator fără întreruperi și eficientă. Voi acoperi, de asemenea, greșelile comune de evitat.
Pentru o actualizare despre configurarea etichetelor, declanșatorilor, evenimentelor și variabilelor (macro) în GTM, faceți clic aici pentru a sări în jos.
Ne putem baza pe ei pentru a aduce idei noi la masă în mod constant
Lucreaza cu noi
9 sfaturi GTM pentru o viteză mai rapidă a site-ului
Nu trebuie să vă spunem că viteza site-ului este esențială pentru a oferi o experiență optimă de utilizare și pentru a îmbunătăți clasamentul în motoarele de căutare. Managerul de etichete Google oferă o multitudine de funcții care pot fi valorificate pentru a îmbunătăți performanța site-ului.
Să trecem prin 9 sfaturi esențiale de optimizare GTM care pot reduce semnificativ timpul de încărcare și pot face site-ul să ruleze mai eficient.
1) Minimizați numărul de etichete
Unul dintre factorii cheie în îmbunătățirea vitezei site-ului cu Google Tag Manager este reducerea la minimum a numărului de etichete. Fiecare etichetă adăugată pe site-ul dvs. vine cu propriul cod și resurse, care pot contribui la creșterea timpului de încărcare a paginii.
Examinând cu atenție inventarul de etichete și eliminând orice etichete inutile sau redundante, puteți reduce semnificativ greutatea generală a site-ului dvs. și puteți îmbunătăți viteza acestuia.
Pentru a minimiza numărul de etichete:
- Începeți prin a efectua un audit amănunțit al containerului dvs. GTM.
- Identificați etichetele care nu mai sunt necesare sau servesc unor scopuri redundante.
- Luați în considerare dacă etichetele pot fi consolidate sau combinate într-o singură etichetă pentru a reduce numărul de solicitări de rețea.
Prin eficientizarea implementării etichetelor și păstrând doar etichetele esențiale, puteți crea o configurație GTM simplă și eficientă, care optimizează performanța site-ului. Rețineți că mai puține etichete înseamnă timpi de încărcare mai rapidi și o experiență mai fluidă pentru utilizator.
Conținut înrudit: De ce este posibil ca videoclipurile de marketing de pe pagina dvs. de pornire să nu fie înțeleapte
2) Optimizați declanșatoarele de declanșare a etichetelor
În Google Manager de etichete, eticheta dvs. se declanșează în funcție de un eveniment personalizat, cum ar fi încărcarea paginii sau alt comportament al utilizatorului, cum ar fi clicurile pe anumite elemente. Revizuirea și optimizarea modului în care declanșați etichetele este importantă pentru a vă asigura că sunt configurate eficient.
Unele dintre tipurile de declanșare de top includ:
- Declanșează vizualizarea paginii
- Faceți clic pe declanșatoare
- Declanșatoare de evenimente personalizate
- Declanșează schimbarea istoricului
- Declanșează eroarea JavaScript
Opțiuni de declanșare a etichetelor
Puteți găsi opțiunile de declanșare a etichetelor în Setările avansate ale oricărei definiții de etichetă dintr-un container web.
Iată cele trei opțiuni de declanșare a etichetelor:
- Nelimitat : această opțiune este utilizată împreună cu secvențierea etichetelor. Etichetele se declanșează ori de câte ori declanșatorii indică acest lucru, fără nicio limită.
- O dată pe eveniment : cu această opțiune, eticheta se declanșează o singură dată când are loc un anumit eveniment.
- O dată pe pagină : cu această opțiune, eticheta se va declanșa o singură dată când pagina se încarcă.
Crearea unui Trigger
Puteți crea un declanșator GTM urmând pașii de mai jos:
- Faceți clic pe Etichete > Nou .
- Faceți clic pe Configurare declanșare .
- Selectați tipul de declanșare pe care doriți să îl creați.
- Finalizați configurarea pentru declanșatorul selectat.
3) Utilizați secvențierea etichetelor
Anumite etichete care au dependențe unele de altele pot afecta viteza site-ului dvs. dacă nu sunt ordonate corect.
Vestea bună este că GTM oferă o funcție convenabilă de secvențiere a etichetelor care vă permite să controlați ordinea în care sunt executate aceste etichete dependente.
Cu secvențierea etichetelor, puteți declanșa etichete imediat înainte sau după o etichetă „principală” desemnată. Această funcționalitate este disponibilă în containerele web și poate fi aplicată oricărei configurații de etichetă din Setări avansate > Opțiuni de secvențiere a etichetelor .
4) Activați variabilele încorporate
Managerul de etichete Google oferă o serie de variabile încorporate care oferă date valoroase fără a fi nevoie de etichete suplimentare. Aceste variabile vă permit să accesați informații importante despre contextul de navigare al utilizatorului și site-ul în sine.
De exemplu, variabila {{Page URL}} furnizează adresa URL a paginii curente care este vizualizată. Acest lucru poate fi util pentru a urmări comportamentul utilizatorului sau pentru a transmite adresa URL a paginii ca parametru altor etichete.
În mod similar, variabila {{Referrer}} captează adresa URL a sursei de referință, care indică pagina sau sursa anterioară care a direcționat utilizatorul către pagina curentă.
De exemplu, dacă doriți să urmăriți adresa URL a paginii și să o transmiteți ca parametru unei anumite etichete, în loc să o extrageți manual folosind bibliotecile JavaScript, puteți utiliza variabila încorporată {{Page URL}} furnizată de GTM.
Utilizarea variabilei încorporate {{Page URL}} elimină necesitatea de a scrie cod JavaScript pentru a extrage manual adresa URL a paginii.
Ar trebui să utilizați aceste variabile ori de câte ori este posibil, deoarece elimină nevoia de etichete suplimentare, reducând numărul total de pe site-ul dvs.
5) Implementați Politica de securitate a conținutului (CSP)
Politica de securitate a conținutului este un mecanism de securitate implementat pe serverele web pentru a proteja site-urile web de diferite amenințări de securitate.
Prin implementarea unui CSP bine definit, stabiliți o barieră robustă care împiedică încărcarea scripturilor terțe inutile pe site-ul dvs. web. Acest lucru îmbunătățește securitatea site-ului dvs. și poate avea un impact pozitiv asupra performanței.
Prin reducerea riscului de scripturi externe rău intenționate și cod neautorizat, site-ul dvs. poate funcționa mai eficient, ceea ce duce la o viteză îmbunătățită și o experiență de navigare mai sigură pentru utilizator.
Conținut înrudit: Cât de slabă securitate a site-ului are un impact negativ asupra clasamentelor SEO
6) Evitați manipulările DOM grele (ca soluție pe termen lung)
Manipularea DOM implică efectuarea de modificări ale structurii sau conținutului unei pagini web folosind JavaScript. Deși poate fi util în anumite funcționalități dinamice, manipularea excesivă poate cauza întârzieri în redare și poate afecta performanța generală a site-ului.
Luați în considerare dacă abordările alternative vor atinge același obiectiv. Acest lucru ar putea implica utilizarea altor funcții native ale browserului sau colaborarea cu echipa de dezvoltare pentru a găsi soluții optimizate.
Colaborarea cu echipa ta de dezvoltare este valoroasă pentru implementarea strategiilor pe termen lung pentru a îmbunătăți viteza site-ului. Acestea pot ajuta la identificarea zonelor în care are loc manipularea DOM grea și sugerează tehnici alternative sau optimizări.
7) Explorați etichetarea pe server cu Managerul de etichete Google
Luați în considerare implementarea etichetării pe server cu Managerul de etichete Google, în special pentru etichetele care nu necesită execuție pe partea clientului. Această implementare poate avea un impact pozitiv substanțial asupra performanței site-ului.
Figura de mai jos ilustrează funcționarea urmăririi pe server cu GTM:
Acest lucru descarcă procesarea etichetelor de pe dispozitivul utilizatorului pe un server, care are mai multe resurse și poate gestiona sarcinile mai eficient. Site-ul web se poate încărca mai repede reducând la minimum cantitatea de cod JavaScript care rulează pe partea clientului, îmbunătățind performanța.
Atunci când decideți să implementați etichetarea pe server cu GTM, este esențial să identificați etichetele care nu se bazează pe interacțiunea clientului sau pe datele specifice utilizatorului. Aceste etichete, cum ar fi cele legate de analizele interne sau evenimentele de pe partea serverului, pot fi transferate fără probleme pe partea de server.
8) Păstrați întotdeauna containerul Google Tag Manager Lean
Etichetele, variabilele sau declanșatoarele neutilizate care rămân în containerul dvs. GTM contribuie la procesarea inutilă și vă pot încetini site-ul. Făcându-vă timp pentru a vă revizui containerul în mod regulat, puteți identifica și elimina aceste componente inutile. Această întreținere asigură că sunt prezente doar elementele esențiale, simplificând funcționarea generală a configurației dvs. GTM.
Întreținerea regulată a contului dvs. GTM ar trebui să fie o practică continuă. Alocați timp periodic pentru a evalua și curăța orice articole neutilizate sau redundante. Această abordare proactivă vă ajută să vă asigurați că implementarea dvs. GTM rămâne eficientă, actualizată și aliniată cu nevoile site-ului dvs. web.
9) Utilizați un proxy de cache pentru a încărca GTM
Utilizarea unui proxy de stocare în cache pentru a încărca Managerul de etichete Google implică utilizarea unui mecanism de stocare în cache pe partea de server pentru a îmbunătăți livrarea și încărcarea resurselor GTM pe un site web. Când un utilizator vizitează o pagină web cu GTM implementat, browserul său trimite o solicitare pentru a prelua containerul GTM și scripturile asociate acestuia de pe server.
Cu toate acestea, acest proces poate introduce latență și poate afecta timpii inițiali de încărcare a paginii, mai ales dacă serverul este îndepărtat geografic sau are trafic ridicat.
Un proxy de stocare în cache poate fi implementat între browserul utilizatorului și serverul GTM pentru a atenua aceste probleme. Proxy-ul de stocare în cache acționează ca un intermediar, interceptând cererile pentru resurse GTM și servind versiuni stocate în cache ale acelor resurse în loc să le preia de pe serverul GTM de fiecare dată.
Conținut similar: strategii Google Ads care vor crește numărul de conversii și vă vor îmbunătăți rentabilitatea investiției
Sfaturi de optimizare a performanței Google Manager de etichete
Iată o diagramă rapidă cu toate sfaturile de optimizare GTM pe care le-am acoperit aici:
Lucreaza cu noi
3 greșeli de evitat pentru a limita impactul GTM asupra performanței vitezei paginii
Oricât de util și eficient poate fi Google Tag Manager, nu este neobișnuit ca noii veniți pe platformă să se lase duși de cap și să îl folosească în așa fel încât să afecteze negativ performanța site-ului lor.
Pentru a preveni acest lucru, iată o privire la unele dintre cele mai frecvente greșeli făcute de utilizatorii Managerului de etichete pe care ar fi bine să le evitați:
1) Utilizarea excesivă a etichetelor
Cu cât adăugați mai multe etichete, cu atât este mai probabil să întâlniți probleme de performanță cu site-ul dvs.
Pentru a evita balonarea și timpii de încărcare lenți, luați în considerare cu atenție utilizarea etichetelor. Acordați prioritate etichetelor esențiale care se aliniază cel mai mult cu obiectivele și obiectivele dvs. și eliminați etichetele care nu mai sunt relevante.
2) Încărcare sincronă
Una dintre cele mai mari cauze ale problemelor de performanță Google Tag Manager este utilizarea încărcării sincrone.
Permiterea etichetelor să se încarce sincron, una după alta, epuizează resursele serverului dvs., ducând adesea la creșterea semnificativă a timpilor de încărcare a paginii.
Acesta este motivul pentru care este atât de important să încărcați etichetele în mod asincron ori de câte ori este posibil. Procedând astfel, mai multe resurse se pot încărca simultan, ceea ce înseamnă că este nevoie de mai puțin timp pentru ca pagina dvs. să fie redată complet.
3) Lipsa de testare
Netestarea completă a etichetelor și implementarea acestora poate duce la erori care vă încetinesc site-ul sau afectează negativ experiența utilizatorului.
Ca atare, merită să implementați un proces riguros de testare și depanare pentru a detecta și corecta orice probleme de performanță cauzate de etichetele dvs.
Actualizare: Configurarea etichetelor, declanșatorilor, evenimentelor și macrocomenzilor
Pentru cei dintre voi care sunt începători în GTM și ar dori o actualizare, iată o detaliere rapidă despre configurarea etichetelor, a declanșatorilor etc.
1) Ce sunt etichetele în Google Tag Manager?
Etichetele Google sunt mici fragmente de cod care facilitează adăugarea de urmărire a conversiilor, analize, etichete de remarketing și multe altele. Aceste etichete nu sunt folosite numai pentru produsele Google, cum ar fi Google Analytics și consola de căutare, ci și pentru instrumente terțe, cum ar fi Facebook Pixel.
Iată un exemplu de etichetă pe care o folosim pentru a urmări cine dă clic pe pagina noastră „Servicii” pentru agenția noastră de marketing digital:
Cum se configurează o etichetă
Pentru a configura o etichetă, conectați-vă la Managerul de etichete, asigurați-vă că vă aflați în tabloul de bord Prezentare generală și faceți clic pe Etichetă nouă :
Apoi, înlocuiți Eticheta fără titlu cu numele ușor de identificat al noii etichete:
Apoi puteți face clic pe fila Configurare etichetă pentru a alege tipul de etichetă pe care doriți să o utilizați:
Pentru a simplifica lucrurile, vom configura o etichetă Google Analytics , deși există zeci de opțiuni din care să alegeți și, dacă nu vedeți lista eticheta de care aveți nevoie, puteți oricând să creați una folosind eticheta HTML personalizată. :
Există mai multe etichete de analiză pe care le putem folosi. Pentru acest tutorial, vom selecta „Eveniment GA4”.
Aceasta deschide fereastra Configurare etichetă , unde prima dvs. sarcină este să adăugați ID-ul de urmărire relevant în câmpul ID măsurare :
Apoi, specificați un Nume de eveniment:
Pentru a îmbunătăți rezultatele, puteți face clic pe pictograma de lângă acest câmp pentru a afișa o listă de nume de etichete prestabilite. Pur și simplu faceți clic pe cel pe care doriți să îl selectați:
După ce ați terminat, faceți clic pe fila Declanșare :
Apoi selectați Toate paginile :
În cele din urmă, apăsați pe Salvare și voila! Tocmai ți-ai configurat prima etichetă!
Aceasta este o implementare foarte simplă a unei etichete. Cu siguranță puteți adăuga complexități pe linie pentru orice încercați să faceți.
Urmărește acest videoclip pentru a începe cu etichetele personalizate în GTM:
Lucreaza cu noi
2) Ce sunt declanșatoarele în Google Tag Manager?
Declanșatoarele vor determina dacă o etichetă este declanșată sau nu. Mai simplu spus, acestea sunt „reguli”. Iată cum arată unul dintre declanșatorii noștri. Pentru declanșatoare, există opțiunea de a selecta diferite evenimente. În cazul nostru, am ales să căutăm persoane care fac clic pe un anumit text („Content Marketing”):
Cum se configurează un declanșator
Încă o dată, asigurați-vă că sunteți conectat la Managerul de etichete și pe tabloul de bord Prezentare generală , apoi, în bara laterală din stânga, faceți clic pe Declanșatoare .
Pentru acest exemplu, vom urmări pe cineva care a făcut clic pe un anumit link, așa că selectați Faceți clic :
Selectați Doar linkuri sub Ținte , deselectați „Așteptați etichete” și „Verificați validarea”, apoi apăsați Continuare :
În secțiunea Fire On , selectați Câteva clicuri și selectați Click Text :
Introduceți un text fals pentru moment și salvați declanșatorul. Vom reveni la el într-o secundă.
Acum este timpul să găsiți cum arată de fapt „Click Text”. Mai întâi, trebuie să atingem meniul drop-down de la butonul Publicare din colțul din dreapta sus al ecranului. Apoi vom selecta modul de previzualizare și depanare :
Iată o explicație aprofundată despre cum să utilizați Consola de depanare:
3) Ce sunt evenimentele în Google Tag Manager?
Un eveniment este o acțiune. De exemplu, dacă cineva face clic pe numărul dvs. de telefon, îl puteți eticheta ca eveniment și îl puteți activa în Google Analytics. Făcând acest lucru, veți putea măsura în mod constant acțiunile pe care le considerați importante.
Cum se organizează un eveniment:
Încă o dată, accesați Declanșatoare din partea stângă a tabloului de bord Prezentare generală în GTM.
Faceți clic pe butonul roșu Nou .
Apoi alegeți Eveniment personalizat :
Pentru acest eveniment, încercăm să urmărim toți oamenii care au ajuns pe „Pagina noastră de mulțumire”. Am folosit consola „Previzualizare și depanare” pentru a găsi un anumit eveniment de urmărit și am ajuns la următorul rezultat:
După ce salvez acest Trigger, voi intra în Etichete și voi face o etichetă special pentru urmărirea unei conversii Facebook pe această pagină:
Ce sunt variabilele în Google Manager de etichete?
Pe măsură ce continuați să adăugați la GTM, veți adăuga sarcini repetitive. Ce se întâmplă dacă ai avea posibilitatea de a crea comenzi rapide pentru aceste sarcini? Cam asta sunt variabilele.
Notă : Variabilele se numesc „ Macro-uri ”.
Acesta este puțin mai detaliat, așa că vă vom îndruma către o explicație video grozavă:
Care sunt unele cazuri practice de utilizare pentru GTM?
Unele dintre cazurile practice de utilizare pentru GTM includ:
- Consolidarea tuturor etichetelor dvs. web (cum ar fi analiza și urmărirea conversiilor)
- Urmărirea evenimentelor în anumite secțiuni ale site-ului dvs. web (cum ar fi numerele de telefon sau completarea unui formular pentru clienți potențiali)
- Urmărirea urmăririi dimensiunilor multicanal (surse multiple de unde provine un utilizator)
- Urmărirea comportamentului specific al utilizatorului (cum ar fi timpul petrecut pe pagină, adâncimea derulării, ratele de clic)
- Urmărirea evenimentelor de comerț electronic (cum ar fi vizualizări ale produselor, adăugare în coș, finalizare)
- Urmărirea eficacității campaniilor dvs. de marketing (din multe surse, cum ar fi căutarea plătită, rețelele sociale, marketingul prin e-mail)
- Personalizarea experienței utilizatorului (în funcție de locație, interese sau alți factori)
- Urmărirea formularului sursei clienților potențiali (cum ar fi un utilizator care provine dintr-un anunț plătit și apoi a completat un formular de contact)
- Filtrarea traficului intern (cum ar fi excluderea vizitelor de la adresele IP ale propriei organizații)
- Eliminarea spam-ului de recomandare (blocarea sau filtrarea traficului de recomandare fals)
- Urmărirea videoclipurilor YouTube (interacțiunile utilizatorului, cum ar fi durata de redare, pauză sau vizionare)
Bonus: Google Tag Assistant
Google are o extensie de browser numită Google Tag Assistant, care permite utilizatorilor să vadă anumite etichete care se află pe fiecare pagină. Acest lucru ajută la testare/implementare.
Pentru o instruire mai aprofundată despre configurarea Managerului de etichete Google , vă recomand cu căldură să vizionați videoclipuri din GTM Training pe YouTube.
Ultimul cuvânt despre Managerul de etichete Google și performanța site-ului
Google Tag Manager oferă o soluție convenabilă pentru gestionarea mai multor etichete și coduri de urmărire, dar optimizarea implementării acesteia este crucială pentru a maximiza performanța site-ului. Acordați-vă timpul potrivit pentru a vă ajusta configurația GTM și culegeți recompensele unui site web mai rapid și mai eficient!
Dacă sunteți gata să vă optimizați configurația GTM, experții Google Tag Manager de la Single Grain vă pot ajuta!
Lucreaza cu noi
Conținut suplimentar oferit de David Borgogni.
Întrebări frecvente privind optimizarea performanței Google Manager de etichete
- GTM îmi încetinește site-ul?
Managerul de etichete Google nu încetinește în mod inerent site-ul dvs. Cu toate acestea, dacă sunt configurate incorect sau sunt adăugate prea multe etichete, aceasta poate afecta performanța site-ului dvs.
- Cum pot îmbunătăți viteza paginii site-ului meu?
Începeți prin a utiliza mai puține etichete în Managerul de etichete Google și optimizați declanșatorii de declanșare a etichetelor. Utilizați funcția de secvențiere a etichetelor GTM și activați variabilele încorporate pentru a eficientiza operațiunea. Implementați Politica de securitate a conținutului pentru a îmbunătăți securitatea și a preveni executarea inutilă a scripturilor.
Evitați manipulările grele DOM, explorați etichetarea pe server cu GTM, mențineți containerul GTM slab și luați în considerare utilizarea unui proxy de stocare în cache pentru a încărca resursele GTM.
- Cum influențează variabilele JavaScript personalizate ale GTM performanța paginii?
Variabilele JavaScript personalizate din GTM au un impact semnificativ asupra performanței paginii, în funcție de modul în care sunt implementate. Codul JavaScript slab optimizat sau complex din variabilele personalizate poate încetini încărcarea paginii. Este important să revizuiți și să optimizați cu atenție variabilele JavaScript personalizate pentru a vă asigura că se execută eficient și nu au un impact negativ asupra performanței.
- Utilizarea etichetelor HTML personalizate poate afecta performanța GTM?
Da, folosirea prea multor coduri HTML poate avea un impact negativ asupra performanței. Evitați să folosiți prea multe etichete de marketing. De asemenea, ar trebui să utilizați o etichetă HTML personalizată care este optimizată, eficientă și nu introduce complexitate sau întârzieri inutile.
- Care este rolul etichetelor Google Analytics în GTM și cum afectează acestea performanța site-ului?
O etichetă Google Analytics din GTM colectează și trimite date către platforma GA. Aceste etichete universale de analiză sunt esențiale pentru urmărirea și analizarea interacțiunilor utilizatorilor, a conversiilor și a altor valori importante pe site-ul dvs. Când sunt implementate și configurate corect, etichetele Google Analytics din GTM pot oferi informații valoroase.
Cu toate acestea, configurarea incorectă a etichetelor, utilizarea excesivă a etichetelor sau regulile de declanșare ineficiente pot cauza probleme de performanță, ceea ce duce la timpi mai lenți de încărcare a paginii și la posibile perturbări ale experienței utilizatorului.
- Cum mă pot asigura că etichetele GTM se declanșează în ordinea dorită?
GTM oferă funcția de secvențiere a etichetelor care vă permite să specificați ordinea declanșării etichetelor. Prin configurarea pentru declanșarea etichetelor înainte sau după o etichetă principală, vă puteți asigura că acestea se execută în secvența dorită, luând în considerare dependențele sau cerințele specifice de ordine.
- Există instrumente sau tehnici pentru a măsura impactul GTM asupra performanței site-ului?
Da, există diverse instrumente și tehnici pentru a măsura impactul GTM asupra performanței site-ului web. Instrumentele de monitorizare a performanței, cum ar fi Google Lighthouse, PageSpeed Insights sau instrumentele pentru dezvoltatori de browser web (de exemplu, Chrome DevTools) pot ajuta la evaluarea timpilor de încărcare a paginii, a solicitărilor de rețea și la identificarea potențialelor blocaje cauzate de GTM sau de alți factori.
În plus, efectuarea testării manuale și compararea timpilor de încărcare a paginii cu și fără GTM poate oferi informații despre impactul acestora asupra performanței. Folosiți aceste instrumente și aplicați îmbunătățiri minore pentru a vă stimula eforturile de marketing.
- Managerul de etichete Google este bun pentru SEO?
Google Tag Manager în sine nu are un impact direct asupra SEO. Cu toate acestea, poate beneficia de eforturile SEO prin furnizarea unei platforme centralizate pentru gestionarea diferitelor coduri și etichete de urmărire. Permite implementarea ușoară a instrumentelor de urmărire și analiză, care pot oferi date valoroase pentru analiza și optimizarea SEO.
În plus, flexibilitatea și ușurința de utilizare ale GTM pot simplifica adăugarea și gestionarea etichetelor legate de SEO, făcându-l un instrument valoros într-o strategie SEO.