Get started with Tag Manager

2. Instalowanie kontenera internetowego

Dalej: 3. Dodawanie tagów w Menedżerze tagów Google

Aby zainstalować w witrynie niezbędne fragmenty kodu na potrzeby kontenera Menedżera tagów Google, wykonaj podane niżej czynności. Aby dowiedzieć się, jak skonfigurować Menedżera tagów w przypadku innych typów kontenerów, zapoznaj się z tymi materiałami:

iOS: Menedżer tagów Google na iOS
Android: Menedżer tagów Google na Androida
AMP: Przewodnik konfiguracji stron AMP i Menedżera tagów
Serwer: Menedżer tagów po stronie serwera

Zanim zaczniesz

Musisz utworzyć konto i kontener Menedżera tagów.
Musisz mieć dostęp do kodu swojej witryny.

Instrukcje

Otwórz stronę https://tagmanager.google.com.
Zaloguj się na konto Google. Jak utworzyć konto Google
Otwórz kontener Menedżera tagów, który chcesz edytować.
Na karcie Obszar roboczy wybierz identyfikator kontenera (zaczyna się od „GTM”).
W oknie Zainstaluj Menedżera tagów Google wykonaj te czynności na każdej stronie witryny:

Uwaga: jeśli Twoja witryna została utworzona za pomocą kreatora witryn lub systemu zarządzania treścią (CMS), takiego jak WordPress, Shopify czy Wix, możesz skonfigurować tag Google za pomocą integracji, która nie wymaga aktualizowania kodu na każdej stronie witryny. Więcej informacji o instalowaniu tagu Google za pomocą kreatora witryn lub systemu zarządzania treścią
1. Skopiuj pierwszy blok kodu i wklej go jak najwyżej w tagu <head>.
  
  Przykład
  Jeśli chcesz wkleić pierwszy fragment kodu Menedżera tagów Google, umieść go po otwierającym tagu HTML <head>. Pamiętaj, że w tym przykładzie użyto identyfikatora GTM-ABCDEFGH, ale musisz go zastąpić identyfikatorem swojego kontenera.
  
  <!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>Example Webpage</title>
  </head>
  <body>
  
  <h1>Welcome to My Website</h1>
  <p>This is a sample paragraph on my webpage.</p>
  </body>
  </html>
2. Skopiuj drugi blok kodu i wklej go bezpośrednio po otwierającym tagu <body>.
  
  Przykład
  We wzorcowym kodzie HTML wklej drugi fragment kodu Menedżera tagów Google bezpośrednio po otwierającym tagu HTML <body>. Pamiętaj, że w tym przykładzie użyto identyfikatora GTM-ABCDEFGH, ale musisz go zastąpić identyfikatorem swojego kontenera.
  
  <!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>Example Webpage</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>Welcome to My Website</h1>
  <p>This is a sample paragraph on my webpage.</p>
  </body>
  </html>
3. Aby przetestować witrynę, wpisz jej adres i kliknij Przetestuj.
Kliknij OK.

Dalsze kroki

Konfigurowanie tagów i zarządzanie nimi za pomocą Menedżera tagów Google.

Czy to było pomocne?

Jak możemy ją poprawić?