Локальный лендинг: форма заказа и отправка лидов в трекер

C приходом Keitaro 9 в трекере добавился новый тип загрузки лендингов – Локальный.

Этот метод позволяет загружать лендинги zip архивами и автоматически размещать их в корне Keitaro. Благодаря чему, можно осуществлять простую загрузку в пару кликов и использовать лендинги в схемах потоков, открывая их без редиректов.

Сегодня мы подробно рассмотрим подключение такого лендинга и настроим передачу постбека в Keitaro, после сабмита формы заявки.

Содержание

Лендинг с формой заказа

Подготовка лендинга

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

Исполнительными файлами обязательно должны быть index.html или index.php.

В нашем конкретном примере видим следующую ситуацию:

Приводим исполняемый файл в должный вид — index.html и сжимаем все файлы и папки лендинга в один zip архив.

Получаем готовый zip архив нашего лендинга, который можно загрузить в Keitaro и проверить его работоспособность.

В Keitaro перейдем в раздел Лендинги — Создать лендинг

Впишем название, выберем тип Локальный и сам архив, после чего нажмем “Загрузить файл и сохранить”.

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

Здесь у нас добавилась возможность предпросмотра.

При нажатии на эту кнопку откроется наш сайт и можно проверить все ли грузится верно.

Сайт открывается верно, и успешно подключен в Keitaro, теперь давайте рассмотрим настройку передачи постбека по сабмиту формы.

При нажатии кнопки Оформить Заказ, нас должно переводить на страницу успешной покупки, и отстукивать одну конверсию в трекер.

Для этого нам нужно произвести некоторые изменения:

Добавить страницу success page
Добавить страницу call.php
Добавить передачу subid с лендинга

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

Подготовка лид-формы

Передача subid нужна для передачи информации о пользователе от лендинга до страницы call.php и фиксации конверсии.

Открываем страницу index.html и находим тег “action”, в нем содержится код, который будет передавать информацию до call.php

Проверяем, чтобы action в form ссылался на call.php, и метод передачи был post в нашем лендинге это выглядит следующим образом

<form action="call.php" method="post" >

1	<form action="call.php" method="post" >

Также, перед тегом, закрывающим форму заявки </form>, обязательно вставляем код для передачи subid

<input type="hidden" name="subid" value="{subid}" />

1	<input type="hidden" name="subid" value="{subid}" />

В конечном итоге вся форма заявки выглядит следующим образом:

<form action="call.php" method="post">

    <input type="hidden" name="subid" value="{subid}" />

    <input type="text" class="form__input" name="name"  placeholder="Ваше имя">

    <input type="tel" class="form__input" name="phone"  placeholder="Номер телефона">

    <button class="btn form__btn" type="submit">Оформить заказ</button>  

</form>

<button class="btn form__btn" type="submit">Оформить заказ</button>

</form>

Сохраняем документ и закрываем.

Подготовка скрипта call.php

Скрипт call.php, обычно, отправляет лиды в партнерку, но мы рассмотрим простую отправку постбека в трекер.

Зайдите на страницу “Обслуживание — Настройки” и включите опцию “Разрешать PHP в загружаемых лендингах”.

Создаем новый файл call.php и заполните его следующим кодом:

<?php

$url = 'ваш postback url?status=lead&subid=' . urlencode($_POST['subid']);

file_get_contents($url);

header('Location:success.html');

?>

<?php

$url = 'ваш postback url?status=lead&subid=' . urlencode($_POST['subid']);

file_get_contents($url);

header('Location:success.html');

Postback URL берется из трекера через меню Обслуживание — Postback URL

Если вам надо добавить сумму выплаты то можете добавить параметр payout и currency.

В итоге это все будет выглядеть так:

<?php

$url = 'http://rеtpks.com/a73335f/postback?payout=100&currency=rub&status=lead&subid=' . urlencode($_POST['subid']);

file_get_contents($url);

header('Location:success.html');

?>

<?php

$url = 'http://rеtpks.com/a73335f/postback?payout=100&currency=rub&status=lead&subid=' . urlencode($_POST['subid']);

file_get_contents($url);

header('Location:success.html');

Обратите внимание, что здесь же, мы указываем на страницу благодарности, success.html, которую создали в следующем шаге.

Создание страницы благодарности

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

Создадим файл success.html.