Май 2018
Автор: Рубрика: Landing page Комментариев нет

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


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

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

Динамически будут меняться элементы одного статического landing page.

Информация подставляется в тот момент, когда человек зашел на сайт, страница собирается по определенному алгоритму.

Плюсы мультилендинга.

  1. Можем показывать клиенту, то что он искал.
  2. Один лендинг становится многими копиями. Подставляем, например, другой город, телефон, дату. Пишем сегодня, подставляем текущую дату скидка 50 процентов, Клиент смотрит, что сегодня скидка и становится теплее.
  3. Ускорять загрузку сайта, если показывать только часть страницы, не весь ассортимент товаров.

Как работает мультилендинг

Есть рекламное объявление, мы на него вешаем UTM метку.

Есть независимые параметры ссылка?utm_p=1,2,3…&utm_term, на них вешаем виды отображения.

Параметр входа Заголовок Картинка
utm_p =1 Курс английского языка 1.png
utm_p =2 Курс по математике 2.png
utm_p =3 Курс по информатике 3.png

Прописываем php функцию, который меняет текст и картинку в зависимости от параметра utm_p или utm_nerm ключевой фразы.

Кому пригодится мультилендинг

  • Если у вас есть статистика и часть людей не могут найти информации.
  • Есть несколько каталогов с товарами. Первым подставляем каталог, который искали.
  • Если выдача в регионе, то телефон будет региона, если в Москве, то московский.

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

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

Вы продаете курсы предметов. Клиент пишет курс математики и попадает на ваш сайт, он видит все курсы.

Хотя ожидал увидеть курс по математике.

Если мы будем показывать тот контент, который он ожидает, это повысит эффективность сайта!

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

Открываем генератор UTM меток и пишем в utm_term единицу. Выделяем строку с готовой utm меткой и копируем в браузер. Переименовываем utm_term на utm_p.

Генератор utm меток

 

  1. Дописываем метку utm_p=1 и добавляем эту метку ко всем объявлениям одной рекламной компании, которая используют основное ключевое слово курсы английского, купить, цена, заказать.
  2. Добавляем метку utm_p=2 для рекламной компании с ключевым словом курсы по математике.
  3. utm_p=3. Ко всем ключам курс по информатике. Запоминаем три ссылки и переходим к сайту.

Создаем в папке домены в openserver файл index.php и каталог img с изображениями к каждому курсу.

в папке домены в openserver файл index.php

Как установить на компьютер openserver читать тут.

Запускаем openserver и выбираем пункт меню мои сайты multilanding.

Делаем заготовку и изображением на пол экрана и формой обратной связи во второй части экрана.

У лендинг пейдж страница index должна иметь расширение php, чтобы работал код, который добавим.

Напишем php код в теге head, создадим переменную $text, которая содержит в себе слово курсы.

Добавляем в текст заголовка переменную.

С помощью команды echo выводим переменную текст $text в заголовке страницы.

Теперь нам нужно заменить переменную курсы на курс по математике.

Для этого обратимся к utm метки и добавим параметр utm_p и если его значение не пустое (!empty ($utm_p)), то проверяем, добавляем условие if.

Добавим переменную $utm_p, в нее помещаем значение, которое хранится в метке.

Чтобы вытащить из метки значение используем get запрос $_GET[utm_p].

Мы при помощи метода get получили значение utm_p.

Если метка есть, то мы получим значение метки.

Utm метки начинаются после знака вопроса это get запросы, поэтому используем этот метод.

Получили метку, теперь проверим, если она не пустая и равняется значению 2, то в переменную $text запишем Курс по математике.

Проверим без параметра в метки utm_p и с ним.

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

Если у нас есть хвостик utm_p =2, то подставляется курс по математике, если нет, то подставляется курсы.

Получился простой мультилендинг.

Меняем изображения в мультилендинге.

Будет четыре изображения по тематике курса.

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

Если значение utm_p не пустое if (!empty ($utm_p)), то выводим эту переменную.

Это даст нам название изображения такое как у параметра, например 2.png.

Если метка пуста else, то выведем изображение kurs.png.
Код index.php
Код index.php

Комментариев нет