Создание прелендинга (прокладки)

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

Управление прелендингами осуществляется в по кнопке "Сайты" разделе "Управление" - "Офферы". Для добавления, необходимо нажать на зелёную кнопку "Прелендинг", указать путь прелендинга, вписать его название и выбрать метод создания - загрузить настроенный или простой архив, создать заглушку, скачать сайт по ссылке.

Требования к прелендингу

Для корректной работы с AlterCPA, прелендинги должны соответствовать следующим требованиям:

  • Прелендинг размещается в специальном хранилище сайтов и подключается к встроенной CMS. Хранилище сайтов устанавливается автоматически и размещается в папке r.domain.com или sites в облачной версии. Без подключения к хранилищу, прелендинги не смогут собирать статистику и направлять посетителей на лендинг. Если сайт не может быть подключен к хранилищу, добавьте его как внешний оффер.
  • Основное содержимое прелендинга должно размещаться на одной странице. Любой переход с прелендига выполняется на соответствующий ему лендинг.
  • Прелендинг не должен содержать никаких блокирующих работу скриптов. Очень часто такое явление наблюдается на сайтах, выполненных на конструкторах. Перед использованием сайта, ранее работавшего на базе конструктора, его необходимо переверстать с чистого листа. Не рекомендуется использовать прелендинги с конструкторов в реальной работе, поскольку их поведение может быть непредсказуемым.

Добавление прелендинга

Перейдите по кнопке "Сайты" выбранного оффера в разделе "Управление" - "Офферы". В этом разделе осуществляется работа со всеми сайтами оффера: лендингами, прелендингами, редирект-сайтами и TDS. Чтобы добавить новый сайт, нажмите на зелёную кнопку "Прелендинг" над таблицей.

Основным параметром сайта является его расположение в хранилище - URL. Домен указывается автоматически, вам необходимо вписать только путь. О выборе пути подробно рассказано далее. Путь указывается без слешей в начале и конце, например: de/my-top-offer/info. Название сайта может быть любым и указывается только для удобства пользователей.

Есть несколько вариантов инициализации сайта при добавлении:

  • Просто добавить сайт в список. При данном варианте никакие действия с сервером не производятся. Настроенный сайт уже должен располагаться по выбранному пути. Инструкция по ручной настройке сайта представлена далее.
  • Создать стандартный сайт-заглушку. На сервере будет размещён миниатюрный сайт: одна кнопка с переходом на лендинг.
  • Загрузить настроенный по инструкции сайт. Инструкция по настройке прелендинга представлена ниже. Сайт упаковывается в архив формата ZIP. Содержимое сайта (папки и файлы, особенно index.php) должно располагаться в корне архива, а не во вложенной папке.
  • Загрузить сайт из обычного архива. Архив должен иметь формат ZIP, содержимое сайта должно располагаться в корне архива. Автоматика попытается найти файл index.php или index.html, очистить его от постороннего кода, преобразовать ссылки и добавить необходимый код в заголовок, подвал и формы сайта. Обязательно вручную проверьте сайт после загрузки! Автоматика не сможет удалить пиксели, метрики или код отправки в сторонние сети, это нужно очистить вручную!
  • Попробовать скачать сайт по ссылке. Автоматика попытается загрузить сайт по указанной ссылке, очистить его от постороннего кода и настроить по инструкции. Результат не гарантируется - не все сайты поддаются скачиванию! Ручная проверка после скачивания обязательна.

При создании сайта в активном оффере, рекомендуется установить галочку "Добавить скрытым", чтобы пользователи не видели ваших манипулаций по подготовке и проверке сайта.

При добавлении сайта из настроенного архива, рекомендуется установить галочку "Автоматически сформировать архив", чтобы пользователи сразу же могли скачать подготовленный архив сайта из своих потоков.

После создания прелендинга, вы можете настроить дополнительные параметры:

  • URL - полная ссылка сайта. В этом поле она указывается целиком, с учётом домена и пути. Протокол в начале и слеш в конце не указывается. Примеры - в следующем разделе.
  • HTTPS - настройки SSL для сайта. Можно использовать системные настройки или принудительно включить/выключить SSL.
  • API-ключ - используется для взаимодействия сайта с платформой, менять не рекомендуется.
  • Мобильность - рекомендация по использованию сайта для мобильного или десктоп-трафика. Влияет только на иконку в списке сайтов, не отсекает трафик.
  • Приватный сайт - прелендинг показывается только указанному белому списку и скрывается от чёрного списка. В списках указываются идентификаторы пользователей, команд или агентских вебмастеров.
  • Нейминг - настройка названия рекламной кампании для работы с приложенями.
  • Архив сайта - вы можете загрузить специальный подготовленный архив для веб-мастеров. Архив можно создать автоматически, если поставить галочку "Автоматически сформировать архив сайта из хранилища сейчас". При этом архив формируется именно в момент отправки формы. Ставьте эту галочку каждый раз при изменении сайта.
  • Переименовать папку на сервере - если вы изменили путь сайта, папка с ним будет переименована автоматически.

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

Размещение прелендинга в хранилище

Перед ручным добавлением прелендинга, вам необходимо разместить его на своём сервере. Для размещения лендингов и прелендингов используется хранилище сайтов. Оно располагается на вашем сервере в папке r.domain.com для серверной версии или sites для облачной версии. Внутри данного хранилища необходимо завести папку, в которой будет располагаться сайт.

Выбор имени папки очень важен! Мы рекомендуем использовать расположение прелендингов по одной из следующих схем:

r.domain.com/offer/geo/site
r.domain.com/offer/lang/site
r.domain.com/offer/site

В этой схеме r.domain.com - это название существующей папки с хранилищем сайтов, offer - кратко название оффера, geo и lang - двухбуквенный код страны или языка сайта, а site - это названи самого сайта. Для максимальной совместимости, название папок рекомендуется писать в нижнем регистре без использования заглавных букв. Название сайта для прелендингов мы рекомендуем выбирать из списка: news, blog, info, whatsnew, important, blog-2019 и других в тематике "новости". Например: r.altercpa.site/titan-gel/us/blog.

Первая и вторая схема подходит для сетей, работающих с одними и теми же офферами в нескольких странах или на нескольких языках. Третья схема оптимальна для сетей, работающих на одном языке или в одной стране.

Настройка прелендинга

Прелендинг должен состоять из одного рабочего файла index.php, остальное содержимое - только элементы оформления (шрифты, стили, скрипты, картинки). Если прелендинг был предоставлен вам верстальщиком, просто переименуйте предложенный index.php и выполните с ним следующие изменения.

В начале кода index.php должен быть вставлен код инициализации сайта. Необходимый код отображается в форме редактора сайта в системе, скопируйте его оттуда. Он имеет следующий вид:

<?php
$cms = require_once $_SERVER['DOCUMENT_ROOT'] . '/init.php';
$url = $cms->preland( 1, 2 ); // Идентификаторы оффера и сайта
?>

В поле href каждой ссылки должен быть указан код:

<?=$url;?>

Все ссылки прелендинга должны иметь вид:

<a href="<?=$url;?>"> ... </a>

В заголовочной части файла перед закрывающим тегом </head> вставляется код:

<?php $cms->header(); ?>

В конце файла перед закрывающим тегом </body> вставляется код:

<?php $cms->footer(); ?>

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

  • <?=$cms->price;?> - цена основгого товара в зависимости от страны покупателя
  • <?=$cms->prices[123];?> - цена вложенного товара с идентификатором 123
  • <?=$cms->oldpr;?> - старая цена основного товара в зависимости от страны покупателя
  • <?=$cms->oldprs[123];?> - старая цена вложенного товара с идентификатором 123
  • <?=$cms->discount;?> - скидка на основной товар в зависимости от страны покупателя
  • <?=$cms->discounts[123];?> - скидка на вложенный товар с идентификатором 123
  • <?=$cms->currency;?> - валюта страны покупателя
  • <?=$cms->country;?> - ISO-код страны покупателя
  • <?=$cms->geoinfo('city'); ?> - город покупателя (при наличии)
  • <?=$cms->geoinfo('region'); ?> - регион покупателя (при наличии)
  • <?=$cms->geoinfo('district'); ?> - область покупателя (при наличии)

Форма на прелендинге

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

  1. В поле action формы должно быть указано <?=$url;?>
  2. В поле method формы указывается post
  3. В начале кода формы добавляется <?=$cms->params(); ?>.
  4. Поля формы необходимо назвать в соответствии с требованиями лендинга.

Форма должна выглядеть приблизительно так:

<form action="<?=$url;?>" method="post">
  <?=$cms->params(); ?>
  <input type="text" name="name" />
  <input type="tel" name="phone" />
</form>

Скачивание чужих прелендингов

Вы можете скачивать прелендинги ваших поставщиков в автоматическом режиме. Для этого воспользуйтесь разделом "Скачать" в управлении офферами. В этом разделе добавьте задание на скачивание, укажите требуемый оффер и список URL сайтов, которые необходимо скачать. Вы можете задать имя папки, куда будет скачан сайт, через пробел после URL сайта. Прелендинги скачиваются в автоматическом режиме, они готовы к работе сразу после скачивания. Для восстановления кармы после нелегального скачивания чужого сайта, погладьте кота.