Полезности для лендингов (by Top4ek)

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

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

Проброс пикселя до страницы благодарности (через куки)

Как работает: в фб при создании объявления добавляем параметр ссылки fbpixel=АЙДИ_ПИКСЕЛЯ. Когда юзер переходит по ссылке, номер пикселя сохраняется у него в куки, а когда попадает на страницу благодарности – номер пикселя вынимается из куков и подставляется в нужное место в коде. При этом не важно, какой путь юзер проходит от (пре)ленда до страницы благодарности

Установка:

В index.php (или в index.html, но его все равно придется переименовать в .php чтобы это работало) в самое начало вставить:

<?php if(isset($_GET[‘fbpixel’])) { setcookie(‘fbpixel’,$_GET[‘fbpixel’],time()+36000); }; ?>

На страницу благодарности перед </head> вставить:

<img height=”1″ width=”1″ src=”https://www.facebook.com/tr?id=<?=$_COOKIE[“fbpixel”]?>&ev=Lead&noscript=1″/>

Защита от дублей (если юзер повторно попал на ленд)

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

Установка:

В index.php (или в index.html, но его все равно придется переименовать в .php чтобы это работало) в самое начало вставить:

<?php

if(isset($_COOKIE[‘psina’])) {

echo “<script>

window.location.replace(‘http://ВАШ_ЮРЛ’);

document.location.href=’http://ВАШ_ЮРЛ’

</script>”;

exit;

}

?>

На страницу благодарности (если она с .html, тоже переименовать в .php) в самое начало вставить:

<?php

setcookie(“psina”, ‘active’, time()+3600*24, ‘/’);

?>

Время: 3600 – кол-во секунд в часе, 24 – кол-во часов в сутках. Данный код со сроком жизни в сутки*

Совет по использованию: узнать на пп, спустя какое минимальное время после заказа один и тот же юзер, сделав повторный заказ, не будет считаться дублем. Именно это время установить в куки. А в качестве ссылки, на которую будет происходить редирект, можно поставить, например, ссылку на домонетку, если вы ее используете

Защита от спая

Как работает: в параметры ссылки в фб при создании объявления добавляется параметр code, содержащий код (например, code=123). Важно! Все параметры в таком случае записываются в отдельное поле для параметров ссылки, только так в спае не будет видно самого парметра:

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

Установка:

В index.php (или в index.html, но его все равно придется переименовать в .php чтобы это работало) в самое начало вставить:

<?php if (!isset($_GET[‘code’]) && $_GET[‘code’] != ‘ВАШЕ_ЗНАЧЕНИЕ’) {

echo “<script>

window.location.replace(‘http://ВАШ_ЮРЛ’);

document.location.href=’http://ВАШ_ЮРЛ’

</script>”;

exit;

} ?>

Совет по использованию: если устанавливаете данный скрипт, обязательно проверить корректность его работы перед заливом – перейти по вашей ссылке, которую будете ставить в фб, приписав в конце ?code=ВАШЕ_ЗНАЧЕНИЕ. Иначе можно потерять много трафика

Динамическая дата

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

<script type=”text/javascript”>d = new Date(); p = new Date(d.getTime() – (1000*3600*24*7));monthA =’01,02,03,04,05,06,07,08,09,10,11,12′.split(‘,’);var w = p.getDate();document.write(p.getDate() + ‘.’ + monthA[p.getMonth()] +’.’+ p.getFullYear());</script>

Данный вариант покажет дату на неделю назад (время можно регулировать задав другие настройки вместо 1000*3600*24*7

Валидатор и маски для телефонов

Как работает: при вводе телефона в форме скрипт автоматом подставит код страны в соответствии с гео (типа +7 для рф), а так же проверит следующие 3 цифры номера на валидность (то есть не получится ввести +7-123…) и длину всего номера. Если номер не валидный – заявка не отправится. Так же данный валидатор выделяется тем, что не нужно самому прописывать в коде маску и код страны – достаточно только указать в коде двухбуквенный код страны, все остальное добавится автоматически

Установка: в index.php (или .html поменять на .php) перед </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>

В форму добавить параметр (вместо Код_страны ставим что нужно : PL, CZ, CO и тд):

<input type=”hidden” name=”country” value=”Код_страны”>

Перед </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>

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

Далее в папке, где стоит ленд, создаем папку js (это название папки) и пихаем туда файлы из архива, который скачиваем по этой ссылке. Если папка js в ленде уже имеется, то файлы из архива просто добавляем в нее

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

Плавный скролл к форме заявки

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

Установка:

Перед </body> в index.php установить этот скрипт:

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js”></script>

<script type=”text/javascript”>

    $(“a”).click(function(e) {

        e.preventDefault();

        var destination = $(‘#АЙДИ_БЛОКА_С_ФОРМОЙ’).offset().top;

        jQuery(“html:not(:animated),body:not(:animated)”).animate({scrollTop: destination}, 800);

        return false;

     })

 </script>

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

На счет скриптов рулеток / коробочек / дверей (кто знает – тот поймет) – такое можно найти, например, на канале Желтого Веба, пробейте в тг

А чтоб увидеть больше полезных статей как для новичков, так и для прошаренных ребят:

🔥 Подписывайся 🔥