Подмена контента на странице с использованием метки utm_content с помощью GTM

Принцип работы данного инструмента – это адаптация контента сайта под определённого посетителя, который перешёл с поисковой рекламы или баннера на сайт. Подходит для одностраничных сайтов (лендингов) с посещением до 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

Как видим, всё работает.

Поделиться ссылкой: