Get started with Tag Manager

2. Установіть вебконтейнер

Далі: 3. Додайте теги в Менеджері тегів Google

Щоб установити потрібні фрагменти коду для контейнера Менеджера тегів Google на вебсайті, виконайте наведені нижче дії. Щоб дізнатися, як налаштувати Менеджер тегів для інших типів контейнерів, перегляньте такі ресурси:

Перш ніж почати

Створіть обліковий запис і контейнер Менеджера тегів.
Отримайте доступ до коду вебсайту.

Кроки

Перейдіть на сторінку https://tagmanager.google.com.
Увійдіть в обліковий запис Google. Докладніше про те, як створити обліковий запис Google.
Відкрийте контейнер Менеджера тегів, який потрібно змінити.
На вкладці Робоча область виберіть ідентифікатор контейнера (починається з GTM).
У діалоговому вікні Установити Менеджер тегів Google виконайте наведені нижче дії для кожної сторінки сайту.

Примітка. Якщо ви створили сайт за допомогою інструмента для створення сайтів або системи керування контентом, наприклад Wordpress, Shopify чи Wix, тег Google можна налаштувати з використанням інтеграції без оновлення коду на кожній сторінці сайту. Докладніше про те, як установити тег Google за допомогою інструмента для створення сайтів або системи керування контентом.
1. Скопіюйте перший блок коду й вставте його в тег <head> якомога вище.
  
  Приклад
  У наведеному нижче прикладі HTML-коду потрібно вставити перший фрагмент коду Менеджера тегів Google після відкриваючого тегу HTML <head>. Зверніть увагу: у прикладі використовується тег GTM-ABCDEFGH, але його потрібно замінити на ідентифікатор контейнера.
  
  <!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>Приклад вебсторінки</title>
  </head>
  <body>
  
  <h1>Вітаю на своєму сайті</h1>
  <p>Приклад абзацу на моїй вебсторінці.</p>
  </body>
  </html>
2. Скопіюйте другий блок коду й вставте його відразу після відкриваючого тегу <body>.
  
  Приклад
  У наведеному нижче прикладі HTML-коду потрібно вставити другий фрагмент коду Менеджера тегів Google відразу після відкриваючого тегу HTML <body>. Зверніть увагу: у прикладі використовується тег GTM-ABCDEFGH, але його потрібно замінити на ідентифікатор контейнера.
  
  <!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>Приклад вебсторінки</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>Вітаю на своєму сайті</h1>
  <p>Приклад абзацу на моїй вебсторінці.</p>
  </body>
  </html>
3. Протестуйте вебсайт. Для цього вкажіть посилання на нього й натисніть Перевірити.
Натисніть OK.

Подальші дії

Використовуйте Менеджер тегів Google, щоб налаштовувати теги й керувати ними.

Чи корисна ця інформація?

Як можна її покращити?