Для интеграции вашего оффера созданного в партнерской сети на платформе в HOQU с сайтом, созданным в конструкторе Tilda, следуйте инструкции ниже.

В нашем примере мы будем использовать вариант с интеграцией через iframe с использованием технологии cookieless tracking - https://hoqu.crisp.help/ru/article/treking-bez-ispolzovaniya-fajlov-cookie-c9rxzs/

Получение трекинговой ссылки в HOQU

Интеграция через pixel

В оффере выберите и сохраните тип интеграции pixel



Во вкладке Общие оффера перейдите в раздел Интеграции.



В нашем примере скопируйте ссылку в разделе pixel.



В трекинговой ссылке пикселя замените {action} на значение модели оплаты для данного оффера. Для request_id указываем значение ${window.localStorage.phone}, для click_id - ${window.localStorage.clickId}.



В нашем случае получается ссылка следующего вида:

https://trackerhqu.com/1509/pixel.gif?request_id=${window.localStorage.phone}&action=CPA&click_id=${window.localStorage.clickId}

Интеграция на стороне Тильды

Авторизуйтесь в вашем аккаунте в Тильде и перейдите в режим редактирования сайта.

Найдите самый верхний первый блок вашего лендинга, наведите на него и нажмите кнопку +



Найдите блок T123 и кликните на него.



Далее нажмите кнопку Контент



В форму для вставки кода добавьте код (скрипт записывает в localStorage браузера request_id и click_id). Данный код нужно установить на страницу, куда идет трафик, и на все страницы, где есть форма для создания заявки.

<script>
$(function () {
document.getElementsByTagName('input').Phone.onchange = (e) => {
if (e.target.value) {
window.localStorage.phone = e.target.value
.replaceAll(' ','')
.replaceAll('(', '')
.replaceAll(')', '')
.replaceAll('+', '')
.replaceAll('-', '')
window.localStorage.clickId = (new URLSearchParams(location.search)).get('click_id')
}
}
})
</script>


*Phone.onchange - номер телефона, который указал пользователь в заявке.

Альтернативный вариант скрипта, где вместо LocalStorage используются Cookie

<script>
$(document).ready(function () {

function saveData(e) {
if (e.target.value) {
const clickId = (new URLSearchParams(location.search)).get('click_id')

document.cookie = `phone=${e.target.value}`;
document.cookie = `clickId=${clickId}`;
}
}

setInterval(function() {
document.getElementsByTagName('input').Phone.onchange = saveData;
document.getElementsByTagName('input').phone.onchange = saveData;
}, 2000)

})
</script>


После чего сохраните внесенные изменения и опубликуйте их





Далее найдите страницу, при показе которой будет засчитываться целевое действие (конверсия). Например, это может быть страница “Спасибо за заказ” после его оформления.

По аналогии с предыдущим пунктом откройте блок T123 и добавьте туда скрипт с ссылкой, которую мы взяли из пикселя

https://trackerhqu.com/1509/pixel.gif?request_id=${window.localStorage.phone}&action=CPA&click_id=${window.localStorage.clickId}

Должно получиться так:

<script>
$(function () {
const img = document.createElement('img');

img.setAttribute('src', `https://trackerhqu.com/1509/pixel.gif?request_id=${window.localStorage.phone}&action=CPA&click_id=${window.localStorage.clickId}`)

img.setAttribute('alt', 'HOQU')
img.setAttribute('width', '1px')
img.setAttribute('heigth', '1px')
img.setAttribute('style', 'position: absolute; left: -999px')

document.body.append(img)
})
</script>


Альтернативный вариант скрипта, где вместо LocalStorage используются Cookie

<script>
$(function () {
function getCookie(name) {
const finded = document.cookie.split('; ').find(item => item.split('=')[0] === name);
return finded.split('=')[1];
}

const img = document.createElement('img');

const clickId = getCookie('clickId');
const phone = getCookie('phone');

img.setAttribute('src', `https://trackerhqu.com/1509/pixel.gif?request_id=${phone}&action=CPA&click_id=${clickId}`)
img.setAttribute('alt', 'HOQU')
img.setAttribute('width', '1px')
img.setAttribute('heigth', '1px')
img.setAttribute('style', 'position: absolute; left: -999px')

document.body.append(img)
})
</script>


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

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

Интеграция через iframe

В оффере выберите и сохраните тип интеграции iframe.



Во вкладке Общие оффера перейдите в раздел Интеграции.



В нашем примере скопируйте ссылку в разделе iframe.



В трекинговой ссылке пикселя замените {action} на значение модели оплаты для данного оффера. Для request_id указываем значение ${window.localStorage.phone}, для click_id - ${window.localStorage.clickId}



В нашем случае получается ссылка следующего вида:

https://trackerhqu.com/1509/pixel.html?request_id=${window.localStorage.phone}&action=CPA&click_id=${window.localStorage.clickId}

Интеграция на стороне Тильды

Авторизуйтесь в вашем аккаунте в Тильде и перейдите в режим редактирования сайта.

Найдите самый верхний первый блок вашего лендинга, наведите на него и нажмите кнопку +



Найдите блок T123 и кликните на него.



Далее нажмите кнопку Контент



В форму для вставки кода добавьте код (скрипт записывает в localStorage браузера request_id и click_id). Данный код нужно установить на страницу, куда идет трафик, и на все страницы, где есть форма для создания заявки.

<script>
$(function () {
window.localStorage.clickId = (new URLSearchParams(location.search)).get('click_id')
document.getElementsByTagName('input').Phone.onchange = (e) => {
if (e.target.value) {
window.localStorage.phone = e.target.value
}
}
})
</script>


*Phone.onchange - номер телефона, который указал пользователь в заявке.
После чего сохраните внесенные изменения и опубликуйте их





Далее найдите страницу, при показе которой будет засчитываться целевое действие (конверсия). Например, это может быть страница “Спасибо за заказ” после его оформления.

По аналогии с предыдущим пунктом откройте блок T123 и добавьте туда скрипт с ссылкой, которую мы взяли из iframe.

https://trackerhqu.com/1509/pixel.html?request_id=${window.localStorage.phone}&action=CPA&click_id=${window.localStorage.clickId}

Должно получиться так:

<script>
$(function () {
const iframe = document.createElement('iframe');

iframe.setAttribute('src', `https://trackerhqu.com/1509/pixel.html?request_id=${window.localStorage.phone}&action=CPA&click_id=${window.localStorage.clickId}`)

iframe.setAttribute('width', '1px')
iframe.setAttribute('heigth', '1px')
iframe.setAttribute('frameborder', '0')
iframe.setAttribute('scrolling', 'no')

document.body.append(iframe)
})
</script>


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

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

Тестирование

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



В режиме инкогнито перейдите по ней на сайт и совершите целевое действие. В случае успешной интеграции, в статистики данного вебмастера должен появиться клик и конверсия.

Была ли эта статья полезна?
Отменить
Спасибо!