Создание лендинга

Лендинг - это одностраничный сайт с формой заказа. Его задача - собрать данные покупателя (имя, телефон, почта) и показать страницу "Спасибо". Чаще всего выглядит как страница описания товара или услуги. Иногда выглядит как сайт с отзывами или новостной блог, но с формой заказа. Может работать с формой регистрации и перенаправлять пользователя в личный кабинет.

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

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

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

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

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

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

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

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

  • Просто добавить сайт в список. При данном варианте никакие действия с сервером не производятся. Настроенный сайт уже должен располагаться по выбранному пути. Инструкция по ручной настройке сайта представлена далее.
  • Создать стандартный сайт-заглушку. На сервере будет размещён миниатюрный сайт: лид-форма с именем, номером телефона и кнопкой "Отправить". Можно также добавить заголовок с названием оффера и поля "E-mail" и "Пароль".
  • Загрузить настроенный по инструкции сайт. Инструкция по настройке лендинга представлена ниже. Сайт упаковывается в архив формата 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

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

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

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

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

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

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

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

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

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

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

  1. В поле action формы должно быть указано пустое значение, поле method – post: action="" method="post"
  2. После открывающего тега <form> добавьте <?=$cms->params();?>
  3. Переименуйте поля input в соответствии с требованиями системы. Имя передаётся через параметр name, телефон - phone, электронная почта - email, адрес доставки - address, комментарий к заказу - comment, ISO-код страны - country, дополнительный параметр с названием foobar - params[foobar].
  4. Проверьте, чтобы к форме не был привязан AJAX-обработчик отправки. Отправка заказов через AJAX не предусмотрена.

Может быть задано любое количество форм. Код формы должен иметь приблизительно такой вид:

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

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

  • <?=$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'); ?> - область покупателя (при наличии)

При создании мультивалютных сайтов рекомендуется добавить в форму поле:

<input type="hidden" name="country" value="<?=$cms->country;?>" />

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

Настройка страницы Спасибо

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

Вы можете добавить страницу "Спасибо" для каждого сайта отдельно. Для этого создайте файл success.php в папке с сайтом и укажите в index.php сайта после $cms = require_once следующий код:

$cms->thankspage = __DIR__ . '/success.php';

Чтобы заменить только страницу успешной отправки лида, используйте:

$cms->successpage = __DIR__ . '/success.php';

Чтобы заменить только страницу ошибки регистрации, используйте:

$cms->errorpage = __DIR__ . '/error.php';

Чтобы заменить только страницу успешной регистрации и перенаправления, используйте:

$cms->redirectpage = __DIR__ . '/success.php';

Чтобы заменить только страницу отправки дополнительных данных в заказ, используйте:

$cms->updatepage = __DIR__ . '/success.php';

Вы также можете использовать единую страницу "Спасибо" сразу же для всех лендингов. Для этого создайте файл success.php в корневой папке вашего хранилища сайтов и укажите в файле config.php хранилища следующий код:

define( 'THANKSPAGE', $_SERVER['DOCUMENT_ROOT'] . '/success.php' );

Обратите внимание, что в данном случае все пути к ресурсам, используемым на странице "Спасибо" (картинки, js и css файлы и пр.) должны быть абсолютными, чтобы корректно отображаться при подключении к любому лендингу.

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

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

Также рекомендуется добавить перед закрывающим тегом </head> следующий код:

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

На странице "Спасибо" могут использоваться любые функции, используемые при создании лендинга, но при обращении к ним вместо $cms необходимо использовать $this.

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

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