Пошаговая инструкция по установке и настройке скрипта клоакинга Yellow Cloaker от Жёлтого Веба. Проверили на запуск рекламы в Facebook Ads.
Покупка сервера и установка Yellow Cloaker
Мы купили на FriendHosting VDS-сервер с операционной системой Ubuntu 22.04 bit и ПО FastPanel и разберем дальнейшую работу на нем. Можно выбрать любой другой.
Для работы скрипта на хостинге должен быть включён PHP версии 7.2 или выше.
После покупки VDS-сервера, на почту придут данные доступа к FastPanel.
- Авторизуйтесь в панели:
- Купите домен и привяжите его по A-записи к серверу.
- В FastPanel нажмите “Создать сайт” → “Создать сайт вручную”
- В открывшейся странице впишите свой домен в строку “Какой домен подключения?” и нажмите “Следующий шаг”:
- Нажмите кнопку “Создать сайт”:
- Далее, во вкладке “Управления сайтом” перейдите в “Файлы”:
- Выделите и удалите имеющиеся в корневой директории файлы:
- Скачайте клоаку Жёлтого Веба по ссылке с GitHub. “Code” → “Download ZIP”:
- Загрузите скачанный архив на сервер, нажав “Загрузить файл”:
- Кликните по архиву правой кнопкой мыши и разархивируйте его:
Выпуск SSL-сертификата для домена
Для корректной работы скрипта, нужно выпустить SSL сертификат для домена.
Важно: SSL сертификат от CloudFlare не подойдет.
В FriendHosting можно в пару кликов выпустить SSL-сертификат, для этого:
- В управлении сайтом нажмите на “SSL сертификаты”:
- Нажмите на “Новый Сертификат”:
- Выберите сертификат от Let’s Encrypt “Обычный сертификат” (выпускается за пару секунд) или Wildcard (выпускается несколько минут).
- Нажмите “Сохранить”:
- Дождитесь пока он станет действительным:
Настройка клоакинга
- Перейдите по ссылке, подставив наш домен:
https://ваш.домен/admin?password=12345
В ссылке прописан стандартный пароль “12345” для доступа к админке, не забудьте его поменять на свой в настройках Yellow Cloakerа.
Загрузка локальных лендингов
Разберем как загружать лендинги локально на примере white page и black page.
- В файлах с клоакой создайте две папки. Для удобства используем названия “white” и “land”.
- В папку “white” загрузите архивом white-page;
- В папку “land” загрузите архивом оффер (black-page).
- И разархивируйте файлы с white-page и black-page:
Если у вас несколько локальных прокладок и лендингов, создайте по одной папке для каждой прокладки и лендинга. Например, если у вас есть две прокладки и два лендинга, создайте две папки для прокладок: “p1” и “p2”. Также создайте две папки для лендингов: “land1” и “land2”. Затем переместите соответствующие файлы в соответствующие папки. Далее проставьте названия папок через запятую в настройках клоакинга:
Настройка white page
Теперь необходимо настроить white page для нежелательных посетителей. Yellow Cloaker может:
- показывать локальные вайты,
- редиректить на любой другой сайт,
- подгружать контент любого другого сайта через CURL,
- возвращать любой HTTP-код (например, ошибку 404 или просто 200).
Разберем на примере показа локального лендинга:
- Перейдите в настройки клоакинга, нажав “Settings” в боковом меню.
- Выберите метод: “Локальный вайт-пейдж из папки”;
- Папка, где лежит вайт: пропишите название вашей папки с вайтом, по умолчанию это “white”, в нее мы и заливали файлы нашего white page.
Настройка black page
В Yellow Cloaker можно настроить следующие воронки для целевого трафика:
- локальный ленд (или несколько лендов)
- локальная прокла (проклы) -> локальные ленды
- локальные проклы + редирект на ленд на другом сайте
- сразу же редирект на другой сайт
Мы будем лить трафик на проклаленд, поэтому воспользуемся первым вариантом “Локальный ленд” и настроим black page:
- Выберите метод загрузки прокладок: “Не использовать прелендинг”;
- Выберите метод загрузки лендингов: в нашем случае “Локальный лендинг из папки”;
- Папки, где лежат лендинги: папку с названием оставили по умолчанию – “land”, туда мы ранее залили файлы нашего black page;
- Использовать страницу Спасибо: в нашем случае “Кастомную, на стороне кло”;
- Язык, на котором показывать страницу Спасибо Кло: язык по умолчанию RU, в нашем приере поменяли на EN;
Доступны следующие языки: EN, PT, RU, SI, SK. Другие языки или свою страницу “Спасибо” вы можете загрузить самостоятельно в папку “thankyou”.
- Путь от корня лендинга до скрипта отправки данных с формы: здесь укажите файл страницы спасибо. У нас это “order.php”. Нужное название можно найти в индексном файле лендинга в атрибуте action у любой формы отправки.
Если ваш скрипт отправки лежит не в корневой директории лендинга, то пропишите относительный путь к нему, например: ‘folder/order.php.
Настройка метрик и пикселей
Можно добавить в проклы и лендинги следующие пиксели:
- Яндекс Метрика
- Google Tag Manager
- Tiktok Pixel
- Facebook Pixel
Разберем на примере Facebook Pixel:
- Имя параметра, в котором лежит ID пикселя Facebook: по умолчанию прописан “px”, его и будем использовать для передачи пикселя, при заливе рекламы в Facebook Ads. Пример:
https://domen.com/?px=123456789 - Какое событие будем использовать для конверсии в Facebook: в нашем случае заливать рекламу будем с событием Lead. Поэтому оставьте по-умолчанию. Вы можете поменять его на Purchase или на любое другое.
Прописывать вручную Javascript-код пикселя Facebook не надо – если в адресе перехода есть параметр px, то клоакер добавит нужный код на страницу “Спасибо” автоматически.
Используйте расширение Meta Pixel Helper для браузера Google Chrome, чтобы убедиться, что события отсылаются корректно.
Настройка TDS
- Режим работы TDS: по умолчанию “Обычный”, оставьте как есть:
Настройки фильтров
В Yellow Cloaker можно фильтровать трафик по следующим критериям:
- Встроенная база IP
- ОС посетителя
- Страна посетителя
- User Agent посетителя (браузер)
- ISP посетителя (провайдер)
- Наличие реферера
- По любой части ссылки, по которой был переход
Для запуска рекламы в Facebook нам хватило следующих фильтров:
- Список разрешенных OC: здесь через запятую перечислите нужные ОС. Мы оставили стандартные – “Android,iOS,Windows,OS X”;
- Список разрешенных стран: пропишите ту страну, на которую будете заливаться в Facebook Ads.
- Остальное по умолчанию:
Настройка дополнительных скриптов
В Yellow Cloaker есть встроенные скрипты, которые можно включить по своему усмотрению:
- Отключение кнопки “Назад”
- Замена кнопки “Назад”
- Запрет контекстного меню, выделения текста и сохранения по Ctlr+S
- Замена прелендинга на другой сайт
- Маски для телефонов – добавляет к полю ввода телефона НА ЛЕНДИНГЕ указанную маску. Мы отключили, так как у нас на ленде уже есть такой скрипт.
- и другие скрипты:
Настройка sub-меток
subid – уникальный идентификатор пользователя, создаётся при заходе пользователя на black page и хранится в cookies.
Этот идентификатор дальше передается в партнерку. Разные ПП используют разные названия параметра идентификатора. Необходимо узнать его у менеджера/саппорта и прописать в поле напротив subid.
Например для Partners.CPA.RIP используется параметр aff_click_id.
Настройка статистики
Просмотр статистика защищён паролем, его обязательно надо сменить на свой в настройках.
- Пароль от админ-панели: пропишите свой пароль.
Настройка postback
Разберем на примере партнерской сети Partners.CPA.RIP.
- В специальные поля необходимо прописать статусы лидов в том виде, как они приходят в кло из партнерки:
- Lead → pending;
- Purchase → approved;
- Reject → rejected;
- Trash → trash.
Дальнейшая настройка делается на стороне партнерки, где нужно прописать ссылку postback в формате: https://ваш.домен/postback.php?subid={aff_click_id}&status={conv_status}&payout={payout}
Подробнее про настройку postback в нашей статье: https://cpa.rip/services/keitaro-tracker/#Kak_rabotaet_Postback
Также в Yellow Cloaker реализована передача S2S-постбеков. Доступны следующие настройки:
Запуск рекламы в Facebook Ads
В Fcebook Ads создайте кампанию за “лиды”, создайте пиксель и при заливе укажите ссылку в формате: https://ваш.домен/?px=ПИКСЕЛЬ
Кампания успешно запустилась и начала открут:
Статистика в Yellow Cloaker
Во вкладке “Statistics” есть возможность посмотреть статистику по следующим параметрам: Date, Clicks, Unique, Conversions, Purchase, Hold, Reject, Trash, CR% all,CR% sales, App% (w/o trash), App% (total), EPuC, Revenue:
В разделе “Allowed” отображаются клики, которые были допущены на Black-page:
В разделе “Leads” есть возможность просмотреть подробности о лидах:
В разделе “Blocked” отображаются все клики, которые были заблокированы и перенаправлены на белую страницу (White-page):
