В этой статье вы узнаете с помощью каких инструментов и команд можно самому создать мультилендинг на своем сайте или сайте Заказчика. Как с применением Google Tag Manager, так и без него.
Вариант 1. Простейший и без Google Tag Manager
Да-да, в этом случае нам даже не понадобится Google Tag Manager. Но, этот вариант подходит только для сайтов на платформе WordPress.
Если сайт развернут на платформе WordPress, можно решить вопрос без программирования и знания кода. Для этого вам пригодится плагин Duplicate Post
После установки и активации, любую запись можно клонировать. После этого, в рекламных кампаниях/группах объявлений выбираем скопированный пост с внесенными изменениями указываем в качестве целевого url. Быстро, просто и бесплатно.
Вариант 2. Если лендинг сделан на чистом HTML вам понадобится Google Tag Manager
Для настройки мультилендинга нам понадобится установленный на сайт Google Tag Manager.
Все делается максимально просто. Рассмотрим на примере сайта http://just-musthave.in.ua/
Работа с Google Tag Manager по шагам:
-
Создаем тег в Google Tag Manager. Типа пользовательский HTML:
2. В поле для вставки кода вставляем:
<script> $('h1').text('Наш заголовок'); </script>
3. «Наш заголовок» меняем на нужный нам текст. Для демонстрации укажу «Подмена заголовка».
После этого, спускаемся ниже и создаем триггер, который будет активировать наш тег:
Называем триггер на своё усмотрение. Я назову «Подмена заголовка».
5. Выбираем тип триггера «Просмотр страницы»:
6. Указываем некоторые просмотры страниц.
7. Выбираем в выпадающем списке Page URL, в следующем списке указываем «содержит».
8. И в последнем окне указываем текст, который мы собираемся добавить в utm метке.
Например, podmena-zagolovka. Готово!
Для проверки на работоспособность жмём на «Предварительный просмотр»:
9. Переходим на сайт. Внизу должен появится отладчик Google Tag Manager.
Поскольку мы находимся на странице, в url которой не содержится podmena-zagolovka, никаких изменений мы не наблюдаем.
10. Чтобы случилась магия, нам достаточно после слеша ссылка дописать следующее: ?podmena-zagolovka
Ссылка должна выглядеть так: http://just-musthave.in.ua/?podmena-zagolovka
Для наглядности создал ещё один тег, который активируется при переходе на ссылку http://just-musthave.in.ua/?test
Как это может выглядеть при работе с контекстной рекламой?
-
При создании utm метки, мы пишем то, что указывали в условиях активации триггера и на выходе получаем следующее:
http://just-musthave.in.ua/?utm_source=google&utm_medium=cpc&utm_campaign=test
-
Переходим по ссылке и видим, что наш заголовок поменялся.
Иногда, если сайт медленно подгружается, сначала мы увидим исходный заголовок, а затем подмененный.
Примечание! Указанный метод работает, если сайт сделан на чистом Html.
Илья Сандырев,
автор блога http://sandyriev.com/,
специалист Google Adwords, Яндекс.Директ, веб-аналитик,
интернет маркетолог и учредитель агентства Content Avenue
