Принцип работы данного инструмента — это адаптация контента сайта под определённого посетителя, который перешёл с поисковой рекламы или баннера на сайт. Подходит для одностраничных сайтов (лендингов) с посещением до 200 уникальных посетителей в день.
Например, компания ведёт несколько видов деятельности (юридическое сопровождение, бухгалтерские услуги, сдача отчётности в налоговые органы и пр.) и запустила несколько рекламных кампаний. При помощи UTM-меток пользователь при переходе с одного из рекламных объявлений на сайт видит необходимую для него информацию.
В данной статье рассмотрим реализацию такого случая при помощи Google Tag Manager.
В первую очередь необходимо внедрить GTM в исходный код сайта, если его там ещё нет. Если есть, переходим к настройке.
Начнём с исследования элемента, который будет меняться.
Как видим из картинки, изменять будем текст заголовка h1, который имеет идентификатор pagetitle.
Он также может иметь класс — например, class = «pagetitle» и с его помощью тоже можно изменять текст.
Переходим в GTM в Переменные — блок Пользовательские переменные
Нажимаем Создать
Зададим название, например URL Key
Задаём настройки переменной
- Тип переменной: URL (из раздела Навигация)
- Тип компонента: Запрос
- Ключ запроса: utm_content
Создадим ещё одну переменную UTM Content
Задаём ей настройки
- Тип переменной: Таблица поиска (из раздела Утилиты)
- Входная переменная: {{URL Key}}
Таблица поиска
Входные данные | Результат |
text_1 | Отправка форм на E-Mail |
text_2 | Отправка форм на электронную почту |
text_3 | Скрипт обратной связи с вебмастером |
Ставим галочку: Установить значение по умолчанию
Значение по умолчанию: PHP + AJAX скрипт отправки форм на E-mail (данный текст — это пример, вам надо прописать под ваши нужды)
Переходим в Триггеры — Создать
Называем его Text Substitution
Настраиваем
Тип триггера: Просмотр страницы
Условия активации: Некоторые просмотры страниц
Активировать при выполнении условия:
Page URL | содержит | examples/contact_form |
Для одностраничного сайта в условиях активации выбираем Все просмотры страниц
Теперь переходим в Теги — Создать
Зададим название Text Substitution Tag
настроим его
Тип тега: Пользовательский HTML
Код (если задан id заголовка, как в рассматриваемом примере):
<script type="text/javascript"> document.getElementById("pagetitle").innerHTML="{{UTM Content}}"; </script>
Код (если задан class):
<script type="text/javascript"> document.getElementByClassName("pagetitle").innerHTML="{{UTM Content}}"; </script>
Привязываем к нему триггер Text Substitution
Сохраняем и опубликовываем.
Проверяем
Страница по умолчанию
Страница /?utm_content=text_1
Страница /?utm_content=text_2
Страница /?utm_content=text_3
Как видим, всё работает.
Поделиться ссылкой: