Как сделать мультилендинг: Как сделать мультилендинг по параметрам в URL

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

TILDA HELP CENTER

Мультилендинг — это замена элементов на странице в зависимости от определенных параметров. В этой статье мы рассмотрим, как заменять текст или блоки на странице исходя из параметров в ссылке, по которой человек пришел на сайт.

Замена текста на странице по параметрам в URL

Добавьте блок T803 из категории «Другое». Его нужно добавить в самом низу страницы в редакторе.

Этот блок содержит 4 основных параметра, которые можно настроить в Контенте блока:

  • Ключ — это слово, которое нужно добавить в текст в формате %%phone%%, если ключом назначено слово phone (само слово можно указать произвольно). Ключ нужно добавить в том месте сайта, где будет производиться замена текста.
  • Стандартное значение — это текст, который будет появляться на месте ключа, если будет не обнаружен ни один параметр для замены;
  • URL параметр — это часть ссылки, которая будет являться сигналом к замене текста. Лучше использовать в качестве параметра часть UTM-метки, например, utm_term=newyork;
  • Значение замены — это текст, который будет выдаваться при обнаружении в ссылке одного из параметров.

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

Генератор UTM-меток

Прочитать подробнее о создании UTM-меток в Tilda Education

Все параметры для удобства будут видны на самом блоке

Теперь ключ в формате %%phone%% нужно добавить в текст блока с заголовком или текстом. На опубликованной странице он будет заменяться в зависимости от заданных параметров.

Пример использования

В школе латиноамериканских танцев три направления: бачата, сальса и зумба. Мы хотим, чтобы люди, которые ищут один из видов танцев, переходя по объявлению, видели в заголовке то, что искали.

Создаем три объявления, в каждом ставим ссылку со своей меткой:
http://latindance.com/?utm_content=bachata
http://latindance.com/?utm_content=salsa
http://latindance.com/?utm_content=zumba

На странице добавляем блок T803 со следующими параметрами:

В заголовке указываем наш ключ:

Публикуем и проверяем как работает замена текста, в зависимости от того, какие параметры в URL:

Замена блока по параметрам в URL

Чтобы менялись блоки на странице в зависимости от параметров в URL, нужно добавить блок T809 из категории «Другое». Его нужно добавить в самом низу страницы в редакторе.

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

В Значении метки нужно указать часть ссылки, которая будет являться сигналом к замене текста. Лучше использовать в качестве параметра часть UTM-метки, например, utm_term=london.

Номера отображаемых и скрываемых блоков можно скопировать внизу настроек блоков. Нужно использовать только цифровое значение номера блока.

Пример использования

Фотограф, которому мы делаем сайт, занимается тремя видами съемок: фотографирует свадьбы, love story и портреты. Мы хотим, чтобы люди, которые ищут один из видов съемки, переходя по объявлению, видели разные фотографии с разными предложениями.

Создаем три объявления, в каждом ставим ссылку со своей меткой:
http://andreysergeevphoto.com/?utm_content=wedding
http://andreysergeevphoto.com/?utm_content=lovestory
http://andreysergeevphoto.com/?utm_content=portrait

Добавляем на страницу три обложки с разным содержанием.

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

Номера блоков указывайте через запятую без пробела.

Публикуем и проверяем как работает смена блоков в зависимости от того, какие параметры в URL:


Мультилендинг, геолендинг и замена языковой версии

Как сделать персонализированные лендинги для разных клиентов


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

Замена контента в зависимости от параметров в ссылке странице


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

Как заменять текст или блоки на странице исходя из геопозиции пользователя


Как сделать переадресацию по геопозиции

Перенаправляем пользователя на определенную страницу в зависимости от его местонахождения


Замена языковой версии

Перенаправление посетителя на страницу с нужной языковой версией


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

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

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

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

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

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

  • Создание landing page
  • Верстка landing page
  • Разработка landing page

И хочу, чтобы пользователям, при переходе по конкретному запросу, показывался наиболее релевантный заголовок. Давайте под каждый запрос создадим ссылку с 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» и выводим в нужное место таким образом:

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

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

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


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

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

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

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

Но это уж слишком муторно. Поэтому вот вам исходник. Пользуйтесь 🙂 кроме того, можно менять не только текст, но и картинки, и другой тип контента. А на сегодня — все! Буду благодарен за ретвит. Всем пока!

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

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

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

Как быстрее создать несколько целевых страниц

ПерсонализацияМариана Бонаноми


Университеты обычно размещают рекламу для привлечения потенциальных клиентов для своих различных курсов. Эти курсы включают несколько областей обучения, например, программы, связанные с финансами или администрированием. Эти поля обычно подразделяются на разные группы объявлений, так что каждая группа объявлений ведет на определенную целевую страницу. В этих случаях необходимо создавать разные целевые страницы для каждого интересующего поля, поэтому, если полей более 30, необходимо создать более 30 целевых страниц.

Например, представьте студента, заинтересованного в изучении финансового анализа. Когда он находит курс делового администрирования Массачусетского технологического института в Google и попадает на их сайт, целевая страница может быть специально персонализирована, чтобы показать ему лучшие варианты финансового анализа.

Если бы они интересовались человеческими ресурсами, целевая страница могла бы быть в основном такой же, как и выпускной курс, но опыт был бы адаптирован для удовлетворения интересов каждого студента в конкретных областях обучения. Тем не менее, некоторые части будут различаться в зависимости от содержания каждого объявления, поскольку каждое объявление нацелено на разную аудиторию с разными интересами и поэтому ищет разные вещи в Google.

Когда команда UX решит изменить цвет меню, например, из-за изменений в брендинге, или когда команда CRO решит проверить, какой макет конвертирует больше всего, необходимо будет изменить все целевые страницы и создать тест на каждой из них. .

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

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

Даже если есть разные объявления для каждой аудитории, не имеет значения, какое из них привело вас на целевую страницу — содержание будет одинаковым. Это означает, что если вы хотите настроить таргетинг на множество разных персонажей, вам нужно будет создать отдельный URL-адрес для каждого из них.

Один из способов обойти это — использовать динамический контент на ваших целевых страницах, что означает, что вы можете изменять определенные его части в зависимости от вашей целевой аудитории, не изменяя те части, которые одинаковы для каждой аудитории. Это также означает, что вы можете иметь столько разных версий одной и той же страницы, сколько вам нужно, в одном и том же URL-адресе.

Пример целевой страницы со статическим (серым) и динамическим (цветным) содержимым

Таким образом, становится проще показывать разные сообщения разным пользователям в зависимости от их поведения, демографических данных и т. д. Он предоставляет вашим потенциальным клиентам контент, связанный с тем, что они ищут, тем самым увеличивая коэффициент конверсии. В конце концов, иногда вам нужно только скорректировать заголовок и текст, чтобы он соответствовал вашей целевой аудитории. Кроме того, вы перестанете сталкиваться с ИТ-препятствиями из-за частого обслуживания, поскольку не будете полагаться на разработчиков в отношении каждого небольшого изменения. Например, цену товара можно изменить только один раз, и она будет одинаково обновляться для всех аудиторий во всех версиях одной и той же целевой страницы.

Ваш источник для

CRO и

персонализацииИзучите практические тактики, которые наши клиенты используют для роста своего бизнеса на 20% и более.

Подписаться

Использование динамических целевых страниц улучшает ваши результаты. Он адаптируется к конкретным потребностям аудитории, поэтому вы можете предлагать персонализированный контент, повышающий конверсию.

В тех случаях, когда вам нужны разные версии одного и того же контента для каждой аудитории, гораздо проще управлять всем этим в одном месте более организованным образом. Еще лучше, когда вы можете легко протестировать персонализированный контент, чтобы определить, какая версия работает лучше всего. Благодаря этим возможностям оптимизация эффективности объявлений и страниц становится намного более гибкой и автономной, что приводит к более быстрой работе и масштабируемости.

Если вы боретесь с несколькими целевыми страницами с разными URL-адресами в вашей компании, возможно, пришло время начать использовать динамический контент. Свяжитесь с нами, мы будем рады рассказать вам о многочисленных возможностях персонализации вашего веб-сайта.

Как создать более 1000 целевых страниц менее чем за час

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

Однако многие наши клиенты избавились от необходимости управлять десятками или даже сотнями целевых страниц. Вот как.

Одно объявление = одна целевая страница

Впервые я начал создавать целевые страницы в начале 2000-х. В то время я пытался зарабатывать на жизнь в колледже, чтобы не включал в себя переворачивание гамбургеров. Мой друг — ипотечный брокер — спросил меня, не помогу ли я ему с лидогенерацией. «Я дам вам 50% от любой комиссии, которую я получаю от клиентов, которых вы мне присылаете».

При цене более 5000 долларов за «продажу» это было довольно привлекательное предложение. Я быстро погрузился с головой во все, что связано с Google AdWords и целевыми страницами. (Это было тогда, когда ставки по таким ключевым словам, как «рефинансирование ипотечного кредита», были доступны.)

Не так уж много времени ушло на то, чтобы понять, что просмотра страниц — это, по сути, статические затраты. Если кто-то нажимал на рекламу, которую я показывал, я платил Google определенную сумму за клик — и это было более или менее последовательно.

Но что, если бы я мог получить еще человек, которые щелкнули, чтобы ввести свое имя, адрес электронной почты и номер телефона?

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

Мне казалось, что лучше всего я могу контролировать процент людей, которые нажали на объявление (в результате чего я потратил деньги), которые заполнили форму (что дало мне 10% шанс заработать несколько тысяч долларов).0005

Лучший способ сделать это, как я узнал, заключался в том, чтобы убедиться, что объявление, на которое кто-то нажимает, точно соответствует тому, что написано на целевой странице.

Если реклама была о рефинансировании в Орландо, целевая страница должна быть о рефинансировании вашего дома в Орландо. То же самое для покупки первого дома в Тампе или получения крупного кредита в Форт-Лодердейле.

Когда реклама совпадала с целевой страницей, на которую ссылалась реклама, люди с большей вероятностью совершали конверсию.

Итак, ответ был прост: создайте одну целевую страницу для каждого объявления.

Звучит здорово… по крайней мере, на практике.

Я не был первым и не буду последним интернет-маркетологом, осознавшим эту истину.

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

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

В штате есть 13 городов, на которые они хотят нацелиться, и 18 различных юридических практик, на которых они специализируются. Нужно 234 целевые страницы, если они хотят показывать «одно объявление = одна целевая страница»

RightMessage на помощь!

К счастью, с помощью механизма персонализации RightMessage можно легко и быстро создать сотни целевых страниц.

В этом руководстве я хотел бы показать вам, как эта гипотетическая юридическая фирма, которая хочет убедиться, что ее объявления точно соответствуют их целевым страницам, может добиться этого.

Шаг 1. Создайте базовую целевую страницу

RightMessage не является платформой целевой страницы.

Наш механизм персонализации требует изменения существующей страницы. Вы не можете использовать нас для создания этой целевой страницы.

Но это нормально. Существует множество способов создать целевую страницу — например, с помощью Leadpages или Unbounce.

Вместо создания нескольких вариантов целевой страницы вы просто создадите одну целевую страницу. Это будет страница шаблона, которую изменяет RightMessage, и все создаваемые вами варианты будут использовать эту страницу шаблона.

Это означает, что если вам когда-либо понадобится добавить новый скрипт отслеживания или изменить структуру всех ваших целевых страниц, вам просто нужно отредактировать только эту страницу. RightMessage обрабатывает все остальное.

Шаг 2. Создайте «вертикали» таргетинга

Механизм персонализации RightMessage работает путем суммирования изменений. Представьте, что у нас есть куча объявлений с таргетингом:

  • Город в Вирджинии
  • .
  • Конкретная юридическая необходимость (например, семейное право)

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

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

Шаг 3. Создайте правила сопоставления для ваших вертикалей

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

Проще всего это сделать с помощью параметров UTM.

Предположительно, ваши объявления уже содержат UTM-параметры, описывающие кампанию и, возможно, даже таргетинг объявления.

Обычно мы рекомендуем включать весь необходимый контекст в параметр utm_campaign . Таким образом, объявление, рекламирующее помощь в банкротстве в Норфолке, штат Вирджиния, может передать следующий параметр: utm_campaign=bankruptcy-norfolk-dec2020

Правила автоматического сегментирования, которые вы настроите в RightMessage, будут нацелены на определенное ключевое слово в параметре utm_campaign . . В случае сегмента «Банкротство» вам нужно искать utm_campaign , содержащее слово «банкротство».

Шаг 4. Настройте одну кампанию персонализации на каждую вертикаль

Самое интересное.

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

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

Пользоваться нашим редактором персонализации очень просто и понятно. Чтобы избежать повторения, мы рекомендуем вам изучить раздел нашего Центра обучения, посвященный персонализации веб-сайтов, чтобы узнать все тонкости использования нашего редактора.

Шаг 5: Запустите!

Остался последний шаг: нажмите большую кнопку «Опубликовать на сайте», чтобы развернуть обновления.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *