Мультилендинг это лендинг пейдж с подстановкой информации, это могут быть картинки, текст, блоки.
Динамически будут меняться элементы одного статического landing page.
Информация подставляется в тот момент, когда человек зашел на сайт, страница собирается по определенному алгоритму.
Содержание статьи
Плюсы мультилендинга.
- Можем показывать клиенту, то что он искал.
- Один лендинг становится многими копиями. Подставляем, например, другой город, телефон, дату. Пишем сегодня, подставляем текущую дату скидка 50 процентов, Клиент смотрит, что сегодня скидка и становится теплее.
- Ускорять загрузку сайта, если показывать только часть страницы, не весь ассортимент товаров.
Как работает мультилендинг
Есть рекламное объявление, мы на него вешаем 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_p=1 и добавляем эту метку ко всем объявлениям одной рекламной компании, которая используют основное ключевое слово курсы английского, купить, цена, заказать.
- Добавляем метку utm_p=2 для рекламной компании с ключевым словом курсы по математике.
- utm_p=3. Ко всем ключам курс по информатике. Запоминаем три ссылки и переходим к сайту.
Создаем в папке домены в openserver файл index.php и каталог img с изображениями к каждому курсу.
Как установить на компьютер 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