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

Как сделать мультилендингВсем привет. Недавно я писал статью, о том, как привязать реферальные хвосты к заявке на 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 — видео

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

89 комментариев

  • dimadv7

    Делать больше переменных и выводить их в нужном месте. В примере, для заголовка, но что мешает сделать подобным образом еще десяток. Кроме того, можно подставлять картинки, формы, видео. Да что угодно.

    Ответить
  • Денис

    В тексте сайта чтобы менялось на другие слова не как в заголовке.

    Ответить
  • Денис

    т.е. в заголовке выводится один текст. в тексте при этом выводится другой текст или картинка

    Ответить
  • dimadv7

    Ну, в чем проблема-то? Как вы уже пробовали? Что не получилось? Какая ошибка?

    Ответить
  • Денис

    допустим по слову «школа» заходят на сайт. В заголовке пишется Акция в тексте меняется цена.
    как поменять два разных параметра в одном условии?

    Ответить
  • dimadv7

    Ну я же говорю, создать еще переменные и выводить их где угодно:

    if($utm == 'shkola') {
    $multiTitle = 'Акция';
    $someVar = 'Текст';
    $someVar2 = 'Текст2';
    }
    
    Ответить
  • Денис

    Спасибо. Пока писал вопрос сам понял как это все просто.
    Полезный сайт!

    Ответить
  • Кир

    йо ребята!

    Вот сервис: __http://adfor.ru — не надо никакого программирования, можно менять на странице текст, телефоны, картинки, заголовки, названия кнопок, дополнительные поля формы вставлять и т.д.

    Ответить
  • Катя

    Кир, Как же вы задолбали уже спамить своими говносеривсами самопальными. Свой сайт в порядок привести не можете. На мобиле все съезжает, формы разваливаются, кнопки идут в разнос, видео не помещается, часть картинок тоже. Что вы людям можете предложить, если свой сайт в порядок привести не можете и что за сервис такой «хороший», который нуждается в спаме в комментариях.

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

    Ответить
  • dimadv7

    Катя, давай не так грубо! Пожалуйста. Но в чем-то ты права. Действительно, Кир. Какие преимущества у вас перед аналогичными сервисами. Что есть такого, чего нет у конкурентов? чем вы выделяетесь? Например, на фоне зарекомендовавшей себя Yagla, как отличный инструмент.

    Ответить
  • Кир

    Екатерина, спасибо за обратную связь, непременно так будем делать. Все же рекомендую посмотреть видео и разобраться, как работает платформа, которая, кстати, не занимается привлечением аудитории.

    А еще спасибо за критику мобайл версии — всё никак руки не доходили :)

    По поводу отличий — основное и главное — ADFOR.RU работает с любым источником трафика. Там небу Adobe muse для визуального редактора и нету алгоритмов с псевдо машинным обучением. Зато есть возможность подрубить и запустить на любом источнике трафика.

    Инструмент отлично подходит для специалистов, кто работает с трафиком: директолог, арбитражник, медиабаер, медиапланер, СРА сеть, фрилансер-разработчик, фрилансер-маркетолог.

    Ответить
  • Михаил

    спасибо!

    Ответить
  • Максим

    Привет. Более компактный вариант:
    [php]
    $utm = $_GET['utm_content'];
    $utm_titles = array(
    'default' => 'Блог о создании landing page'
    'sozdanie' => 'Создание landing page',
    'verstka' => 'Верстка landing page',
    'razrabotka' => 'Разработка landing page',
    );
    $multi_title = $utm_titles[$utm];

    Ответить
  • Артур

    Привет dimadv7!
    Правильно ли я понял. что если надо подменять заголовки или отдельные слова, то нужно вводить несколько переменных через значок » ; » и все? А названия эти надо обязательно использовать: $someVar и для новой переменной добавлять только новые цифры в конце?
    Ещё подскажите как набирается на клавиатуре такая «s с засечками» вначале ?
    И если надо подменять целый блок (текст вместе с картинками от одной до трех), так прямо и вставлять в $multiTitle = .. между значками ' ' скопированный из html-кода лендинга нужный блок? Потом в html-коде удалять этот блок и на его место вставлять например: перед закрывающим тегом , как он раньше стоял до того , как его удалять. А потом весь файл index.htm переименовать в index.php? И все? Так правильно? Или файл надо переименовывать до всех изменений?
    И ещё вопрос. В значение utm== нужно вставлять слово которое должно обязательно присутствовать в тексте блока (заголовка или в виде отдельного слова)? Или это слово не обязательно должно там присутствовать а просто с помощью его мы будем разделять разный контент для подмены? Но у вас почему то есть совпадение слова в метке и в заголовке, это не случайно?

    Ответить
  • dimadv7

    Привет, да можно несколько переменных. И потом выводить где угодно на странице. Естественно страница должна быть .php или сервер настроен соответствующим образом, но проще просто переименовать в .php.

    как набирается на клавиатуре такая «s с засечками»

    — Это просто знак доллара ($), shift + 4 в английской раскладке) Обозначает переменную в php.

    Если надо подменять целый блок

    Да, но следи, чтобы если взял в одинарные кавычки, то внутри были двойные, для классов и id, или экранируй.

    В значение utm== нужно вставлять слово которое должно обязательно присутствовать в тексте блока

    — Нет, как это как удобней, такой параметр метке и задавай. Просто, для примера и наглядности сделал так)

    Ответить
  • Артур

    Дмитрий ещё подскажите пожалуйста. У меня лендинг, когда я кликаю там на логотип, то к url лендинга в конце добавляется такое значение: /index.htm. И далее если переходить на различные вкладки лендинга, то это значение сохраняется в url. Это плохо или нормально и с чем это связано? Того фрилансера кто делал сайт. я уже не могу найти.
    И если в таком случае я буду переименовывать файл index.htm в index.php то ничего не произойдет сверхординарного?

    Ответить
  • dimadv7

    А почему происходит такое? обернут в ссылку логотип? Зачем это на landing page? Я бы убрал, но если это для чего-то нужно, то во-первых нужно сделать ссылку в виде

    <a href="/"></a>

    А во-вторых сделать так, чтобы ссылки не вели на свою же страницу. Так называемая «циклическая ссылка». Нужно стараться их не допускать. Но это все больше для многостраничных сайтов.
    В любом случае, вам можно прописать /, что будет говорить о том, что ссылка на главную страницу.

    Ответить
  • Артур

    Дмитрий, добрый день!
    Вопрос 1. utm-метку в виде «utm_content»можно добавить к ссылке на свой сайт только одну? То есть как должна выглядеть ссылка после этого: домен+»utm_content» и все этого достаточно, то есть другие utm метки не обязательны, если нет в них необходимости?
    Вопрос2. Дмитрий я там вам ещё на почту скинул вопросы. Можете ответить? Пожалуйста!
    С уважением, Артур.

    Ответить
  • dimadv7

    Можно использовать utm_content или любую другую, главное ее и отслеживать в коде. К ссылке можно добавлять сколько угодно дополнительных параметров, потом выбрать интересующий и «отлавливать» его в ссылках.
    Вопросы посмотрю, упустил, наверное.

    Ответить
  • Артур

    Добрый день Дмитрий!
    Спасибо что ответили. на почту.
    1. Подскажите все таки php-скрипт куда вставлять? Сразу после тега или лучше перед тегом ? Или без разницы в каком месте главное между ними? Только там много кодов, а так как я не сведущ в этом, то и спрашиваю так чтобы не разрушить какие то связи этих кодов своей вставкой php-скрипта. Та к куда посоветуете вставить скрипт чтоб я не навредил сайту?
    2. Да и подскажите способ сделать копию всего сайта как ? Сайт находится на удаленном сервере на хостинге и я захожу сперва на FileZilla там нахожу папку своего сайта , в которой открываются другие файлы сайта и редактирую потом его программой NotePad++. Так мне надо получается эту папку сайта скопировать , где все файлы потом открываются? Вот как лучше это сделать. Я я пробовал правой кнопкой мыши не получилось почему то.
    3. Когда я редактирую код сайта, то сайт недоступен в это время получается? Поэтому если у меня идет рекламная кампания в директе, то лучше редактировать рано утром? . И сперва прописать utm-метки , а потом скрипт и код или наоборот сперва скрипт а потом метки?

    4. И еще как переименовывать папку index.htm в index.php? Когда открываю папку сайта в FileZilla и там нахожу файл index.htm прямо там в FileZilla можно также 2 раза кликнуть по названию файла index.htm и переписать на index.php, как это делается просто на компьютере или по другому надо? Тогда как?
    5. И сперва поменять название расширения и потом вставлять скрипт или наоборот?
    Артур

    Ответить
  • Артур

    Дмитрий?

    Ответить
  • dimadv7

    1. Код вставьте перед doctype. 2. Копию сделать — просто скопировать файлы на компьютер (перетянуть). 3. Лучше работать с копией сайта и «заливать» на сервер отлаженную и рабочую версию. 4. Да, но смотри пункт 3)) 5. Не имеет значения, если придерживаешься пункта 3))

    Ответить
  • Артур

    1. Не понял. То есть надо в самый верх вставить php-скрипт? То есть он будет начинаться с №1. То есть вставить перед всем html-кодом получается надо? Перед ? Почему переспрашиваю. В вашем видео которое есть в статье там ведь скрипт стоит после тега под №12 и тем более после получается . Так куда все таки правильно вставлять?
    2.Перетаскивать именно левой кнопкой мыши на рабочий стол из FileZilla? Перетаскивать весь сайт или именно только файл index.htm? Должно скопироваться так просто? А если не получится? Я пробовал именно файл index.htm так перетягивать и он не копировался. Что я не так делал? Пробовал также правой кнопкой мыши копировать и вставлять в рабочий стол-тоже не получается.
    3. То есть вы говорите что лучше скопировать весь сайт и потом после редактирования index.htm эту копию сайта нужно как заменить на FileZilla? Какой порядок действий? Подробно если можно пожалуйста можете сказать по пунктам?
    4. Или все таки не обязательно весь сайт копировать, редактировать в нем index.htm и заново вставлять сайт, а достаточно только один файл index.htm копировать. редактировать и заново загружать на FileZilla? Тот же вопрос каким образом загружать и заменять действующий файл на отредактированный? куда девается действующий? как он подменяется подробно если можно?

    Ответить
  • dimadv7

    1. В данном случае не имеет большого значения. Сделайте как в статье.
    2. Я не знаю какой кнопкой у вас настроено, обычное перетягивание отлично работает во всех файловых менеджерах. Копируйте весь сайт.
    3. Перезаписывается. Это обычные папки. Одна на сервере, одна на компьютере.

    Ответить
  • Артур

    Дмитрий, а как файл именно перезаписывается, потом после редактирования? Что конкретно нужно сделать? Какие действия? Если можно расскажите подробнее.

    Ответить
  • dimadv7

    Это 2 обычные папки. Одна у вас на компьютере, другая на сервере. Точно также, как если бы вы перекинули файл в папку, если в нем уже есть файл с таким же названием. Я не знаю как это подробнее описать)

    Ответить
  • Артур

    Понял. Спасибо!

    Ответить
  • Артур

    Дмитрий. Правильно ли я понял, что файл index.htm перетаскиваешь на рабочий стол из FileZilla. Потом меняешь расширение файла на .php? Каким способом? Просто выделяем в названии файла окончание: htm и заменяем на php? И потом изменяем код: прописываем скрипт и так далее в самом файле. Затем также перетаскиваем файл обратно в FileZilla? И там должен файл index.htm сам собой замениться на index.php? Вопрос: как он может замениться если расширения разные? Наверное просто получаться 2 файла index но с разными расширениями? И потом надо будет тогда удалить файл index.htm и тогда останется только файл index.php? Правильно? Или надо ещё какие-то действия делать чтобы перезаписать?

    Ответить
  • dimadv7

    Все правильно, но скопируйте весь сайт. Чтобы в случае чего восстановить.

    Ответить
  • Артур

    Дмитрий здравствуйте.
    Попробовал не получилось.
    Я вам выслал на почту smart-landing@yandex.ru свои скрины.
    Посмотрите пожалуйста. Что нужно исправить?
    С уважением Артур

    Ответить
  • Владимир

    Спасибо Автор за статью, а может плагин хороший на такую тему знаешь? Нашёл Targeted Content Creator, пока сомнительно но кажется что надо

    Ответить
  • Владимир

    На WordPress делай через шорткоды и все будет работать. А делать чтобы php работал в статьях это очень небезопасна. Пиши если что vk.com/kalaganov5

    Ответить
  • Владимир

    Уже не работает такая вещь.
    $utm_tern = $_GET['utm_content'];
    if(!empty($utm_tern)){
    switch ($utm_term){
    case 'muzhchina': $sexClient = 'интересными мужчинами';
    break;
    case 'zhenshhina': $sexClient = 'привлекательными женщинами';
    break;
    case 'devushka': $sexClient = 'красивыми девушками';
    break;
    default: $sexClient = 'интересными девушками';
    break; }
    }
    пишет только значение по умолчанию, что не так?

    Ответить
  • dimadv7

    Владимир, значит метки нет в адресной строке. Убедитесь, что она присутствует. Скрипт — рабочий.

    Ответить
  • Анна

    Скажите пожалуйста а можно ли сделать в коде так чтобы название и картинка менялась в месте с указанными ссылками к данным картинкам и названиям.

    тоесть
    нужное название в скрипте которое должно изображаться на странице + ссылка
    изображение в скрипте + ссылка

    Ответить
  • dimadv7

    Анна, если вас правильно понял, то да, можно. Все по аналогии с тем, как меняется обычный текст или картинка. Такие же условия прописывать

    Ответить
  • Артур

    Дмитрий, добрый день!
    Отправил вам сегодня письмо на почту, с которой приходят Ваши рассылки:
    Очень нужно.
    Буду ждать Вашего ответа.
    С уважением, Артур

    Ответить
  • Артур

    Дмитрий спасибо за быстрый ответ.
    Попробовал на практике, как вы посоветовали.
    Не получилось.
    Подробности отправил в письме к вам на почту
    Буду ждать Вашего ответа.
    С уважением, Артур

    Ответить
  • Артур

    Дмитрий ответил Вам на почту

    Ответить

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

 

Подписывайтесь на обновления, чтобы ничего не пропустить.