Динамическая подмена контента: что это и как сделать на сайте

Задачи и инструменты для настройки динамического контента.

Один из способов повысить конверсии — персонализировать посадочную страницу. Сделать это можно с помощью динамической подмены контента под характеристики пользователей. Рассказываем, что это такое и как настроить в разных сервисах.

Динамический контент — это контент, который подстраивается под поисковые запросы, местоположение, интересы или поведение аудитории. Опцию часто используют в рекламных кампаниях. Персонализация посадочной страницы позволяет повысить конверсию и снизить расходы на рекламу. Такую страницу еще называют мультилендингом. Это может быть как лендинг, так и отдельная страница сайта, на которую ведет объявление.

Рассмотрим на примере, как это работает. Введем в строку поиска Яндекса «услуги бухгалтера удаленно» и сразу видим рекламное объявление, заголовок которого точно отвечает на запрос:

Переходим на сайт и на главной видим заголовок «услуги бухгалтеров онлайн». Он немного отличается от нашего запроса, но все равно отражает именно то, что мы ищем.

Теперь введем в поиске «бухгалтер для ИП». Находим в рекламной выдаче этот же сайт — предложение снова точно отвечает на запрос:

Открываем сайт и видим ту же страницу, но уже с другим заголовком:

Благодаря подмене заголовков предложение компании точно соответствует запросам разной аудитории. Посетители сайта понимают, что попали по адресу, и с большей вероятностью совершат конверсию — оставят заявку.

Вот еще пример. Школа английского языка настроила на посадочной странице динамическую подмену заголовка, подзаголовка и фонового изображения. Вот так выглядит страница для пользователей, которые пришли по запросу «английский язык для взрослых»:

А вот так — для пользователей, которые вводили запрос «английский язык для детей»:

Помимо заголовка, подзаголовка и картинок, менять можно подписи к кнопкам CTA и лид-формам, меню, контактные данные и другие элементы. Главное, чтобы все было согласовано между собой.

Подмена контента подойдет в таких случаях:

Используя подмену контента, вы сможете обратиться к каждому сегменту аудитории с релевантным предложением.

Увеличить лиды и продажи с сайта поможет платформа PromoPult. Здесь собраны все популярные инструменты для привлечения клиентов — SEO, контекстная и таргетированная реклама. Автоматизация сложных технических процессов, AI инструменты, подсказки и рекомендаторы позволят быстро запустить рекламу даже новичку и сразу получать конверсии. А если вы продаете на Wildberries, пользуйтесь бесплатными инструментами для селлеров — рекламным биддером, аналитикой бустера и мониторингом позиций.

Прежде всего нужна универсальная посадочная страница, которая подойдет для всей аудитории. Это исходный вариант, на основе которого настраивают персонализацию. Перед этим аудиторию разделяют на сегменты, использовать можно разные критерии:

Далее решают, какой контент делать динамическим. Самые конверсионные элементы на лендинге — это заголовок и подзаголовок, отражающие суть предложения, а также CTA в лид-форме («Записаться на пробный урок», «Заказать бесплатный расчет»), поэтому их подменяют чаще всего. Иногда может потребоваться замена картинки и фона для усиления визуального воздействия.

О том, как создать конверсионный лендинг, читайте в нашей инструкции.

Чтобы настроить динамическую подмену, на страницу добавляют скрипты. Работая с кодом сайта напрямую, можно создавать различные сценарии и полностью контролировать процесс. Но этот вариант подойдет, только если есть навыки программирования. При этом уровень знаний нужен хороший, иначе могут быть ошибки, которые повредят работе сайта.

Если знаний в программировании нет или их недостаточно, лучше использовать специальные инструменты и сервисы. Рассмотрим их подробнее и покажем основные настройки.

tagmanager.google.com

Особенности:

Стоимость: бесплатно и без ограничений.

Google Tag Manager (GTM) — платформа от Google для управления тегами (фрагментами кода) на сайте. Сервис часто используют для установки меток аналитики, пикселей соцсетей, меток отслеживания целевых действий. Также с помощью него можно настроить персонализацию контента.

Напрямую работать с исходным кодом страницы не нужно. Все делается через интерфейс сервиса по шаблонам и добавляется автоматически на сайт из контейнера GTM. Перед тем как начать работу, создаем учетную запись и, следуя инструкциям, устанавливаем код GTM на сайт.

Дальнейшие настройки зависят от того, что конкретно и при каких условиях хотим подменять на странице. Общий алгоритм такой:

После всех настроек страницу можно протестировать в режиме предварительного просмотра. Перейдя в этот режим, вы увидите консоль отладки с информацией о тегах. Если все работает корректно, можно опубликовать изменения.

В блоге PromoPult есть подробный гайд по работе с Google Tag Manager.

metrika.yandex.ru

Особенности:

Стоимость: бесплатная версия и расширенная версия — от 100 тыс. рублей в месяц.

Недавно в Яндекс Метрике появился новый раздел — «Персонализация» (о других обновлениях в Метрике читайте в этой статье). В нем можно настроить динамическую подмену контента. Опция доступна пользователям Varioqub, поэтому сначала нужно установить код этого сервиса на сайт. Это можно сделать разными способами, в том числе с помощью GTM.

Затем в Метрике открываем раздел «Вариокуб» → «Персонализации».

Создаем новую персонализацию и прописываем для нее условия:

Далее выбираем тип персонализации, то есть способ, которым будем ее настраивать. Проще всего это сделать в визуальном редакторе: переходим в эту вкладку, выделяем любой элемент страницы и редактируем в специальном окошке. Доступно три режима: Basic (чтобы изменить набор свойств элемента), CSS, HTML и JS.

Для гибкой настройки и сложных пользовательских сценариев можно использовать тип персонализации «Флаги в коде». А если нужно изменить размеры и способы отображения рекламных блоков, выбираем тип персонализации «Рекламные блоки». На скрине ниже пример изменения высоты блока из Яндекс.Справки:

После всех настроек тестируем страницу в разделе «Проверка изменений» → «Проверить».

yagla.ru

Особенности:

Стоимость:

В Yagla можно запускать рекламные кампании и настраивать посадочные страницы под разные сегменты аудитории. Сервис интегрируется с Яндекс Директом, VK Рекламой, myTarget и другими платформами. Можно создать новый рекламный кабинет или прикрепить уже действующий, в последнем случае придется оплатить тариф.

Данные рекламных кампаний (посадочная страница, объявления, ключевые фразы) автоматически подгружаются в сервис. На их основе настраивают персонализацию страницы. Процесс состоит из 4 шагов и отображается в верхней части экрана:

Сначала размечаем страницу. Это можно сделать в визуальном редакторе: просто выбираем мышкой элемент, который будем подменять. Есть также режим кода и продвинутый режим для более сложных изменений. Если страниц много, их можно объединить в группу и разметить по шаблону, чтобы сэкономить время.

На следующем этапе система сгенерирует код, его устанавливаем на сайт.

Теперь настраиваем связки. Выбираем объявления с ключевыми фразами, а напротив указываем содержимое подменяемых элементов. Можно переключиться в режим предпросмотра, чтобы увидеть, как это будет выглядеть на странице. Это поможет избежать проблем с версткой, которая возникает, например, из-за слишком длинных заголовков.

Чтобы активировать изменения, нажимаем «Включить проект» вверху экрана.

После запуска проекта в таблице связок можно отслеживать статистику, выявлять сегменты, в которых хуже конверсия, и корректировать подменяемый текст.

www.personyze.com

Особенности:

Стоимость:

Personyze — англоязычный сервис с огромным функционалом для персонализации. Здесь можно настраивать мультилендинги, товарные рекомендации, электронные письма с динамическим контентом, персонализацию приложений, проводить A/B тесты и многое другое.

После регистрации система попросит ввести адрес сайта.

Далее нужно разместить код сервиса на своем сайте напрямую или с помощью GTM.

Чтобы настроить подмену контента, выбираем опцию «Таргетинг и персонализация».

Устанавливаем правила подмены: можно использовать более 70 критериев, включая UTM-метки, источники трафика, данные CRM и многое другое. Всё настраивается в едином окне:

Далее настраиваем контент, который будет подменяться. Переходим в раздел «Контент» и нажимаем «Добавить действие».

Откроется панель, из которой нужно выбрать тип действия. Например, разметить контент в визуальном редакторе, выполнить скрипт на странице, настроить всплывающие окна — вариантов много.

После всех настроек тестируем страницу и публикуем. Personyze собирает подробную статистику, можно отслеживать CTR, конверсии, отказы, время сеанса и многое другое.

ru.wordpress.org/plugins/if-so

Особенности:

Стоимость: бесплатная версия с ограниченным функционалом и платная версия — от $89 за 1 домен.

Если ваш сайт базируется на WordPress, используйте плагин IfSo. После его установки и активации подмену можно будет настроить несколькими способами. Первый способ подойдет для любого конструктора, который вы используете на платформе.

Второй способ подойдет для пользователей конструкторов Gutenberg и Elementor. Процесс настройки будет еще проще. Просто щелкаем на нужный блок/элемент, а затем в меню указываем условие для его отображения.

И последний способ — это размещение на странице шорткодов с динамической вставкой ключевых слов. Этот вариант можно использовать для отображения местоположения, имени пользователя, местного времени и т. д.

В IfSo есть статистика, чтобы отслеживать просмотры и конверсии. Для получения более подробных данных систему можно связать с Google Analytics.

Обзор других популярных плагинов для WordPress — в этой статье.

tilda.cc

Особенности:

Стоимость: опция доступна в платной версии Tilda, стоимость — от 500 рублей в месяц.

Настроить подмену контента в «Тильде» можно путем добавления специальных блоков. Они находятся в библиотеке блоков в разделе «Другое».

Например, сделаем подмену заголовка по параметрам в URL. Для этого сначала добавляем ключ в формате %%любое слово%% в заголовок — эта часть текста будет меняться.

Переходим в конец страницы, открываем библиотеку блоков и находим блок под нашу задачу — Т803 «динамический текст по параметрам в URL».

В открывшейся форме заполняем условия подмены:

Тестируем изменения, переходя по ссылкам с различными URL-параметрами. Если всё работает, публикуем.

Чтобы настроить подмену изображений и кнопок, используем блоки для динамической подмены блоков. В условиях указываем номера блоков, которые будут демонстрироваться или скрываться, в зависимости от значения в URL (T809), геолокации (T810) или языка браузера (T839).

Опция подмены контента есть также в конструкторах Creatium, Flexbe, PlatformaLP.

Динамический контент позволит точно «попасть» в потребности аудитории, поэтому поможет увеличить продажи, заявки, обращения. Настроить его несложно, для этого есть специальные сервисы.

Если у вас есть базовое понимание кода и нужен бесплатный способ, то GTM — лучший вариант. Можно использовать новый инструмент Яндекс Метрики, но в бесплатной версии есть ограничения.

Yagla и Personyze идеальны для новичков — можно просто и быстро всё настроить. Первый сервис доступен бесплатно, если использовать его рекламные инструменты. А в Personyze есть бесплатный тариф для небольших проектов.

Подмену контента можно настроить и в некоторых конструкторах. А если ваш сайт базируется на WordPress, то подойдет плагин IfSo.

Реклама. ООО «Клик.ру», ИНН:7743771327, ERID: 2VtzqwArgYp