SEOnews запустив проект для фахівців та клієнтів, в рамках якого редакція публікує навчальні матеріали від провідних агенцій на ринку. У результаті ми плануємо випустити повне, практично корисне та актуальне електронне керівництво.

***

Що таке Google Tag Manager та як його використовувати

Тема досить заїжджена, по ній можна знайти величезну кількість блогів, статей та відео курсів. Але мета цієї статті – дати максимум розуміння новачкам, як і для чого можна використовувати GTM. Можливо, цю статтю вважають корисною навіть ті, хто вже має досвід використання GTM у своїй практиці.

В інтернет-маркетингу дуже часто виникає необхідність додавання, зміни та виправлення різних скриптів, встановлення відстеження дій користувача тощо. Якщо використання тегів не супроводжується ефективним управлінням, це може призвести до безлічі проблем та тривалого впровадження. Велика кількість коду уповільнює роботу сайту. Зайві або неправильно встановлені теги можуть спотворити результати, спричинити небажані витрати та перешкоджати збору важливих даних, а їх повторна зміна після помилок програміста лише відтягує час, коли можна розпочати аналіз. Нарешті, додавання нових тегів може забирати у ІТ-фахівців або веб-майстрів багато дорогоцінного часу, затримуючи проведення важливих маркетингових програм. На даний момент є кілька варіантів вирішення низки проблем, пов'язаних з цим. Сьогодні ми поговоримо про Google Tag Manager.

Що таке Google Tag Manager

Tag manager – рішення від Google, яке дозволяє розміщувати скрипти на сторінках сайту без безпосереднього втручання у його код. GTM дає можливість додавати та оновлювати скрипти безпосередньо через web-інтерфейс, а також задавати правила активації цих скриптів. Диспетчер тегів Google – це простий, надійний та безкоштовний інструмент. Маркетологам він забезпечує гнучкість у роботі, а веб-майстрам дозволяє зосередитися на найважливіших завданнях, не турбуючись про дрібниці. Це рішення для фахівців з маркетингу, в якому є єдиний інтерфейс управління всіма тегами на сайті.

Структура GTM

• Обліковий запис - це місце, де ви можете керувати своїми контейнерами.
• Контейнер – це головний та єдиний фрагмент JS-коду, який ми вставляємо на всі сторінки сайту. По суті він є тегом, але його функція полягає в тому, що він служить контейнером для всіх тегів.
• Тег - це невеликі фрагменти коду веб-сайтів, які дозволяють відслідковувати трафік та поведінку відвідувачів, аналізувати ефективність реклами на сайтах та в соціальних мережах, використовувати засоби ремаркетингу та націлення на певні аудиторії, тестувати та покращувати свій сайт, а також виконувати багато інших корисних завдань .
• Тригер визначає, за яких обставин буде виконуватися або блокуватися тег.
• Змінні є парами типу ім'я/значення, котрим передаються значення процесі роботи. Вони використовуються як для кастомних змінних, так і для визначення умови при якому спрацьовуватиме тег.

Створення та встановлення

Перше, що необхідно зробити – це увійти під існуючим Google акаунтом у google tag manager, якщо такого немає – створити новий.

У цьому прикладі я використовуватиму контейнер веб-версії.

Погоджуємося з ліцензійною угодою

Далі в інтерфейсі буде відображено код, який, за рекомендаціями Google, потрібно поставити на всі сторінки сайту після тега . Надалі його можна буде переглянути у вкладці Admin -> Install Google Tag Manager

На цьому все. Установку Google Tag Manager завершено. Необхідно переходити безпосередньо до налаштування тегів та тригерів.

структура. Як і навіщо використовувати. Можливості

Зупинимося докладніше загальному інтерфейсі програми.

Елементи інтерфейсу

1 - Елемент пошуку, який допоможе швидко знайти тег, тригер або змінну за назвою.

2 - Огляд стану облікового запису

3 - Виклик списку тегів

4 - Список правил

5 - Список вбудованих та користувацьких змінних

6 - Створення папок для структурування тегів, тригерів та змінних

7 - Швидкий доступ до створення нового тега

8 - Створення нотатки

9 - Стан акаунту, кількість тегів, тригерів і змінних, та їх стан (опублікований або не опублікований)

10 - Історія зміни вмісту контейнера.

У Google Tag manager багато можливостей, але сьогодні ми поговоримо про базові, користуватися якими необхідно вміти кожному аналітику або маркетологу.

Про створення Тега ми поговоримо трохи нижче, т.к. для його внутрішнього налаштування знадобиться небагато знань про те, що може послужити правилами спрацьовування тега і якими даними ми можемо оперувати в налаштуванні.

Щоб налаштовувати необхідні умови спрацьовування тега, необхідно використовувати тригери. Їх можна створювати як окремо, так і при налаштуванні тега, що менш зручно.

В інтерфейсі google tag manager ви виявите, що налаштування тегів, тригерів та змінних має приблизно однаковий порядок:

Назва -> Тип -> Налаштування -> Правило

Для змінних правило спрацьовування відсутнє, значення прийматиметься на всіх сторінках сайту. Якщо значення не буде визначено - ключу буде присвоєно undefined.

Для початку подивимося на етапи створення тригера та змінних.

Переходимо на вкладку тригери та натискаємо New. Далі необхідно вигадати назву (якщо не введено, при збереженні буде повідомлення, в якому можна буде ввести зрозумілу назву для тригера) і вибрати його тип.

Кожен тип тригера використовується для різних завдань. Для того, щоб користуватися всім можливим функціоналом з внутрішнього налаштування специфічних параметрів спрацьовування тригера, потрібно увімкнути необхідні вбудовані змінні на сторінці Variables. Про них мова піде трохи нижче, а поки що розберемо існуючі події.

Page View - тригер, який дає можливість запустити тег під час завантаження певних сторінок, завантаження вікна (на 3-х етапах, передбачених у GTM) або за додаткових умов, які можна вибрати зі списку.

Далі потрібно встановити правило цього тригера - тут може бути 2 варіанти - All page views або для більш гнучкого налаштування Some Page Views, де можна вказати певну сторінку або параметр, який спричинить спрацювання тригера при завантаженні сторінки.

Наступний вид тригера – Click. Він використовується для прослуховування кліків 2х типів - All Elements та Just Links. Як правило, можна використовувати для прослуховування всіх кліків - All Elements, але це призводить до необхідності більш конкретного налаштування на етапі Fire On. За аналогією з Page View можна створити умову, за якої спрацьовуватиме тригер. Щоб використовувати ці умови, потрібно включити на вкладці Variables показники, які відносяться до Clicks. (надалі для Forms і History).

Після чого у списку вибору параметрів спрацьовування тригера можна вибрати id, class, text та ін параметри, які необхідно врахувати.

Якщо необхідних вбудованих змінних немає, можна скористатися користувачами. Вони можуть бути різного виду, можуть мати значення з різних джерел (html, cookie) і можуть бути створені як на сайті, у вигляді масиву dataLayer так і за допомогою Custom JavaScript безпосередньо в інтерфейсі Tag Manager.

Custom JavaScript у вигляді змінних користувачів має воістину фантастичні можливості для аналітиків і маркетологів - необхідність звертатися до програміста практично відпадає.

Після налаштування змінних списки умов у тригерах розширяться. Також ці змінні можна буде використовувати, як додаткові параметри при передачі даних у системи моніторингу та аналітики сайту у вигляді параметрів користувача та змінних.

Аналогічним чином створюються тригери для Form та History Change.

Окремої уваги вимагають Custom Event та Timer.

Timer - тригер, який дає можливість створити правило для спрацьовування тега, після якогось часу, наприклад, для виділення окремої, більш залученої аудиторії ресурсу та запуску для такої аудиторії коду ремаркетингу.

Тепер вам доступні базові налаштування тригерів та показників у GTM.

Встановлення тега - дуже важливий момент, тому що. саме те, як ви опублікуєте скрипт і які правила спрацьовування надасте, впливатиме на дані, які відображає встановлений продукт. У Google Tag Manager вже існує ряд продуктів, доступних до установки.

Встановлює лічильники та теги продуктів, список яких доступний в інтерфейсі.

При створенні тега можна переглянути весь список тегів, передбачених Google.

Цей список постійно розширюється, але якщо відсутній вбудований функціонал, можна скористатися полями Custom HTML Tag або Custom Image Tag

У більшості випадків такий підхід працює, але для встановлення деяких виняткових продуктів необхідно ознайомитися з мануалом постачальника або уточнити деталі підтримки.

Створення самого тега – завдання тривіальне. Етапи ми обмовили вище, а щодо полів - це найчастіше розпізнавальні елементи встановлюваного скрипта (id, унікальне ім'я або назва в продукті тощо), які можна взяти з інтерфейсу встановлюваного продукту. При налаштуванні вбудованих тегів найчастіше є можливість заповнення полів для створення додаткових параметрів. Тут можна використовувати показники, які ми розбирали вище, вибравши зі списку відповідний. Також тут можна змінити показник для продукту, якщо він відправляється за замовчуванням, вказавши нове значення.

Для того щоб перевірити працездатність встановленого тега, GTM передбачений функціонал перед-перегляду та налагодження.

Натиснувши на цю кнопку і після перейшовши на сайт, ви побачите додаткову консоль, в якій буде відображатися ряд тегів, які спрацювали або не спрацювали на цій сторінці. Також доступний перегляд моменту, на якому спрацював тег, причини спрацьовування (або не спрацьовування) та показники, що використовуються. Після того, як ви переконаєтесь, що все працює, натисніть кнопку Publish.

У маркетолога чи аналітика виникає необхідність використовувати Google Tag Manager коли:

У розробника займає дуже багато часу встановлення чи тестування системи аналітики, а аналізувати потрібно тут і зараз.

На встановлення кодів ретаргетингу потрібно багато часу, а керівник вже хоче бачити результати.

Потрібно налаштувати десяток подій, а написання ТЗ для програміста та втручання у код – у найкращому разі справа кількох днів.

Виникає необхідність створювати користувацькі змінні та метрики для розширення аналізованих даних та ін.

На прикладі розберемо інсталяцію коду Google Analytics

Для початку раджу створити змінну користувача, яку можна буде використовувати як property id для вашого акаунта.

Заходимо на вкладку Variables, натискаємо New та вибираємо тип змінної Constant.

Даємо їй назву GA Property та вносимо наш ідентифікатор із Google Analytics. Натискаємо Create Variable. Надалі дані маніпуляції полегшать роботу із тегами.

Вводимо назву тега, вибираємо необхідний продукт (якщо його немає - можна скористатися Custom HTML), вибираємо версію Google Analytics, у полі Tracking ID потрібно ввести ідентифікатор облікового запису, але т.к. на попередньому кроці ми створили змінну з нашим ідентифікатором ми вказуємо його. Track Type - Pageview за замовчуванням.

У полі More settings можна ввести додаткові параметри, які потрібно використовувати.

Найчастіше використовувані:

• Поле Fields to Set використовується для передачі параметрів, які передбачені в Google Analytics. Це може бути page (для створення своєї назви сторінки) або uid для подання з user id та ін.
• Custom dimentions і custom metrics служать для передачі змінних користувачів і метрик в Google Analytics.
• Ecommerce features використовується для налаштування Enhanced ecommerce. (Для передачі даних Enhanced ecommerce використовується тип тега Page View для всіх етапів! Тип тега Transaction використовується тільки для класичного ecommerce.)

Натискаємо Create Tag і дотримуємося пунктів описаних до кейсів. (Preview -> Publish)

Для налаштування Події необхідно створити додатковий тег типу Google Analytics і вибрати event у полі track type. Заповнюємо стандартні параметри і Fire On створюємо правило відправки події (не забувайте відзначити галочками необхідні змінні на вкладці Variables).

Нестандартною, але досить частою задачею є отримання cid або client id Google Analytics як кастомної змінної. Виникає така необхідність у разі, якщо компанія хоче відстежувати кожного відвідувача окремо або надсилати будь-які дані через measurement protocol.

Особливістю цього показника є те, що він зберігається у файлах cookie Google Analytics.

Нам необхідно:

1. Створити змінну 1st Party Cookie під назвою “_ga”

2. Створити Custom JavaScript із наступним кодом

var cookie=((ga cookie)).split(".");

return cookie + "." + cookie;

console.log("No Universal Analytics cookie found");

А тепер про те, як це працює: 1st Party Cookie з ім'ям "_ga" повертає дані у вигляді схожому на GA1.2.475226310.1380715146. Далі Custom JavaScript парсить цей рядок і повертає cid прибираючи з отриманих даних перші 4 символи (GA1.2.) і повертає набір чисел (475226310.1380715146), який показує повний clientID користувача.

Цей показник можна використовувати як кастомну змінну в Google Analytics, достатньо створити його в Google Analytics і додати в тег в полі Custom Dimention з параметром session і налаштувати передачу цього параметра з GTM в GA.

Де Index – номер змінної з Google Analytics.

Це чудовий приклад того, як отримувати та використовувати змінні в Google Tag Manager.

Насамкінець хотілося б сказати, що Google Tag Manager - це дуже потужний інструмент, який можна використовувати для досягнення безлічі цілей без залучення розробника: починаючи від встановлення кодів та налаштування систем аналітики і закінчуючи A/B тестуванням та складнішими завданнями.

Пропонуємо до вашої уваги покрокову інструкцію щодо встановлення та налаштування Google Tag Manager (GTM). Тут ми розповімо, як за допомогою GTM підключити Google Analytics і Яндекс Метрику.

Google Tag Manager (GTM) – багатофункціональний інструмент, який дозволяє додавати на сайт або мобільний додаток теги для аналізу трафіку, конверсії та поведінки користувачів без втручання у вихідний код сайту.

У статті ми докладно опишемо, як створити та налаштувати GTM на сайті та як без втручання у вихідний код сайту підключити Google Analytics та Яндекс Метрику.

Переваги GTM

• Можна додавати та оновлювати теги без втручання у вихідний код сайту. Потрібно лише один раз додати на сайт код Диспетчера тегів, а решту вже можна впроваджувати в особистому кабінеті GTM;
• Зменшення коду на сторінках веб-сайту;
• Зручний та простий у використанні інтерфейс;
• Простота тестування. Режим попереднього перегляду дозволяє маркетологам легко перевіряти коректність роботи тегів;
• Сервіс безкоштовний.

Перш ніж перейти до встановлення, розберемося у визначеннях:

• Контейнер– це фрагмент JS-коду, що розміщується на всіх сторінках сайту. Усередині контейнера міститься інформація про теги, які запускаються внаслідок виконання певних правил, заданих у тригерах та змінних;
• Тег– фрагмент коду сайту, який дозволяє відстежувати трафік та аналізувати поведінку користувачів, конверсію тощо (наприклад, код Яндекс Метрики);
• визначають, коли потрібно активувати тег у веб-контейнері;
• Змінні– це пара «ім'я-значення», яка використовується в тригері як умова, за якої спрацьовуватиме тег.

Як встановити Google Tag Manager на сайт

1. Зареєструйте обліковий запис у Google

Якщо ваш обліковий запис Google вже зареєстровано і ви авторизовані, пропустіть цей крок. Якщо ні – авторизуйтесь або створіть обліковий запис.

2. Створіть обліковий запис у GTM

Після авторизації в Google можна переходити до створення облікового запису в GTM. Перейдіть на сторінку Google Tag Manager і натисніть кнопку «Створити обліковий запис», потім вкажіть вигадану назву облікового запису та натисніть кнопку «Далі».

Малюнок 1

У вікні вкажіть придуману назву контейнера і виберіть, де він буде використовуватися. У нашому випадку, це кнопка «Веб-сайт». Після цього натисніть кнопку «Створити».

Малюнок 2

Малюнок 3

3. Додайте на сайт отриманий код Диспетчера тегів

Після того, як ви приймете угоду про використання, з'явиться вікно з кодом.

Малюнок 4

Виділіть та скопіюйте код у файл txt. Після цього натисніть на кнопку «ОК» у самому низу вікна.
Далі у файлі шаблону сайту, в якому у вас знаходиться блок, вставте код із верхнього блоку якомога ближче до початку.

Малюнок 5

Код із нижнього блоку вставте безпосередньо після тега, що відкриває.

Малюнок 6

Після того, як ви виконаєте ці дії, натисніть на панелі GTM на кнопку «Опублікувати».

Малюнок 7

4. Протестуйте коректність роботи GTM

Далі важливо перевірити, чи все ви зробили правильно. Для цього можна скористатись плагіном Google Tag Assistant Recordings для браузера Chrome. Встановіть це розширення, перейшовши за посиланням .

Після встановлення на панелі розширень браузера Chrome з'явиться піктограма Google Tag Assistant. Щоб перевірити коректність роботи встановленого на сайт GTM, потрібно перейти на свій сайт і натиснути на цей значок.

Малюнок 8

Зі скріншота бачимо, що значок зеленого кольору, це означає, що установка Диспетчера тегів пройшла успішно. Якщо значок жовтого або червоного кольору – тег розміщено помилково.
Рекомендації Google

Малюнок 9

Підключення Google Analytics через GTM

Тепер почнемо безпосередньо підключення Google Analytics через GTM.

1. Зареєструйте Google Analytics

Якщо на сайті вже встановлена ​​аналітика, цей пункт можна пропустити. Якщо ні, ознайомтеся з тим, як зареєструвати Google.Analytics і пройдіть реєстрацію.

Зверніть увагу! Після реєстрації Google Analytics код на сайті розміщувати не потрібно. Нам трохи пізніше знадобиться лише ідентифікатор відстеження Google Analytics. Якщо Google.Analytics зареєстрований раніше і на сайті вже розміщено код, після підключення Google.Analytics через GTM раніше розміщений код аналітики можна прибирати.

2. Увійдіть у зареєстрований раніше обліковий запис у GTM і клацніть на посилання «Додати новий тег»

Малюнок 10

3. Виберіть тип тега

У цьому випадку нам потрібний Universal Analytics.

Малюнок 11

4. Вкажіть ідентифікатор відстеження сайту в Google Analytics та тип відстеження – «Перегляд сторінки»

Малюнок 12

Ідентифікатор відстеження ресурсу можна переглянути в налаштуваннях Google Analytics.

Малюнок 13

5. Вкажіть тригер All Pages

Щоб тег спрацьовував на всіх сторінках, вкажіть тригер All Pages.

Малюнок 14

6. Збережіть внесені дані

Малюнок 15

7. Вкажіть ім'я тега та натисніть кнопку «Зберегти»

Малюнок 16

8. Перевірте коректність роботи тега

Для цього натисніть на стрілочку поруч із кнопкою «Опублікувати» та виберіть «Попередній перегляд».

Малюнок 17

У «Попередньому перегляді» контейнер зі змінами буде доступний лише у вашому браузері.

Якщо контейнер відображається під рядком "Tags Not Fired On This Page", тег на сторінці не спрацював. Необхідно перевірити всі налаштування та при необхідності виправити допущені помилки.

Якщо контейнер з'явився під рядком "Tags Fired On This Page", Universal Analytics встановлено без помилок.

Малюнок 18

9. Опублікуйте Universal Analytics

Малюнок 19

Таким чином, ми підключили на сайт Google Analytics через GTM без втручання у вихідний код сторінок.

Підключення Яндекс Метрики через GTM

Для підключення Яндекс Метрики виконайте ті ж дії, що і для Google Analytics, але так як за замовчуванням Яндекс Метрики в GTM немає, при виборі продукту вкажіть «HTML користувача».

Малюнок 20

Внаслідок цього з'явиться вікно з порожнім полем.

Малюнок 21

У цю HTML форму необхідно вставити код лічильника вашої Метрики.

Якщо на сайті вже встановлена ​​Яндекс Метрика, скопіюйте код лічильника з вихідного коду сторінки. Якщо ні, ознайомтеся з тим, як створити та налаштувати лічильник Яндекс Метрики .

Зверніть увагу! Як і у випадку з Google Analytics, код на сайті розміщувати не потрібно. Отриманий код при налаштуванні Яндекс Метрики потрібно скопіювати і додати до вікна «Користувачський HTML», що з'явилося на попередньому етапі.

Малюнок 22

Перед публікацією перевірте коректність роботи тега, натиснувши кнопку «Попередній перегляд».

Малюнок 23

Якщо в режимі попереднього перегляду контейнер розміщено під рядком "Tags Fired On This Page", значить, все налаштовано правильно. Якщо контейнер показується під рядком "Tags Not Fired On This Page", тег не спрацював, швидше за все, при підключенні була допущена помилка.

Малюнок 24

Після того як ми переконалися, що тег у попередньому режимі спрацював, натискаємо «Опублікувати».

Таким чином ми підключили на сайті Яндекс Метрику без втручання у вихідний код сторінок.

Якщо на вашому сайті ще не встановлено GTM, ви зможете встановити та налаштувати його, дотримуючись наших інструкцій. А ми, у свою чергу, продовжимо писати про те, як за допомогою GTM аналізувати трафік, конверсії та поведінку користувачів.

Вітаю, дорогі друзі!

Пам'ятайте, ми з вами налаштували лічильник Метрики, потім лічильник Google Analytics, лізли в код сайту, щоб розмістити їх? Цілком незнаючим HTML людям, це завдавало великих труднощів. Адже одразу і не зрозумієш, де знаходиться тег або . Для цього потрібні певні знання. З цієї причини більшість власників сайтів доручають встановлення лічильників вебмайстрам або програмістам, та ще й платять за це гроші. Щоправда, невеликі, але все-таки гроші. А ще потрібно скласти ТЗ (технічне завдання), що забирає деякий час.

Але умільці з Google вирішили цю проблему, створивши дуже хороший сервіс. Називається Google Tag Manager. Суть цього інструменту - спростити взаємини між людиною, яка не розуміє вебмастерство, і кодом сайту. Тобто вам не доведеться лізти в код, достатньо використовувати цей сервіс.

Налаштування Google Tag Manager займе кілька хвилин. Але в майбутньому цей інструмент відшкодує той час, який ви витратили на його налаштування. Крім налаштування, я розповім вам, як встановити лічильник Метрики, Analytics та Adwords на сайт, при цьому не повзаючи в його нутрощі.

Ну, почнемо.

Обов'язково прочитайте:

Початок роботи з Google Tag Manager

Я думаю, що більшість людей, які читають цей урок, мають облікові записи в Google. Можете відразу натиснути на "Увійти в аккаунт" у верхньому правому кутку. Ті, хто не має акаунтів, зареєструйтесь.

Ну а потім, потрібно створити обліковий запис, безпосередньо, в самому Tag Manager. Для цього потрібно заповнити невелику форму:

Назвіть обліковий запис і натисніть "Далі". На наступному кроці потрібно вказати налаштування контейнера, а саме адресу сайту та місце, де використовуватиме контейнер. Оскільки ми працюємо з сайтом, то вибираємо "Веб-сайт":

І натискаємо на кнопку "Створити". Потім, Google пропонує ухвалити угоду. Звичайно ми його приймемо:

Відразу після того, як ми створили обліковий запис, з'являється віконце з кодом Google Tag Manager. Його потрібно встановити після тега :

Скопіюйте його та встановити на всі сторінки сайту. Ось приклад того, куди потрібно встановити код:

код Google Tag Manager

Якщо вам незрозуміло, то доведеться вдатися до послуг вебмайстра. Але, повірте мені, після цього звертатися до вебмайстрів з дрібних справ ви будете рідко.

Термінологія Google Tag Manager

Щоб роз'яснити багато моментів і в той же час розібрати все необхідне для роботи з Tag Manager, я вирішив дати невеликий список основних термінів. Отже:

• Контейнер – це JavaScript, який потрібно вставити на всі сторінки. До нього будуть входити всі коди, які ми встановимо за допомогою Диспетчера тегів;
• Тег – це безпосередньо код лічильника Google Analytics або Метрики;
• Тригер – це умова, під час виконання, якого активується тег;

Встановлення лічильника Google Analytics

Налаштування Google Tag Manager у багатьох починається з встановлення лічильника Analytics. Ми не є винятком. Отже:

Нехитрим способом ми встановили лічильник Google Analytics. Як бачите, це просто.

Установка лічильника Метрики

Встановити лічильник Метрики ще простіше. Так само створюємо тег і при виборі типу тега вибираємо "Користувачі HTML":

Потім просто вставляємо код Метрики у поле HTML:

Призначаємо той самий тригер "All Pages", даємо назву та зберігаємо. Ось і все, тепер у нас в одному контейнері є два лічильники:

Сьогодні ви дізналися, як розвантажити сторінки свого сайту від зайвого коду. Ви можете видаляти код лічильників і залишити лише код Google Tag Manager.

Як бачите, налаштування Google Tag Manager займає лише кілька хвилин.

Ну, а на цьому все, дорогі друзі. До зустрічі!

Не забувайте підписуватись на оновлення блогу.

Google Менеджер тегів дозволяє налаштовувати та розгортати теги, у тому числі для Google Реклами , Google Аналітики та Floodlight , а також інші . Щоб скористатися Менеджером тегів, виконайте такі дії:

Обліковий запис – найвищий рівень ієрархії в Менеджері тегів. Як правило, для компанії достатньо одного облікового запису. В обліковому записі Менеджера тегів є один або кілька контейнерів. Існують типи контейнерів для сайтів, AMP-сторінок, додатків Android та iOS.

Як створити аккаунт та контейнер

При першому завантаженні контейнера ви побачите запрошення додати фрагмент коду на сайт або розпочати роботу з Менеджером тегів у рамках SDK для вибраної платформи. Ви можете фрагмент коду відразу або натиснути ОК , щоб зробити це після налаштування контейнера.

Як додати контейнер до існуючого облікового запису Встановлення контейнера

Веб-сторінки

• Розмістіть верхній фрагмент коду (починається з ) у розділі веб-сторінки. Бажано зробити це якомога ближче до тега, що відкриває, але після декларацій dataLayer.
• Розмістіть нижній фрагмент коду (починається з ) відразу після тега .

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

Щоб запобігти несанкціонованому доступу до контейнера, фрагмент коду Менеджера тегів за замовчуванням використовує HTTPS.

Доброго дня, читачі та гості. У цій статті ми навчимося налаштовувати Google Tag Manager для відстеження переходів за партнерськими посиланнями в Яндекс Метриці та Google Analitics.

Ідея написання виникла у зв'язку з тим, що я встановила на моєму блозі банер із партнерським посиланням, яке веде на хостинг. І мені стало цікаво, хто з відвідувачів мого сайту здійснює перехід за цим посиланням, тобто мені хотілося налаштувати цілі в Яндекс Метриці та Google Analitics таким чином, щоб вони відображали перехід з банера.

На моєму блозі аналітика встановлена ​​через Google Тег Менеджер (Google Tag Manager або GTM). У пошуках підказок про те, які відповідні налаштування потрібно зробити в GTM, я перерила весь рунет, але відповіді так і не знайшла. А я знайшла його в одного американця - його ім'я Julian Juenemann. На жаль, ресурс https://measureschool.com, на який посилається автор, на даний момент недоступний.

Google Tag Manager - що це таке?

Розповідати докладно про те, що таке Google Tag Manager у цій статті не вважаю за потрібне. Відповідного матеріалу на цю тему в інтернеті достатньо.

Але якщо говорити простою мовою, то GTM можна як якийсь контейнер, якусь ємність, яку ми встановлюємо на свій сайт у вигляді HTML коду. І вже в цей контейнер ми можемо покласти що завгодно. Наприклад, встановити лічильник будь-якої статистики, будь то Яндекс Метрика або Google Analitics і т. д. Налаштувати відстеження конверсій, відстеження переходів та багато іншого.

Штука дуже зручна, особливо якщо ви працюєте з клієнтським сервісом, до якого у вас немає доступу через FTP. Достатньо один раз попросити програміста встановити на сайт цей контейнер і більше колегу мучити своїми технічними завданнями не треба. І не втрачати кілька днів в очікуванні, коли ж нарешті він виконає роботу, як це неодноразово траплялося в моїй практиці. Не хочу образити програмістів, вони люди зайняті та їх теж треба розуміти. Але час - гроші!

Частина практична. Як відстежити переходи за партнерськими посиланнями. Налаштовуємо Google Тег Менеджер.

Для демонстрації настроювань я створила тестовий сайт, на який встановила банер, який веде на сайт партнера. Ми налаштуємо відстеження переходів по донному банеру за допомогою Google Тег Менеджер. Переходи ми бачитимемо в Яндекс Метриці та Google Analitics.

Налаштовуємо тригер для відстеження всіх кліків

Дана дія дозволить відстежувати нам всі скоєні кліки на сайті без винятку.

В інтерфейсі Google Тег Менеджер йдемо на вкладку «Тригери».

Тип тригера – «Тільки посилання».

Тригер активується на всіх сторінках: "Всі кліки за посиланнями".

Прописуємо назву, наприклад, «Клік за посиланнями».

Мал. 1

Налаштовуємо тригер для відстеження переходів за певним посиланням, у нашому випадку – партнерською

Ще раз заходимо на вкладку – «Тригери».

Тип тригера – «Тільки кліки».

Далі вибираємо галочки «Чекати на теги» та «Перевірка помилок».

Встановлюємо умови, за яких активізуватиметься наш тригер. Перше – вказуємо шлях (домен) нашого сайту – тригер буде спрацьовувати на всіх сторінках сайту. Друга умова - наш тригер активізуватиметься лише при натисканні на певне посилання, тобто партнерську. Див. Рис. 2.

Мал. 2

Налаштовуємо Google Тег Менеджер для відстеження подій у Google Analitics

Налаштовуємо інструмент «Тег» так, щоб досконала дія – клік за партнерським посиланням, відображалось у Google Analitics. Код GA вже має бути встановлений на вашому ресурсі.

Тип тега – Universal Analytics.

Тип відстеження – «Подія».

Параметри подій, що відстежуються: «Категорія» - наприклад, Affiliate Links; "Дія" - Click URL; "Ярлик" - Page Path.

У налаштуваннях Google Analytics можна написати ідентифікатор відстеження (код GA).

І останнє, додаємо вже створений раніше тригер «Клік з банера». Див. Рис. 3.

Мал. 3

Залишилося опублікувати зроблені налаштування, щоб вони набули чинності. Наш результат – можливість відстежити переходи, здійснені за партнерськими посиланнями в Google Analitics. І якщо ми тепер клацнемо на розміщений банер партнера, то в Аналітиці відобразиться відповідна подія. рис. 4.

Мал. 4

Як зробити налаштування Google Тег Менеджер для відстеження переходів в Яндекс Метриці я вирішила написати в другій частині статті - «Гугл Тег Менеджер: відстежуємо переходи за партнерськими посиланнями. Частина 2". Щоб розвіяти всі питання з налаштування я записала для вас відповідне відео. У відео на вас чекає невеликий бонус - я показала як у Google Analitics налаштувати мету під нашу подію.

З вами була Юлія Хайретдінова