Smartlanding / Элементы сайта /

Скрипт мультилендинга

Как сделать мультилендингВсем привет. Недавно я писал статью, о том, как привязать реферальные хвосты к заявке на landing page. По факту, мы получали данные UTM из адресной строки, запоминали их в скрытых полях и передавали в обработчик, как и данные из обычных полей.

Подобным образом можно менять контент на странице, в зависимости от того, по какой фразе к нам пришел посетитель. Сейчас, сайт с такой функцией называют мультилендинг, и сегодня мы разберем php скрипт который поможет нам реализовать такой функционал на своем landing page.

Как сделать мультилендинг

Давайте наконец разбираться, как же сделать мультилендинг самостоятельно, без использования сторонних сервисов, за которые нужно платить деньги. Кстати, если надумаете внедрять, пожалуйста, поделитесь потом результатами конверсии. Буду очень признателен за скриншоты в духе "До/После" и если хотите, разместим скрин вместе со ссылкой на ваш лендинг в конце статьи как доказательство работоспособности инструмента. Думаю, это пойдет только в плюс вашему проекту (лишняя естественная ссылка).

Итак, для работы нам понадобится php, а значит, в случае необходимости, нужно переименовать вашу главную страницу с index.html в index.php. Это никак не повлияет на работоспособность лендинга.

Теперь, давайте поставим себе задачу. Допустим я хочу, чтобы у меня на лендинге менялся заголовок в зависимости от запроса. Например, я подобрал такие запросы:

И хочу, чтобы пользователям, при переходе по конкретному запросу, показывался наиболее релевантный заголовок. Давайте под каждый запрос создадим ссылку с UTM меткой. Ориентироваться будем на параметр "utm_content" (Вы можете выбрать любой).

Итак, для запроса "Создание landing page" - utm_content=sozdanie, для "Верстка landing page" - utm_content=verstka, а для "Разработка landing page" - utm_content=razrabotka.

Теперь приведу сам php скрипт:


<?php
 $utm = $_GET['utm_content'];

 if($utm == 'sozdanie') {
   $multiTitle = 'Создание landing page';
 }
 elseif($utm == 'verstka') {
   $multiTitle = 'Верстка landing page';
 }
 elseif($utm == 'razrabotka') {
   $multiTitle = 'Разработка landing page';
 }
 else{
   $multiTitle = 'Блог о создании landing page';
 }
?>

Как видите, при помощи _Get запроса ловим нужные нам данные (utm_content или любой другой интересующий нас параметр), а затем следует элементарное условие. Если значение параметра "sozdanie", то сохраняем в переменную текст "Создание landing page" и выводим в нужное место таким образом:

<h1>Smartlanding.biz - <span><?php echo $multiTitle; ?></span> </h1>

То есть если пользователь перейдет по ссылке с utm меткой в которой параметр utm_content=sozdanie, то он увидит надпись: Smartlanding.biz - Создание landing page. Вот так все просто.

Если не одно из условий не сработало, то выводим значение по умолчанию:

else{
   $multiTitle = 'Блог о создании landing page';
 }

Для того, чтобы вам проще было разобраться, я подготовил исходник, в котором ссылки задал с utm меткой. Так вы легко сможете посмотреть, как это работает.

скрипт мультилендинга

Вот такая статейка вышла. Спасибо вам за идею. Я думал, что самому сделать мультилендинг очень сложно и все никак не решался разобраться в этой теме.

Некоторые ребята, предлагали даже делать кучу разных страниц с разным контентом и давать разную ссылку в зависимости от запроса. Но это уж слишком муторно. Поэтому вот вам исходник. Пользуйтесь :) кроме того, можно менять не только текст, но и картинки, и другой тип контента. А на сегодня - все! Буду благодарен за ретвит. Всем пока!

Кстати, более актуальная версия скрипта, с админкой, возможностью добавления ключевых фраз и параметров UTM меток находиться здесь.

Скачать исходник

Как сделать multilanding - видео

Решил записать небольшое видео и дополнить его выводом разных картинок, так как часто пишут с вопросом о том, как менять и изображение. На сам деле все очень просто... Смотрите:

Добавить комментарий