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

Варіант зміни заголовку будемо робити в залежності від параметру в URL посадкової сторінки. Такий спосіб можна використовувати, коли заголовок потрібно замінити в залежності від міста користувача. Наприклад в Києві показувати заголовок зі згадкою про Київ, а в Харкові зі згадкою про Харків.

Створюємо змінну в GTM

Динамічна зміна заголовку на сайті через GTM. Створення змінної

Тип змінної: URL-адреса
Тип компоненту: Запит
Ключ запиту: city
Назва змінної: query key = city

Створюємо тригер в GTM

Динамічна зміна заголовку на сайті через GTM. Створення тригеру

Тип активатора: Перегляд сторінки
Запуск тригера: Окремі сторінки
Запускати тригер коли:
Змінна query key = city не дорівнює undefined
Назва змінної: query key = city

Створюємо тег в GTM

Динамічна зміна заголовку на сайті через GTM. Створення тегу

Тип тегу: Користувацький тег HTML

<script>
 if ({{query key = city}} == 'параметр') {
  document.querySelector("#selector елемента, який змінюємо").innerText = "текст, на який змінюємо"
 }
</script>

Розберемо детальніше код
параметр – значення, яке буде вказане в URL, коли необхідно застосувати заміну (заміна буде відбуватися тільки тоді, коли в URL буде вказаний параметр).

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

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

Динамічна зміна заголовку на сайті через GTM. Копіюємо selector

Публікуємо зміни в контейнері GTM і перевіряємо заміну на сторінці додавши до URL параметр
?city=Kyiv

Динамічна зміна заголовку на сайті через GTM

Перевірити можна за посиланнями
https://adspromo.top/audyt-reklamnyh-kampanij/ – без заміни заголовку

https://adspromo.top/audyt-reklamnyh-kampanij/?city=Kyiv – зі зміною заголовку

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