Podľa nasledujúcich pokynov nainštalujte potrebné útržky kódu kontajnera Správcu značiek Google pre daný web. Podobné pokyny na nastavenie Správcu značiek pre iné typy kontajnerov nájdete v nasledujúcich zdrojoch:
- iOS: Google Tag Manager for iOS (Správca značiek Google pre iOS),
- Android: Google Tag Manager for Android (Správca značiek Google pre Android),
- AMP: Sprievodca nastavením platformy AMP a Správcu značiek,
- Server: Server-side Tag Manager (Serverový Správca značiek).
Skôr než začnete
- Musíte vytvoriť účet a kontajner v Správcovi značiek.
- Musíte mať prístup ku kódu svojho webu.
Postup
- Prejdite na https://tagmanager.google.com.
- Prihláste sa do účtu Google. Zistite, ako vytvoriť účet Google.
- Otvorte kontajner Správcu značiek, ktorý chcete upraviť.
- Na karte Pracovný priestor vyberte identifikátor kontajnera (začína sa na GTM).
- V dialógovom okne Inštalácia Správcu značiek Google postupujte v súvislosti s každou stránkou svojho webu takto:
Poznámka: Ak ste svoj web vytvorili pomocou nástroja na tvorbu webu alebo systému na správu obsahu, ako je Wordpress, Shopify alebo Wix, značku Google môžete nastaviť v kombinácii s integráciou, ktorá nevyžaduje aktualizáciu kódu na každej stránke webu. Ako nainštalovať značku Google pomocou nástroja na tvorbu webu alebo systému na správu obsahu
- Skopírujte prvý blok kódu a prilepte ho čo najvyššie do značky
<head>
.Príklad
V nasledujúcom vzorovom kóde HTML by ste prilepili prvý útržok kódu Správcu značiek Google za úvodnú značku HTML <head>. Upozorňujeme, že v nasledujúcom príklade sa používa identifikátor GTM-ABCDEFGH, no musíte ho nahradiť svojím identifikátorom kontajnera.<!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>Príklad webovej stránky</title>
</head>
<body>
<!-- Obsah vášho webu -->
<h1>Vitajte na mojom webe</h1>
<p>Toto je príklad odseku na mojej webovej stránke.</p>
</body>
</html> - Skopírujte druhý blok kódu a prilepte ho bezprostredne za úvodnú značku
<body>
.Príklad
V nasledujúcom vzorovom kóde HTML by ste prilepili druhý útržok kódu Správcu značiek Google bezprostredne za úvodnú značku HTML <body>. Upozorňujeme, že v nasledujúcom príklade sa používa identifikátor GTM-ABCDEFGH, no musíte ho nahradiť svojím identifikátorom kontajnera.<!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>Príklad webovej stránky</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) -->
<!-- Obsah vášho webu -->
<h1>Vitajte na mojom webe</h1>
<p>Toto je príklad odseku na mojej webovej stránke.</p>
</body>
</html> - Otestujte svoj web zadaním odkazu naň a kliknutím na Otestovať.
- Skopírujte prvý blok kódu a prilepte ho čo najvyššie do značky
- Kliknite na OK.
Ďalší postup
Značky nastavte a spravujte pomocou Správcu značiek Google.