НАСТРОЙКА ПЕРЕДАЧИ ЗАКАЗОВ ПО API

1. Передача заказов с формы без использования валидатора и маски телефонов

Прежде чем настраивать лендинг, убедитесь что оффер отображается в кабинете.

1.1 Скачать архив с необходимыми файлами и перенести файлы в вашу папку с лендом:

Архив для Европейских офферов: Скачать

В архиве находятся:
- основной файл для отправки заказов api.php
- шаблоны страниц "спасибо" на разных языках
- страница "приватности" privacy.html

ВАЖНО! В зависимости от гео оффера, отправка лида производится на разные адреса:

Для Европы: 

<script src="https://api-new.leadreaktor.com/api/order/create.php

1.2 В конфигурационном файле api.php вам нужно указать ваш ключ для работы с заказами:

Замените API_KEY_HERE на ваш ключ.
Ключ вы можете взять в разделе Инструменты-API

1.3 В файле лендинга index.php внести изменения:

Для всех форм на странице указать путь до конфигурационного файла 

<form action="api.php" method="post" class="">

1.4 Добавить в форме параметры для передачи: 

<input type="hidden" name="country" value="IT">
<input type="hidden" name="goods_id" value="15214">
<input type="hidden" name="sub1" value="<?=@$_GET['sub1']?>">
<input type="hidden" name="sub2" value="<?=@$_GET['sub2']?>">
<input type="hidden" name="sub3" value="<?=@$_GET['sub3']?>">
<input type="hidden" name="sub4" value="<?=@$_GET['sub4']?>">
<input type="hidden" name="sub5" value="<?=@$_GET['sub5']?>">
<input type="hidden" name="utm_source" value="<?=@$_GET['utm_source']?>">
<input type="hidden" name="utm_content" value="<?=@$_GET['utm_content']?>">
<input type="hidden" name="utm_term" value="<?=@$_GET['utm_term']?>">
<input type="hidden" name="utm_campaign" value="<?=@$_GET['utm_campaign']?>">
<input type="hidden" name="client_type" value="<?=@$_GET['client_type']?>">

Параметры goods_id и country являются обязательными как name и phone.
Параметр country принимает двухбуквенное значение. Подробнее узнать можно в Википедии.
В параметр goods_id нужно передать id оффера.


1.5 Полностью ваша форма будет выглядеть примерно так: 

<form action="api.php" method="post" class="">

<input type="text" name="name" placeholder="Ваше Имя" required>
<input type="tel" name="phone" placeholder="Телефон +7 999 1234567" required>

<input type="hidden" name="country" value="IT">
<input type="hidden" name="goods_id" value="15214">
<input type="hidden" name="sub1" value="<?=@$_GET['sub1']?>">
<input type="hidden" name="sub2" value="<?=@$_GET['sub2']?>">
<input type="hidden" name="sub3" value="<?=@$_GET['sub3']?>">
<input type="hidden" name="sub4" value="<?=@$_GET['sub4']?>">
<input type="hidden" name="sub5" value="<?=@$_GET['sub5']?>">
<input type="hidden" name="utm_source" value="<?=@$_GET['utm_source']?>">
<input type="hidden" name="utm_content" value="<?=@$_GET['utm_content']?>">
<input type="hidden" name="utm_term" value="<?=@$_GET['utm_term']?>">
<input type="hidden" name="utm_campaign" value="<?=@$_GET['utm_campaign']?>">
<input type="hidden" name="client_type" value="<?=@$_GET['client_type']?>">


<button type="submit" class="button">ЗАКАЗАТЬ</button>

</form>

Обратите внимание, что поля имени и телефона важно указывать через name="name" и name="phone", а также с атрибутом required.

ВАЖНО! Для корректной передачи меток utm и sub, файл лендинга должен быть сохранен с расширением .php

1.6 Если вам не нужно передавать параметры sub, utm, client_type - удалите их из формы: 

<form action="api.php" method="post" class="">

<input type="text" name="name" placeholder="Ваше Имя" required>
<input type="tel" name="phone" placeholder="Телефон +7 999 1234567" required>

<input type="hidden" name="country" value="IT">
<input type="hidden" name="goods_id" value="15214">

<button type="submit" class="button">ЗАКАЗАТЬ</button>

</form>

При отсутствии необходимости в передаче utm и sub, файл лендинга можно сохранять с расширением .html

2. Передача заказов с формы c использованием валидатора и маски телефонов

2.1 Скачать архив с библиотекой и перенести все в папку вашего лендинга.

2.2 Выполнить пункты с 1.1 по 1.6 (если ранее не были сделаны).

2.3 Перед закрывающим тегом head вставить код 

<style>
.hide,
.flag-dropdown {display: none;}
.error-box {
color: #fff;
background-color: #DE5042;
border-radius: 5px;
text-align: center;
width: 280px;
font-size: 13px;
line-height: 20px;
z-index: 100;
margin: 0 auto 10px
}
</style>

2.4 В файле лендинга index.php перед закрывающимся тегом body подключить скрипты: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/jquery.maskedinput-1.2.2.js"></script>
<script src="js/intlTelInput.min.js"></script>
<script src="js/validator.js"></script>

3. Дополнительные настройки

3.1 Если хотите вести запись заказов в файл, то вам нужно добавить в api.php следующий код: 

$fp = fopen('orders.txt', 'a');
fwrite($fp, date("d-m-Y H:i:s").";".$params['name'].";".$params['msisdn']."\n");
fclose($fp);

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

<?php
if (!empty($_POST)) {
send_the_order($_POST);
}
function send_the_order($post){
$params = array(
'goods_id' => $post['goods_id'],
'ip' => $_SERVER['REMOTE_ADDR'],
'msisdn' => $post['phone'],
'name' => $post['name'],
'country' => $post['country'],
'url_params[sub1]' => $post['sub1'],
'url_params[sub2]' => $post['sub2'],
'url_params[sub3]' => $post['sub3'],
'url_params[sub4]' => $post['sub4'],
'url_params[sub5]' => $post['sub5'],
'url_params[utm_source]' => $post['utm_source'],
'url_params[utm_content]' => $post['utm_content'],
'url_params[utm_term]' => $post['utm_term'],
'url_params[utm_campaign]' => $post['utm_campaign']

);

$fp = fopen('orders.txt', 'a');
fwrite($fp, date("d-m-Y H:i:s").";".$params['name'].";".$params['msisdn']."\n");
fclose($fp);

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://api-new.leadreaktor.com/api/order/create.php?api_key=API_KEY_HERE");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $params);
$return = curl_exec($ch);
curl_close($ch);
$array = json_decode($return, true);
}
?>

4. Полезности для пре-лендингов

4.1 Для переадресации с любой ссылки на нужный вам лендинг подключите скрипт: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("a").not(".land-link").each(function (i) {
   $(this).attr("target","_blank").attr("href","{url}")
 });
});
</script>

Вместо {url} поставте ссылку на ваш лендинг.
Для того, чтобы одну из ссылок сделать персональной, и дать ей другое значение для перенаправления, добавьте класс class="land-link".
Класс можно задать свой (любой), главное замените его в самом скрипте и для конкретной ссылки.
Подключение данных скриптов лучше делать перед закрывающимся тегом body.

4.2 Плавный скролл для якоря: 

<script>
$(document).ready(function(){
  $("a[href*=#]").on("click", function(e){
    var anchor = $(this);
    $('html, body').stop().animate({
      scrollTop: $(anchor.attr('href')).offset().top
    }, 777);
    e.preventDefault();
    return false;
  });
});
</script>

Для работы данного скрипта необходимо подключение библиотеки jQuery. Если вы ее не подключали, то скопируйте первую строку из пункта 4.1 перед самим скриптом.

4.3 Проброс меток с пре-лендига на лендинг.

При указании ссылки на лендинг вам нужно добавлять GET-параметры используя конструкцию: 

<?=@$_GET['paramN']?>

Например ссылка на прелендинг имеет вид http://pre.land/?param1=a1&param2=a2&param3=a3

И вам нужно нужно перенаправить на ленд http://example.com/, чтобы получить ссылку вида http://example.com/?sub1=a1&sub2=a2&sub3=a3


Для этого вам нужно ссылку на лендинг, указывать в таком виде 

"http://example.com/?sub1=<?=@$_GET['param1']?>&sub2=<?=@$_GET['param2']?>&sub3=<?=@$_GET['param3']?>"

Таким образом вы заберете значение из параметра param1 пре-лендинга и передадите его в параметр sub1 для лендинга.


ВАЖНО! Файл пре-лендинга должен быть сохранен с расширением .php

@import compass