Atlikite šiuos veiksmus, kad įdiegtumėte reikiamus svetainės „Google“ žymų tvarkytuvės sudėtinio failo kodo fragmentus. Jei norite sužinoti panašius veiksmus, kaip nustatyti Žymų tvarkytuvę kitų tipų sudėtiniuose failuose, žr. toliau nurodytus šaltinius.
- „iOS“: „Google“ žymų tvarkytuvė, skirta „iOS“
- „Android“: „Google“ žymų tvarkytuvė, skirta „Android“
- AMP: AMP ir Žymų tvarkytuvės sąrankos vadovas
- Serveris: serverio Žymų tvarkytuvė
Prieš pradedant
- Turite sukurti Žymų tvarkytuvės paskyrą ir sudėtinį failą.
- Turite galėti pasiekti svetainės kodą.
Veiksmai
- Eikite adresu https://tagmanager.google.com.
- Prisijunkite prie „Google“ paskyros. Sužinokite, kaip sukurti „Google“ paskyrą.
- Atidarykite norimą redaguoti Žymų tvarkytuvės sudėtinį failą.
- Skirtuke Darbo sritis pasirinkite sudėtinio failo ID (kuris prasideda GTM).
- Dialogo lange „Google“ žymų tvarkytuvės diegimas atlikite toliau nurodytus veiksmus kiekviename svetainės puslapyje.
Pastaba: jei svetainė sukurta naudojant svetainės kūrimo priemonę arba turinio valdymo sistemą (TVS), pvz., „Wordpress“, „Shopify“ ar „Wix“, galite nustatyti „Google“ žymą ją integruodami, kad nereikėtų atnaujinti kodo kiekviename svetainės puslapyje. Sužinokite, kaip įdiegti „Google“ žymą naudojant svetainės kūrimo priemonę arba TVS
- Nukopijuokite pirmąjį kodo bloką ir įklijuokite jį kuo aukščiau žymos
<head>.Pavyzdys
Toliau pateiktame HTML kodo pavyzdyje įklijuokite pirmąjį „Google“ žymų tvarkytuvės kodo fragmentą po pradine <head> HTML žyma. Atminkite, kad toliau pateiktame pavyzdyje naudojama GTM-ABCDEFGH, bet ID turite pakeisti sudėtinio failo ID.<!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>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html> - Nukopijuokite antrą kodo bloką ir įklijuokite jį iškart po atidaromąja žyma
<body>.Pavyzdys
Toliau pateiktame HTML kodo pavyzdyje įklijuokite antrąjį „Google“ žymų tvarkytuvės kodo fragmentą iš karto po pradine <body> HTML žyma. Atminkite, kad toliau pateiktame pavyzdyje naudojama GTM-ABCDEFGH, bet ID turite pakeisti sudėtinio failo ID.<!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>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html> - Išbandykite svetainę įvesdami svetainės nuorodą ir spustelėdami Tikrinti.
- Nukopijuokite pirmąjį kodo bloką ir įklijuokite jį kuo aukščiau žymos
- Spustelėkite Gerai.
Kiti veiksmai
Naudokite „Google“ žymų tvarkytuvę žymoms nustatyti ir tvarkyti.