Google tag manager встановлення. Google Тег Менеджер: відстежуємо переходи за партнерськими посиланнями. Установка лічильника Метрики

Вітаю всіх! Сьогодні ми поговоримо про 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 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 налаштувати мету під нашу подію.

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

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 сторінку.
• Можна моніторити кількість кліків по віджетам та спец.кнопкам.
• Існує можливість простежити джерела отримання зовнішнього трафіку.

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

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

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

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

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