Get started with Tag Manager

2. Установите веб-контейнер

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

Чтобы установить на своем сайте фрагменты кода для контейнера Google Менеджера тегов, выполните указанные ниже действия. Если вы хотите посмотреть инструкции для контейнера другого типа, выберите подходящий вариант:

iOS – Google Менеджер тегов для iOS
Android – Google Менеджер тегов для Android
AMP – руководство по настройке AMP и Менеджера тегов
Сервер – серверное добавление тегов Менеджера тегов

Подготовка

Вам необходимо создать аккаунт Менеджера тегов и контейнер.
У вас должен быть доступ к коду вашего сайта.

Инструкции

Перейдите на сайт https://tagmanager.google.com.
Войдите в аккаунт Google. Подробнее о том, как его создать…
Откройте нужный контейнер Менеджера тегов.
На вкладке Рабочая область выберите идентификатор контейнера (начинается с "GTM").
В диалоговом окне Установка Google Менеджера тегов выполните для каждой страницы сайта следующие действия:

Примечание. Если ваш сайт создан с помощью конструктора сайтов или системы управления контентом (CMS), например Wordpress, Shopify или Wix, вы можете настроить тег Google с помощью интеграции, для которой не нужно изменять код на каждой странице сайта. Узнайте, как установить тег Google с помощью конструктора сайтов или CMS.
1. Скопируйте первый блок кода и вставьте его в тег <head> как можно выше.
  
  Пример
  В приведенном ниже примере первый фрагмент кода Менеджера тегов размещен сразу после открывающего 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-тега <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. Протестируйте свой сайт. Для этого укажите ссылку на него и нажмите Тестировать.
Нажмите ОК.

Дальнейшие действия

Настройте теги в Google Менеджере тегов.

Эта информация оказалась полезной?

Как можно улучшить эту статью?