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

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

Більше відео на нашому каналі - вивчайте інтернет-маркетинг із SEMANTICA

Щоб зрозуміти, що являє собою Google Tag Manager (GTM), розберемо просту аналогію. Всі ми знаємо, що для обробки замовлень в інтернет-магазині, службі замовлення їжі або таксі не обійтись без диспетчерів. На їхні плечі лягає процес координації та забезпечення роботи компанії. Аналогічну функцію виконує та даний сервісГугл. Він дозволяє не розриватися між додатками, завданнями та програмами, а поєднати все воєдино та централізовано давати команди.

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

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

Як встановити Tag Manager та налаштувати його

Щоб розпочати використання, необхідно додати контейнер Google менеджера на сайт. Далі встановлюються змінні, потім настроюються умови активації (тригери). В кінці теги додаються до контейнера. Розберемо кожен із етапів.

Додаємо контейнер Гугл менеджера

Заходимо в систему Google, а саме в GTM і створюємо тут особистий кабінет. Налаштовуємо контейнер, вводимо ряд параметрів, у тому числі адресу самого сайту. Далі система згенерує код, який потрібно вставити на інтернет-ресурс. Код складається з 2 частин, перша міститься в хедер, а інша - в кінці тега. Зберігаємо внесені коригування, додаємо тег/теги, тепер публікуємо контейнер.

Змінні

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

• Сторінки. Це може бути джерело запиту, URL-адреса, ім'я сторінкового хоста і т.д.
• Утиліти. Це різні події, найменування ID HTML-тегу, тип контейнера тощо.
• Помилки. Це повідомлення про те, де відбулися помилки і т.д.
• Кліки. Це різні деталі, пов'язані з кліками.
• Історія. Це фрагменти URL, поточні та попередні моменти історії, джерело її отримання.
• Форми. Тут застосовуються визначення форми, її текст та інше.

Щоб змінна відкрилася у фільтрі тригера, її потрібно спочатку увімкнути в меню "Змінні".
Тригери в Гугл Тег Менеджер

Тригери, як ми з'ясували раніше, повинні відповідати змінній. Тригери налаштовуються в однойменному розділі меню, тут потрібно натиснути "Створити", а потім вибрати тип. Усього є 3 різновиди:

• Клік. Тригер буде реєструвати кліки за посиланнями, розміщеними на ресурсі, або по всіх клікабельних елементах.
• Перегляд. Він автоматично починає працювати після готовності Моделі DOM, повного завантаження Вікна або виконання переходу на потрібну сторінку.
• Інше.

Робота тегів

Розберемо функціонування тегів на конкретному сервісі, наприклад, Google Аналітика. Підключаємо інтернет-ресурс до системи, відкриваємо робочу область та тиснемо на пункт «Додати новий тег». Встановлюємо тип Universal Analytics. Далі прописуємо ідентифікатор, він відображається у особистому кабінетіГугл Аналітикс. Далі у пункті «Тип відстеження» ставимо позначку поруч із функцією «Перегляд сторінки». У пункті тригерів тиснемо «Всі сторінки» та зберігаємо внесені зміни.

Щоб перевірити працездатність тегів використовуємо опцію «Попередній перегляд та налагодження». Вибираємо цей пункт у робочій області, а потім відкриваємо інтернет-ресурс у браузері. Якщо всі теги проставлені правильно, дані про них відобразяться у вікні діагностики.

У деяких випадках необхідно використовувати додаткові налаштування. Вони дозволять розставити теги в певному порядку, за яким вони активуватимуться. Якщо немає значення, в якому порядку будуть активовані теги, можна забути про розширені налаштування.

Функціонал

Сьогодні GTM вирішує широкий спектр завдань, що робить його універсальним помічником у таких задачах:

• Щоб зробити функціонал свого сайту ще ширшим, немає необхідності вставляти на сайт нові контейнери та веб-коди, достатньо розмістити їх у GTM.
• Підтверджувати права на інтернет-ресурс тепер можна безпосередньо через диспетчера через .
• GTM ефективний як моніторингу зовнішніх переходів (через UTM-мітки), так обліку внутрішніх кліків (через Гугл Аналитику).
• Можна конкретизувати, скільки користувачів перейшли за зовнішніми посиланнями.
• Є можливість уточнити скільки відмов було зроблено. Google Аналітика не може точно визначити цей параметр, тому що не бере до уваги відвідувачів, які переглянули лише 1 сторінку.
• Можна моніторити кількість кліків по віджетам та спец.кнопкам.
• Існує можливість простежити джерела отримання зовнішнього трафіку.

Це далеко не все функціональні можливостіресурсу. Найкраще самостійно кілька разів пройтися по меню, спробувати різні фішки та вибрати ті, які підійдуть саме для вашого ресурсу.

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, коли:

1. У розробника займає дуже багато часу встановлення чи тестування системи аналітики, а аналізувати потрібно тут і зараз.
2. На встановлення кодів ретаргетингу витрачає багато часу, а керівник вже хоче бачити результати.
3. Потрібно налаштувати десяток подій, а написання ТЗ для програміста та втручання в код – у найкращому разі справа кількох днів.
4. Виникає необхідність створювати змінні і метрики для розширення аналізованих даних та ін.

На прикладі розберемо інсталяцію коду 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 та в полі track type вибрати event. Заповнюємо стандартні параметри і 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і подивимося як за допомогою цього інструменту можна настроювати. Google tag manager дозволяє швидко оновлювати теги та фрагменти коду на сайті або в програмі. Якщо говорити простіше, то ви зможете налаштовувати коли та яку інформаціюви хочете відправляти, наприклад, у google analytics.

Для початку розберемо інтерфейс. Переходимо за посиланням:https://www.google.ru/tagmanager/

Називаємо контейнер, вибираємо сайт, натискаємо "створити". Далі приймаємо угоду щодо умов використання диспетчера тегів. Після цього ми одразу бачимо інструкцію з встановлення коду, але якщо ви не встановили код відразу, то знайти її потім можна у вкладці "адміністрування":

У робочій області також є 5 вкладок зліва:

• огляд
• теги
• тригери
• змінні
• папки

Тепер розберемо їх по порядку. При переході до “робочої області” ми потрапляємо на вкладку “огляд”, де міститься загальна інформація про наш контейнер. У вкладці теги ми налаштовуватимемо яку інформацію ми хочемо відправити. Вкладка тригери дозволяє задати правила, за якими визначатиметься, коли має спрацьовувати наш тег. У вкладці змінні ми поставимо які параметри ми хочемо відстежувати. Ну а вкладка папки потрібна для зручного угрупованнястворених тегів, тригерів та змінних.

Встановлення коду Google Analytics на сайт

Можливості таг менеджера досить великі, але у цій статті ми розглянемо лише прості завдання. Для початку ми просто встановимо код google analyticsна наш сайт. Для цього переходимо у вкладку теги і натискаємо кнопку "створити", вигадуємо назву нашого тега, і вибираємо з меню, що випадає, код Universal Analytics.

Додаємо ідентифікатор відстеження, а решту налаштувань залишаємо як є.

Потім переходимо до вибору тригера. Т.к. ми поки що не створювали нових правил у нас буде лише 1 доступний тригер “усі сторінки”, вибираємо його та натискаємо “зберегти” у правому верхньому кутку. Після створення нам обов'язково потрібно перевірити як працює створений нами тег, для цього ми натискаємо на стрілочку поруч із кнопкою «опублікувати»і з меню, що випадає, вибираємо “попередній перегляд”.

Тепер нам потрібно (обов'язково у тому самому браузері) відкрити наш сайт. Внизу екрану ми маємо побачити панель google tag manager.

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

Налаштування показника відмов у Google Tag Manager

Тепер, коли ми встановили код аналітики на сайт, налаштуємо . Про всяк випадок нагадаю, що за замовчуванням відмовою для аналітикса вважається будь-яке відвідування при якому н е сталося переходу на іншу сторінку сайтуабо не зафіксована якась подія. При цьому час, проведений на сайті, ніяк не впливає на цей показник. Для порівняння, в яндекс відмовою вважається відвідування тривалістю менше 15 секунд, без переходів і корисних дій. Зараз ми подивимося як швидко налаштувати показник відмов з допомогою google tag manager. Для цього нам потрібно налаштувати відправку події в Google Analytics після закінчення певного часу (припустимо це буде 15 секунд). Для початку створимо тригер. Переходимо на вкладку тригери і натискаємо кнопку "створити", потім вигадуємо назву тригеру та вибираємо тип - таймер.

Тепер нам потрібно виставити інтервал 15000 (бо це мілісекунди), обмеження ставимо 1 (кілька разів за відвідування може бути зафіксована мета). За умови тригера ставимо Page url, "містить" і домен свого сайту. Вибираємо "всі таймери", щоб тригер спрацьовував на всіх сторінках.

Натискаємо «зберегти» та переходимо у вкладку теги. Створюємо тег Universal Analytics, вигадуємо назву, додаємо ідентифікатор відстеження, вибираємо тип відстеження - подія. Далі, заповнюємо "категорію" і "дію" робити це можна довільно т.к. ми не будемо використовувати ці дані, нам потрібен сам факт надсилання даних. Потім пункт “не взаємодія” обов'язково виставляємо “false”.

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

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

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

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

Помнете ми з вами налаштували лічильник Метрики, потім лічильник 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 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.

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

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

1. В інтерфейсі Google Тег Менеджер йдемо на вкладку «Тригери».
2. Тип тригера – «Тільки посилання».
3. Тригер активується на всіх сторінках: "Всі кліки за посиланнями".
4. Прописуємо назву, наприклад "Клік за посиланнями".

Рис. 1

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

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

Рис. 2

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

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

1. Тип тега – Universal Analytics.
2. Тип відстеження – «Подія».
3. Параметри подій, що відстежуються: «Категорія» - наприклад, Affiliate Links; "Дія" - Click URL; "Ярлик" - Page Path.
4. У налаштуваннях Google Analytics прописуючи ідентифікатор відстеження (код GA).
5. І останнє, додаємо вже створений раніше тригер «Клік з банера». Див. Рис. 3.

Рис. 3

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

Рис. 4

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

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