Get started with Tag Manager

2. Inštalácia webového kontajnera

Ďalšia: 3. Pridanie značiek v Správcovi značiek Google

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
1. 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>
  
  <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>
  
  
  <title>Príklad webovej stránky</title>
  </head>
  <body>
  
  <h1>Vitajte na mojom webe</h1>
  <p>Toto je príklad odseku na mojej webovej stránke.</p>
  </body>
  </html>
2. 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>
  
  <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>
  
  
  <title>Príklad webovej stránky</title>
  </head>
  <body>
  
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  
  
  
  <h1>Vitajte na mojom webe</h1>
  <p>Toto je príklad odseku na mojej webovej stránke.</p>
  </body>
  </html>
3. Otestujte svoj web zadaním odkazu naň a kliknutím na Otestovať.
Kliknite na OK.

Ďalší postup

Značky nastavte a spravujte pomocou Správcu značiek Google.

Pomohlo vám to?

Ako ju môžeme zlepšiť?