Большая статья по KClient JS

Это изображение имеет пустой атрибут alt; его имя файла - Колонка-от-Ивана-1.jpg

Анонсируем подробную, развернутую статью по нашему новому методу интеграции KClient JS.
JS KClient — самый новый скрипт интеграции Keitaro, который позволяет подключать удаленные сайты через JS код и делать динамическую подмену контента без редиректа. На сегодня это самый востребованный метод интеграции и наши клиенты не перестают задать вопросы по настройке этого скрипта, в связи с чем мы решили написать этот подробный гайд. Надеемся, что он поможет ответить на большинство вопросов и настройка клиента станет для вас простой и доступной.

Пару слов о самом клиенте

KClient JS работает по следующему принципу: 
1 — скрипт забирает данные входящего клика и отправляет запрос на наш API.
2 — трекер отдает ответ. Если нужно сделать подмену, то содержимое потока отправляется на исходный сайт с клиентом и идет перезапись через document.write. 
В итоге на исходном сайте под тем же доменом отображается новый контент, а детекторы редиректов видят ответ 200. 
Сам скрипт стал особенно популярен для работы через различные конструкторы сайтов, где не возможности разместить наш привычный KClient PHP, но поддерживается импорт JS кода. 

Что по детектам ботов?

При генерации скрипта вы можете включить опцию — base 64, что позволит генерировать код скрипта в уникальном зашифрованном виде, избегая тем самым в содержании ключей вида “tracker”, “api” и других похожих значений, которые бы помогли ботам детектить работу трекера. 

Где взять код скрипта?

Код скрипта берется внутри кампании вашего трекера, на вкладке Интеграция.

Перед тем как взять код скрипта, убедитесь, что в ссылке кампании выбран оффер с SSL и он начинается через https:

На вашем сайте также должен быть SSL сертификат на домене. Это одно из необходимых условий для нормальной работы скрипта. Вторым условием является поддержка сайтом (конструктором) выполнения JS кода. 

Как выглядит базовая настройка кампании с JS клиентом? 

Основа стандартного кейса включает в себя кампанию с двумя потоками, где в первом потоке будут стоять фильтры на прием ботов и действие Ничего не делать — что оставит бота на сайте, на котором будет стоять скрипт и вторым потоком — с целевым действием (обычно локальным лендингом)

Выглядит это примерно следующим образом:

В потоке Bot Protection вы выставляете любой набор фильтров, который нужен будет вам для отлова ботов. 

В потоке Stream 2 вы выставляете целевое действие. Если там будет выбран локальный лендинг/оффер, то этот лендинг/оффер будет выгружен на ваш сайт с интеграцией без редиректа и смены домена, в случае если трафик не попадет в бот поток. 

Как подключить JS KClient к различным конструкторам и платформам

Shopify

Открываем свой магазин и переходим в Themes — Actions — Edit code
Слева выбираем страницу которая нам нужна. Если главная то — theme.liquid. И ставим код в тег <head>

Сохраняем, код подключен.

Taplink

Создайте свою страницу, далее перейдите в настройки — общие — вставка HTML кода

Вставляйте код в обычном виде, без base64.

Не забудьте сохранить изменения. 

Tilda

Создайте свой сайт и откройте список страниц, после чего нажмите Настройки

Перейдите в раздел Дополнительно и пролистайте вниз до блока HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD

Здесь и нужно будет поставить ваш js код, однако эта опция доступна только на платных тарифах. 

После добавления кода не забудьте опубликовать сайт заново, чтобы правки вступили в силу.

Flexbe

Создайте свой сайт и в шапке перейдите в Настройки 

Далее нажмите Вставка кода и чекбокс Перед закрывающим тегом </head>
Импортируйте ваш код в этом месте:

Сохраните все изменения, чтобы они вступили в силу. 

GitHub

Создайте свой репозиторий, в котором будет index файл (в котором будет ваш сайт)

Откройте index и вставляйте JS код:

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

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

Если вы все сделали по инструкции, но код не работает – обратитесь к нашему материалу по решению проблем при работе с KClient JS

И конечно в случае любых вопросов вы всегда можете написать нам в поддержку в чат на сайте keitaro.io или телеграм бот — @keitarobot.