Urmați acești pași pentru a instala fragmentele de cod necesare pentru containerul Google Manager de etichete al site-ului dvs. Pentru a vedea pașii similari de configurare a Managerului de etichete pentru alte tipuri de containere, consultați următoarele resurse:
- iOS: Google Manager de etichete pentru iOS;
- Android: Google Manager de etichete pentru Android;
- AMP: Ghid de configurare pentru AMP și Managerul de etichete;
- Server: Manager de etichete la nivel de server.
Înainte de a începe
- Trebuie să creați un cont Manager de etichete și un container.
- Trebuie să puteți accesa codul pentru site-ul dvs. web.
Pași
- Accesați https://tagmanager.google.com.
- Conectați-vă la Contul Google. Aflați cum să creați un Cont Google.
- Deschideți containerul Manager de etichete pe care doriți să îl modificați.
- În fila Spațiu de lucru, selectați codul containerului (care începe cu GTM).
- În caseta de dialog Instalați Google Manager de etichete, urmați acești pași pentru fiecare pagină a site-ului:
Notă: dacă site-ul dvs. este realizat folosind un creator de site-uri sau un sistem de gestiune a conținutului (CMS), cum ar fi Wordpress, Shopify sau Wix, puteți configura eticheta Google cu o integrare care nu necesită actualizarea codului în fiecare pagină a site-ului. Aflați cum să instalați eticheta Google folosind un creator de site-uri sau un sistem CMS.
- Copiați primul bloc de cod și inserați-l cât mai sus posibil în eticheta
<head>
.Exemplu
În următorul exemplu de cod HTML, trebuie să inserați primul fragment de cod Google Manager de etichete după eticheta HTML de deschidere <head>. Rețineți că următorul exemplu folosește GTM-ABCDEFGH, dar trebuie să înlocuiți codul cu codul containerului.<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Content of your website -->
<h1>Bine ați venit pe site-ul meu</h1>
<p>Acesta este un exemplu de paragraf din pagina mea web.</p>
</body>
</html> - Copiați al doilea bloc de cod și inserați-l imediat după eticheta de deschidere
<body>
.Exemplu
În următorul exemplu de cod HTML, veți insera al doilea fragment de cod Google Manager de etichete imediat după eticheta HTML de deschidere <body>. Rețineți că următorul exemplu folosește GTM-ABCDEFGH, dar trebuie să înlocuiți codul cu codul containerului.<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Content of your website -->
<h1>Bine ați venit pe site-ul meu</h1>
<p>Acesta este un exemplu de paragraf din pagina mea web.</p>
</body>
</html> - Testați site-ul introducând linkul site-ului dvs. și apoi dând clic pe Testați.
- Copiați primul bloc de cod și inserați-l cât mai sus posibil în eticheta
- Dați clic pe OK.
Pașii următori
Folosiți Google Manager de etichete pentru a configura și a gestiona etichete.