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

Для полегшення процесу установки і настройки сторонніх сервісів на ваш сайт, рекомендуємо скористатися можливостями Google Tag Manager, з оглядом яких ми зараз вас познайомимо.

зміст:

Отримати безкоштовну консультацію від фахівця з вашого проекту

Що таке і навіщо потрібен Google Tag Manager

Google Tag Manager — це сервіс для управління тегами, Який робить роботу з кодами HTML і JavaScript для відстеження користувачів і подій на сайті більш легкої і зрозумілою. В рамках функціоналу диспетчера тегів можна додавати, змінювати і видаляти коди або теги без залучення вузького фахівця і, відповідно, додаткових витрат.

Щоб зрозуміти, навіщо потрібен даний сервіс, давайте розглянемо, що робить Google Tag Manager для вашого сайту. Існує чимало практичних аналізаторів і сервісів, які допомагають відслідковувати « життя » на вашому сайті. Для їх установки і коригування потрібно залазити у внутрішню систему ресурсу і кожен раз вносити зміни шляхом додавання кодів. Google створив зручний диспетчер тегів, розуміючи, що це необхідний інструмент, що забезпечує простий і зрозумілий доступ до зовнішніх сервісів, який дозволяє уникнути багатьох годин рутинної роботи і, що ще важливіше, помилок при внесенні змін до настройки сайту.

все о диспетчере тегов google

Що нам дає Google Tag Manager

сервіс дозволяє самостійно ( без залучення програміста ) виконувати:

  • синхронізацію з сервісами-аналізаторами Яндекс Метрика, Google Analytics і іншими;
  • розміщення скриптів HTML ( наприклад, А / B-тестування );
  • додавання ремаркетингових і ретаргетінгових тегів ( Google AdWords, Facebook, ВКонтакте, Double Click і ін. );
  • упорядкування кодів будь-яких інших зовнішніх сервісів на сайті.

Щоб працювати з тегами і кодами самостійно, потрібно лише раз залучити фахівця для установки коду GTM на ваш сайт. Хоча і з цим завданням багато хто може впоратися без допомоги програміста. Для цього необхідно скопіювати і вставити на кожну сторінку сайту два фрагмента коду контейнера сервісу, які будуть згенеровані системою після того, як ви створите аккаунт в Google Tag Manager. Першу частину коду потрібно розмістити в розділі HEAD, другу — після відкриває тега BODY. Зверніть увагу: код контейнера повинен бути скопійований на кожну сторінку сайту.

что дает код gtm на сайте картинка

Отримати безкоштовну консультацію від фахівця з вашого проекту

Основні елементи настройки Google Tag Manager

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

  1. Gmail-акаунт
    Ваша « особистість » для роботи в Google і його сервісах.
     
  2. аккаунт GTM
    Для одного Gmail-акаунта може бути створено кілька акаунтів Google Tag Manager – по одному для кожного проекту. Рекомендуємо використовувати додаткові акаунти в тому випадку, якщо ви працюєте з декількома клієнтами і їх сайтами. Для одного аккаунта GTM ( проекту ) може бути додано кілька сайтів. Тому, якщо ви є власником 3-4 сайтів, немає необхідності створювати 3-4 аккаунта, всі вони можуть бути об'єднані в рамках одного проекту.
     
  3. контейнер
    « Упаковка » для всіх тегів окремо взятого сайту. Код контейнера додається на кожну сторінку сайту, як ми писали вище. Надалі для управління тегами вам вже не буде потрібно що-небудь міняти або додавати в структуру ресурсу, робота триває тільки в Google Tag Manager.

    Код контейнера вказується при його реєстрації в GTM. Крім того, його можна побачити в будь-який момент, перейшовши у вкладку Адміністрування сервісу. Справа в розділі « Контейнер » натисніть на лінк « Встановити Google менеджер тегів », код перед вами.

    Как работает менеджер тегов от гугл
     
  4. тег
    Це виконує певну функцію ( передача даних в сервіс-аналізатор, запуск ремаркетингу та ін. ), кодовий фрагмент.

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

    При наявності достатнього досвіду і знань HTML є можливість створювати власні, призначені для користувача, теги.

    Как можно использовать google tag manager
     
  5. тригер
    Тригерами є умови, при яких відбувається активація того чи іншого тега. Їх можна налаштувати як на спрацьовування функціонального коду, так і блокування. Налаштовуючи тригер, ми можемо поставити правила фільтрації, наприклад, перехід на конкретну сторінку сайту, або подія: перехід за посиланням, натискання на банер і т. Д.

    что дает триггер в google tag manager

    Різновиди ( типи ) тригерів GTM:
  • Перегляд сторінки — уточнення моменту, в який повинен спрацювати тег:
    • Модель DOM готова ( проведено завантаження об'єктного документа );
    • Вікно завантажено ( вікно повністю завантажилося );
    • Перегляд сторінки ( стан готовності контейнера до роботи ).
  • клік — здійснений клік по певному елементу сайту:
    • Всі елементи ( користувач клікнув на будь-яку зону на сайті або елементи, відповідні заданим настройками умов );
    • Тільки посилання ( користувач клікнув на активний елемент );
  • взаємодія користувачів — уточнення умов взаємодії користувача з елементами сайту:
    • Відео YouTube ( відвідувач активував відеооб'єкт );
    • Глибина прокрутки ( була використана прокрутка сторінки );
    • Доступність елемента ( об'єкт повністю видно на сторінці );
    • Відправлення форми ( користувач відправив заповнену форму );
  • Інші
    • Зміна історії ( зміна фрагмента URL );
    • Помилка JavaSript;
    • Користувача подія ( настройка індивідуальних подій ).
  1. Мінлива
    Змінні — це настроюються параметри тригерів.

    пример переменной в диспетчере тегов

Переваги Google Tag Manager

До основних плюсів, Які ми отримуємо завдяки використанню диспетчера тегів, можна віднести:

  • відсутність необхідності звертатися до програмістів кожен раз, коли ви плануєте підключити новий сервіс або внести зміни в настройки і коди раніше підключених аналізаторів;
  • простий, зрозумілий і зручний інтерфейс;
  • можливість користуватися сервісом кільком фахівцям, для кожного з яких налаштовуються індивідуальні права доступу;
  • інтеграція з безліччю популярних сервісів;
  • прискорення роботи сайту за рахунок використання скорочених кодів;
  • спрощений процес підтвердження прав на ресурс в Search Console;
  • функція попереднього тестування змін виключає можливість допущення випадкових помилок в настройках;
  • автозбереження налаштувань і можливість повернення до раніше збереженої версії.

Мінуси Google Tag Manager

Є і кілька незначних недоліків сервісу, До основних можна віднести:

  • пошкодження кодової складової контейнера неминуче призводить до зупинки роботи всіх налаштованих з його допомогою тегів, пошук помилки при цьому може створити серйозну проблему;
  • повноцінна робота з сервісом все ж вимагає деякого розуміння особливостей HTML, DOM і JavaScript;
  • відсутність онлайн підтримки;
  • відсутність внутрішньосервісних звітів.

висновки

Диспетчер тегів — зручний і корисний інструмент для власників сайтів, SEO-фахівців і маркетологів, який дозволяє швидко і просто виробляти установку і настройку зовнішніх сервісів без необхідності роботи з кодом сайту. Якщо ви хоча б в загальних рисах розумієте, як можна використовувати Google Tag Manager і що може цей сервіс, ви без проблем зможете самостійно встановити і налаштувати його компоненти. В результаті ви маєте можливість відмовитися від послуг програміста, а також уникнути серйозних помилок при роботі з кодами, і прискорити роботу ресурсу, що пов'язано з особливостями GTM.

А хто допомагає вам з підключенням зовнішніх сервісів до сайту?

Отримати безкоштовну консультацію від фахівця з вашого проекту

Детальніше про особливості роботи з цим та іншими інструментами, необхідними для аналітики сайту, ми розповімо на курсі «Web-аналітика для бізнесу». За місяць навчання ви зможете налаштувати ці сервіси, отримати і проаналізувати дані, а що найголовніше - знайти рішення, як поліпшити поведінкові фактори і підвищити конверсію. Для читачів нашого блогу, які при покупці повідомлять промо-код « Analytics-GTM », Ми зробимо додатковий приємний бонус.