В случае если сайт рекламодателя создан на конструкторе Tilda, выполняйте следующие шаги для интеграции вашего оффера с сайтом на Tilda.

Для того чтобы вам удобнее было осуществить интеграцию откройте заранее два браузерных окна: в одном окне откройте ваш личный кабинет на HOQU, в другом - личный кабинет сайта на Tilda.

Шаг 1

Зайдите в карточку оффера, в разделе “Интеграция” скопируйте ссылку в поле Postback URL до знака “?”.



Пример. Скопируйте только то, что выделено красным цветом.
${color}[#cb2a2a](https://trackerdomain.com/a77f98765-a987-76u9-42j8-2y4u5u87g8uy/s2s)?click_id={click_id}&request_id={request_id}&action={action}&status={status}

Шаг 2

В проекте сайта на Tilda перейдите в раздел Настройки сайта. В левом боковом меню откройте раздел Формы, прокрутите вниз и нажмите на поле Webhook. В поле Webhook URL вставьте ранее скопированную ссылку (Шаг 1) и нажмите Добавить.

После вопроса “Добавить приемщик данных ко всем формам на сайте?” нажмите “Добавить”.

Далее вы увидите в разделе Формы - Подключенные сервисы только что добавленный Webhook. При необходимости вы можете перейти в настройки этого Webhook, чтобы изменить название, URL.

Шаг 3

Теперь скопируйте доменное имя сайта рекламодателя на Tilda. В карточке соответствующего оффера на HOQU (откуда вы копировали Postback URL в Шаге 1) нажмите “Редактировать” и перейдите в раздел “Трекинг”.

В поле “Трекинг ссылка” вставьте ранее скопированное доменное имя и нажмите “Сохранить”.

Шаг 4

Скопируйте JS код:

<script>
$(function () {

const FORM_NAME = "hoqu_form";
const STATUS = "hold";
const ACTION = "";

function getClickId() {
const urlParams = new URLSearchParams(location.search);
let CLICKID = urlParams.get('click_id');
if (CLICKID) {
sessionStorage.setItem('click_id', CLICKID)
} else {
CLICKID = sessionStorage.getItem('click_id');
}

return CLICKID;
}

$( `[value=${FORM_NAME}]` ).each(function(i){
$(this).after(`<input value=${getClickId()} name="click_id" type="hidden" />`);
$(this).after(`<input value=${+new Date()} name="request_id" type="hidden" />`);
$(this).after(`<input value=${ACTION} name="action" type="hidden" />`);
$(this).after(`<input value=${STATUS} name="status" type="hidden" />`);
});
})
</script>


Возвращаемся на Tilda. На главной странице проекта сайта перейдите в главный раздел (рядом с иконкой ) и нажмите на “+”.

Пример:

Далее в появившейся библиотеке блоков выберете блок “T123”.

Переходим в “Контент”:

Вставьте скопированный JS код в поле “HTML КОД / КОД ВИДЖЕТА”.

В строке кода const ACTION = “ ”; вставьте внутрь кавычек название вашего action (Действие) из тарифа соответствующего оффера.

Название тарифа смотрите в карточке оффера в разделе “Rate Activation”:

В примере из картинки выше строка кода будет выглядеть следующим образом:
const ACTION = “action”;

Сохраните.

Далее нажмите на “+” и создайте Форму, если ранее не создавали.

Перейдите в настройки формы:

И скопируйте название формы:

Сохраните, если не сделали этого ранее.

Вернитесь в поле, в котором вы вставляли JS код “HTML КОД / КОД ВИДЖЕТА”.
В строке const FORM_NAME = “ ”; вставьте внутрь кавычек ранее скопированное название формы.
В примере из картинки выше строка кода будет выглядеть следующим образом:
const FORM_NAME = “TEST”;

Сохраните.

Теперь опубликуйте данный проект на Tilda.

Шаг 5

Войдите в аккаунт тестового вебмастера (в режиме инкогнито), создайте кампанию на данный оффер с сайтом на Tilda и получите трекинговую ссылку.

Перейдите по ссылке тестового вебмастера, заполните форму (которую мы рассматривали в Шаге 4) и отправьте ее (кнопка “Submit”, как правило). Таким образом вы создадите тестовый Лид.

Далее в аккаунте тестового вебмастера и личном аккаунте вашей сети проверьте, отобразился ли данный Лид в статистике. Если вы увидели тестовый лид в статистике, значит интеграция настроена верно! Если вы проделали все шаги, но тестовый лид не отобразился в статистике, напишите вашему менеджеру HOQU.
Была ли эта статья полезна?
Отменить
Спасибо!