Як установити тег Google

Завдяки тегу Google продукти Google, якими ви користуєтеся, отримують дані для відстеження ефективності вашого вебсайту й оголошень. Тег Google надсилає дані на підключені цільові сервіси, зокрема в Google Ads і Google Analytics 4.

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

Зміст статті

• Де знайти наявний тег Google
• Як установити тег Google на веб-сайті
• Як перевірити, чи працює налаштований тег

Примітка. Усі глобальні теги сайту перетворено на теги Google. Якщо на вашому вебсайті розміщено глобальний тег, вам не потрібно оновлювати сайт, щоб використовувати тег Google.

Що таке ідентифікатор тегу й де його знайти?

Що таке ідентифікатор тегу Google?

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

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

Примітка. Якщо система керування контентом (або інструмент для створення веб-сайтів) не приймає ідентифікатор тегу GT-, можете використати псевдонім, як-от AW-XXXXX або G-XXXXX, що підтримується цією системою.

Де шукати ідентифікатор тегу Google?

Ви можете переглянути налаштування тегів Google у Google Ads, Google Analytics і Менеджері тегів Google. Увійдіть до продукту й дотримуйтесь вказівок, щоб переглянути ідентифікатор тегу.

Вказівки для Google Ads

Відкрийте налаштування тегу Google.

Вказівки для Google Analytics

1. На сторінці Адміністратор знайдіть розділ Збирання й змінення даних і виберіть Потоки даних.
2.  Натисніть потік, щоб дізнатися більше.
3. Результат. На екрані мають відображатися налаштування Google Analytics і тегу Google.

Вказівки щодо використання Менеджера тегів Google

Примітка. Щоб переглядати ідентифікатори в Менеджері тегів Google, ви маєте керувати Google Ads, Analytics або тегом Google у контейнері.

1. Відкрийте Менеджер тегів Google.
2. Перейдіть на вкладку Теги Google, щоб переглянути налаштовані раніше теги.
   
3. Щоб змінити налаштування тегу Google, натисніть його назву.

Що таке цільовий сервіс і ідентифікатор цільового сервісу?

Що таке цільовий сервіс?

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

Зараз є 4 наведені нижче типи цільових сервісів.

1. Потік вебданих Google Analytics 4
2. Обліковий запис Google Ads
3. Конфігурація Floodlight (використовується в Campaign Manager 360, Display & Video 360)
4. Джерело конверсії Merchant Center

Що таке ідентифікатор цільового сервісу?

Ідентифікатор цільового сервісу позначає зв’язаний продукт Google, як-от Google Ads або Google Analytics. Тег Google використовує такі ідентифікатори для завантаження налаштувань цільового сервісу й маршрутизації подій.

Для Google Ads ідентифікатор цільового сервісу збігається з ідентифікатором відстеження конверсій, наприклад AW-98765.

Для Google Analytics він збігається з ідентифікатором потоку веб-даних, наприклад G-12345.

 

Як установити тег Google на веб-сайті

Щоб почати відстежувати ефективність веб-сайту й реклами, вам потрібно додати тег Google на кожну сторінку веб-сайту.

Виберіть продукт, який ви використовуєте для налаштування тегу Google.

Порада. Якщо ви використовуєте Google Ads і Google Analytics, налаштуйте тег Google лише на одній платформі. Ви зможете додати інший продукт як цільовий сервіс пізніше в налаштуваннях тегів Google.

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

Як установити тег Google за вказівками для Google Ads

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

1. Використовувати виявлений на веб-сайті тег Google (рекомендовано)
2. Використовувати наявний тег Google
3. Установити тег Google

Використовувати виявлений на вебсайті тег Google (рекомендовано)

Скористайтеся таким тегом, щоб завершити налаштування, не змінюючи код сайту. Користувачів вашого облікового запису буде додано як користувачів тегу. Докладніше про те, як керувати тегом Google.

1. Натисніть Деталі, щоб переглянути докладну інформацію про тег.
2. Натисніть Готово.

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

• Установивши тег Google, налаштуйте його конфігурацію.
• За потреби запустіть Tag Assistant, щоб перевірити дію ключової події і збирання даних.

Використовувати наявний тег Google

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

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

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

1. Натисніть Вибрати тег, щоб переглянути:
   1. Список тегів, до яких ви маєте доступ із правами адміністратора
   2. Ідентифікатори тегів
   3. Сайт, на якому виявлено тег
      • Якщо тег виявлено на вказаному вами сайті, ви можете вибрати тег із міткою "На сайті", щоб завершити налаштування, не змінюючи код. Якщо вибрати тег із міткою "Не виявлено", можливо, його потрібно буде встановити.
2. Виберіть тег Google, який хочете використовувати, й натисніть Підтвердити.

Установити тег Google

Установити тег Google можна 2 наведеними нижче способами.

• За допомогою інструмента для створення вебсайтів.
• вручну.

За допомогою інструмента для створення вебсайтів

Щоб розгорнути тег Google, можна скористатися інструментом для створення вебсайтів або системою керування контентом, наприклад Wix або Duda. Виберіть інструмент для створення веб-сайтів і дотримуйтеся вказівок, щоб завершити налаштування тегу Google, не змінюючи код. Якщо ви намагаєтеся додати тег через інтеграцію із системою керування контентом або інструментом для створення веб-сайтів, але вона не приймає ідентифікатор тегу GT-, використайте псевдонім (AW-XXXXX чи G-XXXXX), який ця інтеграція підтримує.

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

• Drupal
• Duda
• MonsterInsights для WordPress
• Typo3
• Wix

Докладніше про те, як установити тег Google за допомогою інструмента для створення вебсайтів.

Після завершення встановлення:

1. Натисніть Готово – система Google просканує ваш веб-сайт.
2. Щоб завершити налаштування тегу Google, натисніть Готово.

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

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

1. Щоб установити тег, скопіюйте й вставте його в код кожної сторінки сайту після елемента <head>. На кожну сторінку можна додати лише один тег Google. Нижче наведено приклад тегу Google, де TAG_ID позначає ідентифікатор тегу, унікальний для вашого облікового запису Google Ads:
   
   <script async
src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
2. Змініть тег Google відповідно до своїх потреб (необов’язково).
   1. Якщо ви не хочете, щоб тег Google додавав відвідувачів у списки ремаркетингу під час першого завантаження сторінки, додайте виділену частину коду в команду config цього тегу:
      gtag('config',' TAG_ID',{'send_page_view': false});
   2. Якщо ви не хочете, щоб тег Google встановлював власні файли cookie в домені вашого сайту, додайте виділену частину коду в команду 'config' цього тегу:
      gtag('config',' TAG_ID',{'conversion_linker': false});
      • Примітка. Ми не радимо цього робити, оскільки це може призвести до менш точного відстеження конверсій. Щоб вимкнути збирання даних ремаркетингу, додайте виділену команду gtag('set') у тег Google над командою gtag('js'). Тоді збирання даних ремаркетингу буде вимкнено для всіх налаштованих облікових записів Google Ads.
        <script async
src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('set', 'allow_ad_personalization_signals', false);
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
3. Скопіюйте тег Google і додайте його на свій вебсайт.
4. Відкрийте HTML-код сторінки, на яку переходять користувачі вашого веб-сайту після здійснення конверсії (наприклад, сторінки з подякою за замовлення). Вона називається сторінкою конверсії.
5. Між тегами (<head></head>) вставте глобальний тег сайту, а потім – фрагменти подій, що стосуються цієї сторінки.
6. Збережіть внесені зміни.
7. Натисніть Готово.
8. Натисніть Установити тег події.
9. У розділі "Фрагмент події" увімкніть відстеження конверсій за кліками або за завантаженнями сторінки.
   • Завантаження сторінки. Конверсії реєструються, коли клієнти відвідують сторінку конверсії (наприклад, сторінку підтвердження покупки чи реєстрації). Цей варіант найпоширеніший і використовується за умовчанням. Докладніше про стандарти конфіденційності Google
   • Клік. Конверсії реєструються, коли клієнти натискають кнопку або посилання (наприклад, кнопку "Придбати зараз").
10. Скопіюйте фрагмент події і додайте його на вебсайт, дотримуючись цих вказівок, або натисніть "Завантажити фрагмент", щоб додати його пізніше.
    • Якщо ви налаштували відстеження конверсій за завантаженням сторінки, додайте фрагмент події на відстежувану сторінку.
    • Якщо ви налаштували відстеження конверсій за кліком, додайте фрагмент події на сторінку з посиланням чи кнопкою, кліки яких потрібно відстежувати.
11. Натисніть Далі.
12. Натисніть Готово.
13. Натисніть Готово. Якщо ви налаштували відстеження кліків на веб-сайті як конверсій, дотримуйтеся цих вказівок, щоб додати ще один фрагмент коду в кнопку або посилання, які потрібно відстежувати. Це потрібно, щоб забезпечити відстеження конверсій.

Примітка. Радимо не додавати більше ніж один екземпляр тегу Google на кожну сторінку веб-сайту.

Установивши тег Google, переконайтеся, що він працює.

Як установити тег Google за вказівками для Google Analytics

1. На сторінці "Адміністратор" у розділі Збирання й змінення даних натисніть Потоки даних.
   За попереднім посиланням відкриється останній ресурс Analytics, у який ви входили. Щоб змінити ресурс, скористайтеся засобом вибору ресурсу. Ви повинні мати принаймні права редактора на рівні ресурсу, щоб налаштувати тег Google.
2. Виберіть потік даних, який потрібно змінити.
3. У розділі "Тег Google" натисніть Налаштувати параметри тегу.

4. У розділі "Ваш тег Google" натисніть Вказівки зі встановлення.
5. На сторінці "Вказівки зі встановлення" виберіть "Установити за допомогою системи керування контентом або інструмента для створення веб-сайтів" чи "Установити вручну".
   • Якщо ви керуєте веб-сайтом за допомогою інструмента для створення веб-сайтів (або системи керування контентом, як-от Wix чи Wordpress), виберіть відповідний варіант встановлення. Виберіть інструмент для створення веб-сайтів і дотримуйтеся вказівок, щоб завершити налаштування тегу Google, не змінюючи код.
   • Щоб установити тег вручну, перейдіть у розділ "Вручну". На екрані з’явиться фрагмент JavaScript для тегу Google вашого облікового запису. Щоб зв’язати веб-сайт із Google Analytics, скопіюйте та вставте весь фрагмент тегу Google у код кожної сторінки сайту одразу після елемента <head>. Ваш тег Google – це розділ коду від елемента
     
     <!-- Глобальний тег (gtag.js) -->
     
     до елемента
     
     </script>

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

Дані почнуть збиратися протягом 30 хвилин. Потім у звіті "У реальному часі" ви зможете перевірити, чи надходять дані.

Установивши тег Google, переконайтеся, що він працює.

Ви можете додати й налаштувати ресурс Google Analytics 4 на сайт, де вже використовується ресурс GA4, за допомогою Асистента з налаштування GA4.

Як установити тег Google за вказівками для Campaign Manager 360

Установити тег Google можна одним з наведених нижче способів.

• Вручну.
• За допомогою інструмента для створення вебсайтів.

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

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

1. На вкладці "Тег Google" натисніть Вказівки зі встановлення.
2. У розділі "Установити вручну" скопіюйте код тегу Google.

   Прикладу тегу Google

   Нижче наведено приклад тегу Google, де TAG_ID позначає ідентифікатор тегу, унікальний для вашого облікового запису Google Ads.
   
   <script async
src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>

3. Вставте його в код кожної сторінки вебсайту після елемента <head>.

За допомогою інструмента для створення вебсайтів

Щоб розгорнути тег Google, можна скористатися інструментом для створення вебсайтів або системою керування контентом, наприклад Wix або Duda. Виберіть інструмент для створення вебсайтів і дотримуйтеся вказівок, щоб завершити налаштування тегу Google, не змінюючи код.

Докладніше про те, як установити тег Google за допомогою інструмента для створення вебсайтів.

Після завершення встановлення:

1. Натисніть Готово – система Google просканує ваш веб-сайт.
2. Щоб завершити налаштування тегу Google, натисніть Готово.

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

Установивши тег Google, переконайтеся, що він працює.

Як установити тег Google за вказівками для Менеджера тегів Google

Щоб керувати тегом Google разом з іншими тегами, введіть його в дію за допомогою Менеджера тегів Google.

Перш ніж почати

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

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

Крок 1. Створіть тег Google

Щоб налаштувати відстеження, спершу потрібно створити тег Google.

1. Відкрийте Менеджер тегів Google.
2. Виберіть контейнер, який потрібно налаштувати. Відкрийте меню Теги .
3. Створіть новий тег. Угорі сторінки введіть назву тегу (наприклад, "Конфігурація тегу Google – example.com").
4. У розділі Конфігурація тегу виберіть Тег Google .
5. Налаштуйте тег. Введіть свій ідентифікатор тегу Google у полі Ідентифікатор тегу.

   Де шукати ідентифікатор тегу Google?

   Ви можете переглянути налаштування тегів Google у Google Ads, Google Analytics і Менеджері тегів Google. Увійдіть до продукту й дотримуйтесь вказівок, щоб переглянути ідентифікатор тегу.

   Вказівки для Google Ads

   Відкрийте налаштування тегу Google.

   Вказівки для Google Analytics

   1. На сторінці Адміністратор знайдіть розділ Збирання й змінення даних і виберіть Потоки даних.
   2.  Натисніть потік, щоб дізнатися більше.
   3. Результат. На екрані мають відображатися налаштування Google Analytics і тегу Google.

   Вказівки щодо використання Менеджера тегів Google

   Примітка. Щоб переглядати ідентифікатори в Менеджері тегів Google, ви маєте керувати Google Ads, Analytics або тегом Google у контейнері.

   1. Відкрийте Менеджер тегів Google.
   2. Перейдіть на вкладку Теги Google, щоб переглянути налаштовані раніше теги.
      
   3. Щоб змінити налаштування тегу Google, натисніть його назву.
6. Необов’язково. Щоб вибрати, як тег Google взаємодіятиме із цільовими сервісами, застосуйте додаткові параметри конфігурації. Якщо ви налаштували тег Google і хочете зберегти всі налаштування за умовчанням, перейдіть до Кроку 2. Створіть тригер.

Додаткові налаштування

Налаштування глобальних параметрів

Щоб визначити спільний контекст кількох тегів Google, укажіть глобальний параметр за допомогою gtag.js безпосередньо на своєму веб-сайті.

Глобальні параметри читаються всіма тегами Google на вашому веб-сайті. Використовуйте цю опцію лише для неконфіденційних даних.

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

Конфігурація

Ви можете вказати додаткові параметри конфігурації, які впливають на налаштування тегу Google.

Щоб повторно використовувати наявну конфігурацію тегу Google, створіть змінну налаштувань конфігурації.

Спільні налаштування подій

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

Щоб повторно використовувати налаштування подій у тегах Google, створіть змінну Налаштування подій у тегу Google. Використовуйте рекомендовані назви параметрів подій, щоб система Google Analytics могла автоматично заповнювати відповідні параметри й показники.

Як налаштувати надсилання даних на сервер тегів

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

Щоб надсилати дані про всі події в серверний контейнер Менеджера тегів, а не в Google Analytics, потрібно налаштувати параметр, як описано нижче.

1. Відкрийте меню Налаштування конфігурації.
2. Додайте новий параметр конфігурації, щоб налаштувати URL-адресу серверного контейнера.
   • Назва: server_container_url
   • Значення: URL-адреса вашого серверного контейнера Менеджера тегів.

Результат. Параметри конфігурації повинні мати такий вигляд:

Як налаштувати властивості користувачів

Властивості користувачів – це атрибути, які описують групи бази користувачів (наприклад, місцеположення, мова тощо). Ви можете застосовувати ці властивості, щоб визначати аудиторії користувачів.

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

Analytics автоматично реєструє деякі параметри користувачів, тому вам не потрібно налаштовувати для них властивості. Для кожного ресурсу Google Analytics 4 можна налаштовувати щонайбільше 25 додаткових властивостей користувачів.

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

7. Натисніть Зберегти.

Крок 2. Створіть тригер

Налаштуйте тригер, який завантажує тег Google, коли хтось відкриває ваш веб-сайт.

1. Щоб переконатися, що тег Google активується раніше за інші тригери, натисніть Активація і виберіть тригер Ініціалізація – Усі сторінки. Докладніше про тригери сторінок.
2. Введіть назву тегу й натисніть Зберегти, щоб застосувати зміни в його конфігурації.

Результат

Конфігурація тегу має виглядати так:

Крок 3. Опублікуйте контейнер

Щоб оновити веб-сайт, угорі праворуч натисніть кнопку Надіслати.

Результат

Установивши тег Google, переконайтеся, що він працює.

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

Як перевірити, чи надсилає дані ваш тег

1. Відкрийте Google Tag Assistant.
2. Укажіть URL-адресу свого сайту.
3. Tag Assistant показує всі виявлені теги вгорі. Перевірте, чи відображається ваш тег Google.
4. На вкладці Підсумок перевірте, чи надсилає тег якісь події.
   • ✅ Якщо тег Google записує і надсилає події, його налаштовано правильно.
   • ❌ Якщо ви не бачите свій тег Google або він не збирає запити, перегляньте наведені нижче розділи й знайдіть вказівки щодо необхідних дій.

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

Тег не знайдено

Якщо система Tag Assistant не знайшла ваш тег Google, переконайтеся, що:

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

Цільовий сервіс не отримує дані

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

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

Подальші дії

Установивши тег Google, переконайтеся, що ви налаштували його для надсилання необхідних даних.

Налаштувати тег Google →

Статті за темою

• Про тег Google
• Як керувати тегом Google
• Як керувати користувачами тегу Google