Вредоносное ПО (malware) - это назойливые или опасные программы,...
Всем привет. Недавно я писал статью, о том, к заявке на landing page. По факту, мы получали данные UTM из адресной строки, запоминали их в скрытых полях и передавали в обработчик, как и данные из обычных полей.
Подобным образом можно менять контент на странице, в зависимости от того, по какой фразе к нам пришел посетитель. Сейчас, сайт с такой функцией называют мультилендинг, и сегодня мы разберем php скрипт который поможет нам реализовать такой функционал на своем landing page.
Давайте наконец разбираться, как же сделать мультилендинг самостоятельно, без использования сторонних сервисов, за которые нужно платить деньги. Кстати, если надумаете внедрять, пожалуйста, поделитесь потом результатами конверсии. Буду очень признателен за скриншоты в духе «До/После» и если хотите, разместим скрин вместе со ссылкой на ваш лендинг в конце статьи как доказательство работоспособности инструмента. Думаю, это пойдет только в плюс вашему проекту (лишняя естественная ссылка).
Итак, для работы нам понадобится php, а значит, в случае необходимости, нужно переименовать вашу главную страницу с index.html в index.php. Это никак не повлияет на работоспособность лендинга.
Теперь, давайте поставим себе задачу. Допустим я хочу, чтобы у меня на лендинге менялся заголовок в зависимости от запроса. Например, я подобрал такие запросы:
- Верстка landing page
- Разработка landing page
И хочу, чтобы пользователям, при переходе по конкретному запросу, показывался наиболее релевантный заголовок. Давайте под каждый запрос создадим ссылку с . Ориентироваться будем на параметр «utm_content» (Вы можете выбрать любой).
Итак, для запроса « » — utm_content=sozdanie, для «Верстка landing page» — utm_content=verstka, а для «Разработка landing page» — utm_content=razrabotka.
Теперь приведу сам php скрипт:
Как видите, при помощи _Get запроса ловим нужные нам данные (utm_content или любой другой интересующий нас параметр), а затем следует элементарное условие. Если значение параметра «sozdanie», то сохраняем в переменную текст «Создание landing page» и выводим в нужное место таким образом:
сайт -
Если не одно из условий не сработало, то выводим значение по умолчанию:
Else{ $multiTitle = "Блог о создании landing page"; }
Для того, чтобы вам проще было разобраться, я подготовил исходник, в котором ссылки задал с utm меткой. Так вы легко сможете посмотреть, как это работает.
Вот такая статейка вышла. Спасибо вам за идею. Я думал, что самому сделать мультилендинг очень сложно и все никак не решался разобраться в этой теме.
Некоторые ребята, предлагали даже делать кучу разных страниц с разным контентом и давать разную ссылку в зависимости от запроса. Но это уж слишком муторно. Поэтому вот вам исходник. Пользуйтесь:) кроме того, можно менять не только текст, но и картинки, и другой тип контента. А на сегодня — все! Буду благодарен за ретвит. Всем пока!
Продающая страница (лендинг) обычно посвящена только одной услуге. Когда услуг несколько, самое очевидное решение - несколько лендингов. Но это съедает время, деньги и терпение - особенно когда новая услуга временная или сезонная.
Конверсию повысит динамический контент, который позволит менять заголовки, текст, кнопки и изображения в зависимости от потребностей пользователя.
В интернете есть сервисы, которые добавят на сайт динамический контент автоматически - но за кругленькую сумму. А я расскажу, как это сделать самостоятельно, бесплатно, без регистрации и СМС.
Но тут вы спросите меня…
Яна, а динамический контент - это вообще легально?Тех, кто хочет создать динамический лендинг, нередко останавливает страшное слово «клоакинг» (нет, не от слова «клоака», ударение на первый слог). Это один из приемов черного SEO: человек видит одну информацию, а поисковый робот - другую. Нехорошо получается.
Скажу сразу: динамические лендинги не имеют к этому никого отношения. Клоакеры (на первый слог!) работают с естественной выдачей, а мы подменим слова в браузере пользователя, который перешел по специально обученной ссылке.
Собираем динамический контентПотребуются три инструмента:
- базовые знания HTML;
- прямые руки.
Для начала разместите на всех страницах сайта код контейнера Google Tag Manager. Как это сделать, мои коллеги рассказывали в видео об .
Этап 1. Создаем триггер
Даем триггеру имя - например, «Динамический заголовок» (очень оригинально, знаю). В поле «Выбор события» указываем «Просмотр страниц».
Второй шаг самый простой - ничего не трогаем, нажимаем кнопку «Далее».
На последнем шаге выбираем «Некоторые просмотры». Далее указываем условие, при котором должен сработать триггер:
- в первом поле выбираем «Page URL»;
- во втором поле выбираем «содержит»;
- в третьем поле пишем слово, которое мы укажем в ссылке на динамический лендинг - например, dynamic_header.
На первом шаге выбираем «Пользовательский тег HTML».
Откроется окно, вставляем туда код:
$(‘h1’).text(‘Новый заголовок’);
Вместо «Новый заголовок», очевидно, придумываем свой заголовок. Соответственно, вторая строка кода будет выглядеть так:
$(‘h1’).text(‘У всех отстойные лендинги, а у меня крутой’)
http://мойклассныйсайт.ру/шикарныйлендинг/?utm_medium=cpc&utm_source=yandex.{source_type}&utm_campaign={campaign_id}&utm_content={ad_id}&utm_term={keyword}&utm_dh=dynamic_header
Готово! Теперь у страницы появится тот самый заголовок, который вы указали в настройках тега.
Но тут вы спросите меня…
Получается, динамический контент - это только заголовки?! Как же так, Яна?Вовсе нет, кто вам такое сказал? Вы можете, к примеру, поменять название кнопки или текст на странице.
Для каждого элемента, который вы хотите сделать динамическим, пропишите уникальный идентификатор, например, …. Вместо многоточия будет код элемента.
В окно для HTML (этап №2, шаг №2) вставляем строку:
document.getElementById(‘button1′).innerHTML=’Новое название кнопки’;
И все, готово!
Динамический контент на практикеУ кафе «Шоколадница для детей и их родителей» есть страница, на которой можно заказать день рождения. Выглядит она вот так (или можете пройти сюда).
Близятся летние каникулы, возник сезонный спрос на выпускные вечера. Учитывая, что пройдет он довольно быстро, я решила не создавать отдельную страницу, а добавить на существующую динамические элементы.
Для этого я поменяла заголовок, название кнопок, фотографии и текст. Поэтому если на сайт «Шоколадницы» вас привело объявление «Заказать выпускной в детском кафе», вы увидите такую страницу:
Динамический контент - это просто:
- размещаем код контейнера Google Tag Manager на всех страницах сайта;
- создаем триггер;
- создаем тег;
- вставляем HTML код;
- публикуем!
Надеюсь, вы опробуете динамический контент на практике. А если вы уже применяли такой метод, расскажите в комментариях, насколько выросла конверсия.
Эффективность лендингов достигается прежде всего за счет его жесткой структуры и акцента на конкретном предложении. Одностраничный сайт плохо будет продавать несколько разных товаров или услуг, он вряд ли заменит полноценный интернет-магазин, и не всегда такую посадочную страницу можно приспособить под несколько категорий покупателей, потому что у каждой могут быть свои интересы, и осветить их все на одной странице можно, но придется поплатиться легкостью восприятия информации, что на конверсии плохо скажется. Какой выход, если нужно достичь сразу нескольких целей? Сделать несколько лендингов? Можно, но дорого. Есть вариант поизобретательнее — мультилендинг.
Что такое мультилендингМультилендинг — это , контент на которой является динамическим, то есть он изменяется в зависимости от того, какой посетитель на нее попал.
Что на мультилендинге может подстраиваться под пользователя? Да все, что угодно:
- тексты
- оффер
- контактные данные
- изображения
- целые блоки и т.д.
Вы занимаетесь услугами по подбору авто. Главные сегменты ваших пользователей: подбор авто эконом класса, среднего и элитного-варианта. Если человек хочет дорогую машину, интересно ли ему будет на сайте смотреть картинки бюджетных машин отечественного производства? Нет, ему будут показаны фото дорогих авто и оффер будет делать акцент на элитном сегменте.
У вас есть несколько классов по курсам иностранного языка, который расположены в разных уголках большого города. Если человек, когда искал в Яндексе курсы в своем районе, увидит слишком далекий от него адрес, то он даже не будет интересовать вашим предложением. Если же вы сразу, на главном экране укажете адрес, который ему ближе всего, вероятность того, что он задержится на странице гораздо выше.
Вы занимаетесь отделкой домов и квартир. Если вас ищут в контекстной рекламе, то в заголовке можно указать только квартиры, совсем не упоминая коттеджи. И наоборот.
Надо отметить, что целесообразность создания мультилендинга существует не всегда. Разрабатывать мультилендинг вам совершенно не нужно , если:
- Вы не собираетесь вести на него трафик из
- Ваша целевая аудитория однородна и нет смысла дробить ее на мелкие сегменты
- Товары или услуги, которые вы продаете на лендинге очень близки друг к другу и все могут пригодиться любому вашему посетителю
Существует три основных способа для создания динамического лендинга. Нельзя однозначно сказать, какой из них лучше или хуже, все зависит от конкретных целей лендинга.
До того, как создавать мультилендинг, подумайте, насколько он вам необходим, и что для этого может понадобиться. С одной стороны, вам может понадобиться помощь программиста, если вы хотите внедрять специальные скрипты, с другой стороны, нужно будет провести исследование аудитории и понять, насколько использование динамического контента целесообразно. Если же исследование вы уже провели и знаете, как можно использовать мультилендинги в своих целях, то составляйте предложения для каждой группы посетителей и начинайте тесты!
Не пропустите:
В этой статье, мы рассмотрим инструмент, который будет подменять текст на сайте в зависимости от запроса пользователя. Мы будем делать, так называемый мультилендинг, то есть подмену текста на сайте, сервисом ЯГЛА .
Как работает сервис:
Например, если человек ввёл фразу в поиске «Купить дом», а вы на сайте, рекламируете и квартиры, и дома, и участки, и т.д., то соответственно целесообразнее, будет этому человеку, показывать страницу только с домами, так как он не ищет ничего остального. Если человек увидит на странице информацию по домам, то вероятнее, он оставит заявку, чем если он увидит квартиры. Подмена текста на сайте, повышает конверсию сайта.
Пример:
Вот заголовок на моём сайте «Настройка и ведение контекстной рекламы»
Такой заголовок будет показан всем, по какому бы запросу человек не пришел. Соответственно, меня это не устраивает, и я буду делать подмену заголовка под каждый запрос.
Например, в моей кампании яндекс директа, есть запрос «Настройка яндекс директ Краснодар».
Соответственно, если человек будет заходить на сайт по этому запросу, то не совсем рентабельно будет ему показывать стандартный заголовок о настройке контекстной рекламы. Лучше воспользоваться подменой текста на сайте, и написать более конверсионный заголовок. Как в примере ниже:
Это конечно не идеальный заголовок, но я даю вам информацию в качестве примера. А дальше, уже пусть работает ваше творчество.
Главное, чтобы пользователю был дан точный ответ на его вопрос. В моём случае, человек ищет услуги именно по Краснодару, а мы ему как раз и показываем этот город и фразу.
Как настроить подмену текста на сайтеПервым делом регистрируемся в сервисе по ссылке ЯГЛА .
Когда вы уже зарегистрировались, входим на сайт под своим логином и паролем.
У вас откроется начальный интерфейс для настройки сервиса.
Нам нужно выбрать подменяемые элементы. У вас откроется страница вашего сайта в системе, и нужно нажать на элемент, который будет подменяться. В качестве примера, я покажу вам подмену только на заголовках, а вы уже потом сможете доработать любой элемент на вашем сайте, вплоть до логотипа. Когда выбрали элемент, нажимаем «Да, сделать подменяемым».
Как работает подмена текста в системеОбратите внимание, что настройка подмен делается только для групп объявлений. В моём примере, реклама настроена по структуре 1 ключ = 1 объявление, поэтому я могу делать подмену текста для всех ключей. Если же у вас много ключей в одной группе, то вы сможете сделать подмену текста только для группы. Выход из этого положения такой: делайте ключевые запросы в группе, которые схожие по названию (отражают одно и то же).
Вставляете свои заголовки в поле для заголовков, и нажимаете «Сохранить». Теперь подмена текста на сайте у вас работает. Осталось только установить код на сайт, и запускать рекламу.
Если вам не совсем понятно, как сделать подмену текста на сайте (мультилендинг), то более подробно, я рассматриваю этот момент в видео:
Желаю вам удачи и бесконечного потока лидов. С вами был Михаил Антонов. Обращайтесь за настройкой и оптимизацией ко мне, и делайте репосты статьей!
Подписаться на новые статьи:
Мультилендинги уже как лет 5 «ходят» в ведущих трендах интернет-маркетинга. При этом нет единой трактовки, что это такое. Существует несколько подходов с разными принципами работы и разным эффектом.
В этой статье вы узнаете о технологии адаптивного контента. Это подстройка заголовка, подзаголовка, текста в лид-форме под запросы пользователей на одной и той же странице. В чем преимущества мультилендингов с адаптивным контентом по сравнению с прочими способами?
Персонализированный маркетингДля начала вспомним, с чего все началось. На Западе о персонализации и релевантности заговорили 5-6 лет назад. Явный эффект был отмечен в email-маркетинге. и отправка каждой группе узкоцелевых сообщений приносила увеличение показателей open rate (открываемости писем) и click rate (переходы по ссылкам) как минимум на 75-80%.
Для квалификации подписчиков стали внедрять сложные скрипты. Впрочем, затраты того стоили. Результативность контента «один на всех» чем дальше, тем больше стремилась к нулю.
Следующим этапом стал геотаргетинг на веб-ресурсах. Методика особенно эффективна для интернет-магазинов и крупных брендов с сетью филиалов. Город автоматически определяется по IP-адресу, и посетитель видит, например, заголовок «продажа камер GoPro в Екатеринбурге».
Известный эксперт e-commerce Нил Патель за счет геотаргетированного оффера на своем сервисе Quicksprout.com получил на 68% больше лидов.
Правило точного вхожденияВ контекстной рекламе к переходам мотивирует привлекательное объявление. Но если человек кликнул, например, на «снегоходы в Рязани со скидкой 15%», а попал на главную страницу компании по продаже мототехники, то даже супер-объявление будет «мимо кассы».
Точное соответствие запроса тому, что пользователь видит на посадочной странице, повышает ее конверсию. Это принцип релевантности. На самом деле, обычная психология: мы лояльнее относимся к тому, что как-то с нами связано.
Сервис A/B тестирования Optimizely увеличил конверсию на 39% после того, как сделал 3 лендинга под 3 разных объявления в Google.
Вариант 1. Все объявления ведут на одну и ту же страницу:
По сути, это многократное дублирование одного шаблона с разными заголовками, под отдельными URL-адресами. И здесь возникает ряд вопросов:
- Страницы создаются на специальной платформе. Как быть тем, у кого уже есть сайт на другой CMS?
- Обязательно создавать сотни страниц под каждое объявление?
- Как синхронизировать подмены с рекламной кампанией в Яндекс.Директ?
- Как протестировать и сравнить эффективность всех вариантов?
Посмотрим, как их решает сервис адаптивного контента Yagla.
Мультилендинги с адаптивным контентомВместо сотен дублей гораздо удобнее настроить автоматическую подмену заголовка, подзаголовка, подписи в форме захвата и части изображений на одной и той же странице. Контент меняется в зависимости от запроса пользователя.
Одну и ту же услугу люди называют по-разному:Запрос «Продвижение сайтов »
Запрос «Увеличение посещаемости сайта »
Запрос «Пластиковые окна на дачу »
Запрос «Пластиковые окна в рассрочку »
