Get started with Tag Manager

2. Nainstalujte webový kontejner

Další: 3. Přidejte značky ve Správci značek Google

Pokud nainstalovat potřebné fragmenty kódu pro kontejner Správce značek Google svého webu, postupujte podle těchto kroků. Podobné kroky k nastavení Správce značek pro jiné typy kontejnerů naleznete v následujících zdrojích:

iOS: Správce značek Google pro iOS
Android: Správce značek Google pro Android
AMP: Průvodce nastavením AMP a Správce značek
Server: Správce značek na straně serveru

Než začnete

Musíte si vytvořit účet Správce značek a kontejner.
Musíte mít přístup ke kódu svého webu.

Postup

Přejděte na https://tagmanager.google.com.
Přihlaste se k účtu Google. Postup vytvoření účtu Google
Otevřete kontejner Správce značek, který chcete upravit.
Na kartě Pracovní prostor vyberte ID kontejneru (které začíná na „GTM“).
V dialogovém okně Instalace Správce značek Google postupujte takto pro každou stránku svého webu:

Poznámka: Pokud jste web vytvořili pomocí nástroje pro tvorbu webů nebo systému správy obsahu (CMS), jako je Wordpress, Shopify nebo Wix, můžete značku Google nastavit v kombinaci s integrací, která nevyžaduje aktualizaci kódu na každé stránce webu. Přečtěte si, jak nainstalovat značky Google pomocí nástroje pro tvorbu webů nebo systému CMS.
1. Zkopírujte první blok kódu a vložte jej co nejvýše do značky <head>.
  
  Příklad
  V následujícím ukázkovém kódu HTML byste vložili svůj první fragment kódu Správce značek Google za úvodní značku HTML <head>. Upozorňujeme, že následující příklad používá „GTM-ABCDEFGH“, ale ID musíte nahradit svým ID kontejneru.
  
  <!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>Vzorový web</title>
  </head>
  <body>
  
  <h1>Vítejte na mém webu</h1>
  <p>Toto je ukázkový odstavec na mém webu.</p>
  </body>
  </html>
2. Zkopírujte druhý blok kódu a vložte jej bezprostředně za úvodní značku <body>.
  
  Příklad
  V následujícím ukázkovém kódu HTML byste vložili svůj druhý fragment kódu Správce značek Google ihned za úvodní značku HTML <body>. Upozorňujeme, že následující příklad používá „GTM-ABCDEFGH“, ale ID musíte nahradit svým ID kontejneru.
  
  <!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>Vzorový web</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>Vítejte na mém webu</h1>
  <p>Toto je ukázkový odstavec na mém webu.</p>
  </body>
  </html>
3. Otestujte svůj web zadáním odkazu na něj a kliknutím na Otestovat.
Klikněte na OK.

Další kroky

K nastavení a správě značek použijte Správce značek Google.

Pomohly vám tyto informace?

Jak bychom článek mohli vylepšit?