Get started with Tag Manager

2. Инсталиране на уеб контейнер

Напред: 3. Добавяне на маркери в Мениджър на маркери на Google

Изпълнете тези стъпки, за да инсталирате необходимите фрагменти от код за контейнера на Мениджър на маркери на Google на уебсайта Ви. За подобни стъпки за настройване на Мениджър на маркери за други типове контейнери вижте следните ресурси:

Преди да започнете

Трябва да създадете профил и контейнер в Мениджър на маркери.
Трябва да имате достъп до кода на уебсайта си.

Стъпки

Отворете https://tagmanager.google.com.
Влезте в профила си в Google. Научете как да си създадете профил в Google
Отворете контейнера на Мениджър на маркери, който искате да редактирате.
В раздела Работно пространство изберете идентификатора на контейнера си (който започва с „GTM“).
В диалоговия прозорец Инсталиране на Мениджър на маркери на Google изпълнете следните стъпки за всяка страница от уебсайта си:

Забележка: Ако уебсайтът Ви е създаден с помощта на инструмент за създаване на уебсайтове или система за управление на съдържанието (CMS), като Wordpress, Shopify или Wix, можете да настроите маркера на Google с интегриране, което не изисква да актуализирате кода на всяка страница от уебсайта си. Научете как да инсталирате маркера на Google чрез инструмент за създаване на уебсайтове или CMS.
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>Example Webpage</title>
  </head>
  <body>
  
  <h1>Welcome to My Website</h1>
  <p>This is a sample paragraph on my webpage.</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>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. Тествайте уебсайта си, като въведете връзката към него и след това кликнете върху Тестване.
Кликнете върху ОК.

Следващи стъпки

Използвайте Мениджър на маркери на Google, за да настроите и управлявате маркери.

Това полезно ли бе?

Как можем да направим подобрения?