Работа с пикселем Facebook в Keitaro

StalkerOK · 3 Авг 2020

Многие клиенты Keitaro используют Facebook в качестве источника трафика и сталкиваются со сложностями в передаче пикселя до страницы спасибо на лендинге, который загружен в Keitaro. Сегодня мы рассмотрим несколько вариантов такой настройки и ответим на самые часто задаваемые вопросы.

Важно!

Для того, чтобы не передавать пикселю реферер страницы оффера, в коде страницы спасибо добавьте в тег <head> код:

Код:

<meta name="referrer" content="no-referrer">

Вот так :

Настраиваем прием id пикселя в трекере
Первое, с чего стоит начать настройку – решить, как вы будете принимать id пикселя. Для того, чтобы получить пиксель на странице Спасибо, нужно его корректно получить на трекере и передать через основные страницы лендинга.

Независимо от типа интеграции вашей кампании, идет ли трафик напрямую в трекер, либо через ваш сайт – все сводится к тому, что id пикселя передается в трекер через входящий URL в качестве GET параметра.

domaintracker.com

This domain may be for sale!

domaintracker.com

Где http://domaintracker — ссылка вашей кампании, а “pixel” – произвольно заданный параметр, в котором будет передаваться id пикселя. Вместо “pixel” вы можете использовать любое название параметра, но для того, чтобы трекер смог его принять и записать вместе с кликом, вы должны прописать имя этого параметра в настройках параметров вашей кампании, вот здесь:

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

Передаем пиксель на лендинг
Тут может быть два основных варианта

Лендинг подключен по редиректу
Если вы отправляете трафик на удаленный лендинг или на index файл на сервере через редирект или предзагрузку, то прокидываете дальше пиксель так же как и получили – в виде параметра URL.

Пиксель уже записан у нас в метке pixel, значит, чтобы передать его дальше мы превращаем наш параметр в макрос, обернув его фигурными скобками – {pixel}.

Лендинг залит локально через zip архив
Если лендинг залит в трекер локально, то трекер автоматически передает все записанные входящие параметры на лендинг/оффер POST методом и получить их можно просто используя макрос. В нашем случае достаточно использовать конструкцию

Код:

<input type="hidden" name="pixel" value="12345">

После открытия лендинга реальное значение пикселя подставится вместо макроса и мы получим:

Код:

<input type="hidden" name="pixel" value="12345">

Обращаемся из браузерной строки по адресу кампании с меткой

Получаем на лендинге:

Как передать на страницу Спасибо

Связка локальный Лендинг — Спасибо
Если у вас локальный лендинг и страница спасибо подтягивается через обработчик, например, call.php, order.php, send.php и другие, то скорее всего, у вас на лендинге уже настроена передача всех параметров на страницу спасибо и автоматическая их отправка в пп. Поэтому вам достаточно просто разместить базовый код пикселя на странице Спасибо и использовать макрос {pixel} для получения значения в нем.

VJUUB0CCPRQTioZqbz-EN4FASukfjF6fcTO9yJuYHDcepEfl3WNnR4ra1kj0XY4KFMYdOIZm_1jv_SmrAYN1Qn2xQtJSN1HH7BAVTxBu-uCYgd5RSzs8So5-6_Xa2IdRC8wnqJUl

Если же ваша страница Спасибо подключена обычным URL и на нее идет редирект, то пиксель на нее надо передать как параметр, а на странице Cпасибо вытащить его из URL и вписать в код пикселя.

Передаем на страницу спасибо:

Забираем на странице Спасибо (php) из URL

Используем конструкцию

Код:

fbq('init', '<?php echo htmlspecialchars($_GET['fbpixel'], ENT_QUOTES, 'UTF-8'); ?>');

Связка локальный Лендинг — локальный Оффер — Спасибо

Принцип тот же, как и “локальный Лендинг — Спасибо”, только у нас есть промежуточная страница Оффер. Если оффер локальный, то скрипт трекера сам все обработает и вам останется только использовать макрос {pixel} на странице Спасибо в коде пикселя.

Если у вас между Лендингом и Оффером происходит редирект на внутреннюю страницу (Лендинг из двух страниц) или за пределы трекера, то вам нужно снова передать пиксель как параметр, а на потом забрать его из URL и передать дальше.

Чтобы передать, используйте конструкцию:

Bigelj-91mB2KYhuVyrG0CHos8oeWjJ4PwfRdMmYN_6b52u9DgSCN1r557f_tX0CZ1cxjH3ZauwtgXvfU50-Te8BVaCQ2GNhOtEPtnH1GhQxb9TXzCIiDe5smAk_p3RXa7I8kFg3

Страница Спасибо подключена через Header
Еще один вид схемы, когда форма отправляет на обработчик php, в котором идет захват параметров и отправка их на API, а страница спасибо подключена через header и никакие параметры туда не передаются.

Возьмем конкретный пример такого лендинга от Lucky.Online.

Форма отправляет на lucky.php

А в lucky.php идет обработка всех полученных с index.php параметров и отправка их на Lucky.Online, в то время как сама страница спасибо подключена через Header.

Поэтому, чтобы передать пиксель, нам нужно работать по следующей схеме:

Вывести пиксель на оффере в форму заявки, чтобы передать на lucky.php
Получить на lucky.php и передать на confirm.php
Получить на confirm.php и подставить в коде пикселя

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

Код:

<inputtype='hidden'name='pixel'value='{pixel}'/>

где pixel — параметр в котором мы будем передавать id пикселя

Вставить нужно в каждой форме заявки:

Так мы получим пиксель на оффере и отправим его на lucky.php. Далее, открываем lucky.php и получаем наш параметр в переменной

Код:

$pixel = $_POST['pixel'];

И используем ее в Header

Код:

header("Location: confirm.php?pixel=".$pixel);

После чего открываем наш confirm.php и принимаем наш id пикселя сразу в код пикселя Facebook

Код:

fbq('init', '<?php echo htmlspecialchars($_GET['pixel'], ENT_QUOTES, 'UTF-8'); ?>');

*Если в нашем обработчике php есть функция проверки на POST содержимое

Код:

if (!empty($_POST)) {
send_the_order($_POST);
}

то код для передачи пикселя на страницу спасибо может иметь такой вид:

Код:

header("Location: thankyou-pl.html?pixel=".$post['pixel']);

Основная механика работы при передаче пикселя через Keitaro

Работая с пикселем через Keitaro вы должны понимать единственный и самый главный момент:

Если ваша связка Ленд-Оффер-Спасибо протекает полностью внутри трекера, то есть один файл подключается за другим и трафик остается в рамках обработчика лендингов Keitaro, то сам скрипт трекера обеспечит передачу всех параметров и вам будет достаточно обернуть их в макросы, чтобы вывести в коде любой страницы.

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

Если же внутри вашей схемы присутствуют редиректы, или переходы между страницами настроены как a href=, или страница спасибо открывается по редиректу – то связь с обработчиком лендингов трекера будет потеряна и вам нужно вывести свой пиксель в код, и самостоятельно его передать в URL. Далее, также самостоятельно забрать его из URL на следующей странице.

Ответы на часто задаваемые вопросы

Сабмит форма обрабатывается через обработчик и промежуточную страницу, в итоге пиксель не долетает?

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

Можно ли протащить пиксель в параметре через сайт с Click API v3 и получить его из кук, на домене трекера?

Нет, так как домен оффера и страницы спасибо будет идти от трекера, а сайт на Click Api будет стоять на своем домене, то кука между доменами не передастся.

Можно ли использовать сокращенную форму пикселя Facebook?

Да, такая форма также будет работать.

Как передать id пикселя статически прямо в кампанию, если мы не хотим передавать его от источника в URL?

Вы можете задать значение параметра в третьей колонке Параметров кампании Keitaro и потом получить его макросом в коде.

gk85JF6wATfBI5MFwUgA3gS3n-YhSyxmfWSWGOaHOYFjJa5-LadS3IIadN0Y0T5JTge6hpdogmknRnNsfBnhmwVCzFkodvB_MiJkkG8c3QvSHI0PVawgIrYlV4ZuAsNZ5S3FcsZS

Можно ли получить пиксель из кук?

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

Если у Вас остались вопросы или возникают трудности с пробросом пикселя через лендинг Keitaro – пишите нам в личные сообщения на сайте, в телеграм @keitarobot или на почту support@keitaro.io.

Источник

evernellson · 4 Авг 2020

Помогите с траблой, почему при настройке пикселя у меня тут красные скобки? Метод подключения локальный (локальный лендинг-локальный оффер-спасибо), вообще не понимаю, в чем дело >=(

StalkerOK · 4 Авг 2020

evernellson сказал(а):
Помогите с траблой, почему при настройке пикселя у меня тут красные скобки? Метод подключения локальный (локальный лендинг-локальный оффер-спасибо), вообще не понимаю, в чем дело >=(

напиши в саппорт Кейтаро

WayToMillion · 4 Авг 2020

StalkerOK сказал(а):
Многие клиенты Keitaro используют Facebook в качестве источника трафика и сталкиваются со сложностями в передаче пикселя до страницы спасибо на лендинге, который загружен в Keitaro. Сегодня мы рассмотрим несколько вариантов такой настройки и ответим на самые часто задаваемые вопросы.

Важно!

Для того, чтобы не передавать пикселю реферер страницы оффера, в коде страницы спасибо добавьте в тег <head> код:

Код:

<meta name="referrer" content="no-referrer">

Вот так :
Посмотреть вложение 6377

Настраиваем прием id пикселя в трекере
Первое, с чего стоит начать настройку – решить, как вы будете принимать id пикселя. Для того, чтобы получить пиксель на странице Спасибо, нужно его корректно получить на трекере и передать через основные страницы лендинга.

Независимо от типа интеграции вашей кампании, идет ли трафик напрямую в трекер, либо через ваш сайт – все сводится к тому, что id пикселя передается в трекер через входящий URL в качестве GET параметра.

domaintracker.com

This domain may be for sale!

domaintracker.com

Где http://domaintracker — ссылка вашей кампании, а “pixel” – произвольно заданный параметр, в котором будет передаваться id пикселя. Вместо “pixel” вы можете использовать любое название параметра, но для того, чтобы трекер смог его принять и записать вместе с кликом, вы должны прописать имя этого параметра в настройках параметров вашей кампании, вот здесь:
Посмотреть вложение 6378

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

Передаем пиксель на лендинг
Тут может быть два основных варианта

Лендинг подключен по редиректу
Если вы отправляете трафик на удаленный лендинг или на index файл на сервере через редирект или предзагрузку, то прокидываете дальше пиксель так же как и получили – в виде параметра URL.

Пиксель уже записан у нас в метке pixel, значит, чтобы передать его дальше мы превращаем наш параметр в макрос, обернув его фигурными скобками – {pixel}.
Посмотреть вложение 6379

Лендинг залит локально через zip архив
Если лендинг залит в трекер локально, то трекер автоматически передает все записанные входящие параметры на лендинг/оффер POST методом и получить их можно просто используя макрос. В нашем случае достаточно использовать конструкцию

Код:

<input type="hidden" name="pixel" value="12345">

После открытия лендинга реальное значение пикселя подставится вместо макроса и мы получим:

Код:

<input type="hidden" name="pixel" value="12345">

Посмотреть вложение 6380

Обращаемся из браузерной строки по адресу кампании с меткой

Получаем на лендинге:
Посмотреть вложение 6381

Как передать на страницу Спасибо

Связка локальный Лендинг — Спасибо
Если у вас локальный лендинг и страница спасибо подтягивается через обработчик, например, call.php, order.php, send.php и другие, то скорее всего, у вас на лендинге уже настроена передача всех параметров на страницу спасибо и автоматическая их отправка в пп. Поэтому вам достаточно просто разместить базовый код пикселя на странице Спасибо и использовать макрос {pixel} для получения значения в нем.

Если же ваша страница Спасибо подключена обычным URL и на нее идет редирект, то пиксель на нее надо передать как параметр, а на странице Cпасибо вытащить его из URL и вписать в код пикселя.

Передаем на страницу спасибо:

Забираем на странице Спасибо (php) из URL

Используем конструкцию
[CODEl]fbq('init', '<?php echo htmlspecialchars($_GET['fbpixel'], ENT_QUOTES, 'UTF-8'); ?>');[/CODE]
Посмотреть вложение 6382
Связка локальный Лендинг — локальный Оффер — Спасибо

Принцип тот же, как и “локальный Лендинг — Спасибо”, только у нас есть промежуточная страница Оффер. Если оффер локальный, то скрипт трекера сам все обработает и вам останется только использовать макрос {pixel} на странице Спасибо в коде пикселя.

Если у вас между Лендингом и Оффером происходит редирект на внутреннюю страницу (Лендинг из двух страниц) или за пределы трекера, то вам нужно снова передать пиксель как параметр, а на потом забрать его из URL и передать дальше.

Чтобы передать, используйте конструкцию:

Страница Спасибо подключена через Header
Еще один вид схемы, когда форма отправляет на обработчик php, в котором идет захват параметров и отправка их на API, а страница спасибо подключена через header и никакие параметры туда не передаются.

Возьмем конкретный пример такого лендинга от Lucky.Online.

Форма отправляет на lucky.php

А в lucky.php идет обработка всех полученных с index.php параметров и отправка их на Lucky.Online, в то время как сама страница спасибо подключена через Header.

Поэтому, чтобы передать пиксель, нам нужно работать по следующей схеме:

Вывести пиксель на оффере в форму заявки, чтобы передать на lucky.php

Получить на lucky.php и передать на confirm.php

Получить на confirm.php и подставить в коде пикселя

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

Код:

<inputtype='hidden'name='pixel'value='{pixel}'/>

где pixel — параметр в котором мы будем передавать id пикселя

Вставить нужно в каждой форме заявки:
Посмотреть вложение 6383

Так мы получим пиксель на оффере и отправим его на lucky.php. Далее, открываем lucky.php и получаем наш параметр в переменной

Код:

$pixel = $_POST['pixel'];

И используем ее в Header

Код:

header("Location: confirm.php?pixel=".$pixel);

После чего открываем наш confirm.php и принимаем наш id пикселя сразу в код пикселя Facebook

Код:

fbq('init', '<?php echo htmlspecialchars($_GET['pixel'], ENT_QUOTES, 'UTF-8'); ?>');

*Если в нашем обработчике php есть функция проверки на POST содержимое

Код:

if (!empty($_POST)) { send_the_order($_POST); }

то код для передачи пикселя на страницу спасибо может иметь такой вид:

Код:

header("Location: thankyou-pl.html?pixel=".$post['pixel']);

Основная механика работы при передаче пикселя через Keitaro

Работая с пикселем через Keitaro вы должны понимать единственный и самый главный момент:

Если ваша связка Ленд-Оффер-Спасибо протекает полностью внутри трекера, то есть один файл подключается за другим и трафик остается в рамках обработчика лендингов Keitaro, то сам скрипт трекера обеспечит передачу всех параметров и вам будет достаточно обернуть их в макросы, чтобы вывести в коде любой страницы.

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

Если же внутри вашей схемы присутствуют редиректы, или переходы между страницами настроены как a href=, или страница спасибо открывается по редиректу – то связь с обработчиком лендингов трекера будет потеряна и вам нужно вывести свой пиксель в код, и самостоятельно его передать в URL. Далее, также самостоятельно забрать его из URL на следующей странице.

Ответы на часто задаваемые вопросы

Сабмит форма обрабатывается через обработчик и промежуточную страницу, в итоге пиксель не долетает?

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

Можно ли протащить пиксель в параметре через сайт с Click API v3 и получить его из кук, на домене трекера?

Нет, так как домен оффера и страницы спасибо будет идти от трекера, а сайт на Click Api будет стоять на своем домене, то кука между доменами не передастся.

Можно ли использовать сокращенную форму пикселя Facebook?

Да, такая форма также будет работать.

Как передать id пикселя статически прямо в кампанию, если мы не хотим передавать его от источника в URL?

Вы можете задать значение параметра в третьей колонке Параметров кампании Keitaro и потом получить его макросом в коде.

Можно ли получить пиксель из кук?

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

Если у Вас остались вопросы или возникают трудности с пробросом пикселя через лендинг Keitaro – пишите нам в личные сообщения на сайте, в телеграм @keitarobot или на почту support@keitaro.io.

Источник

Спасибо за подробный мануал!

Ferzin · 30 Ноя 2020

Почему бы просто не записывать айди пикселя в куки через js, а потом юзать его где хочешь
Например:
На прокле/ленде

Код:

<script>document.cookie = "pix={sub_id_1};";</script>

(ваш сабайди с кейтаро)

На странице спасибо

Код:

<script>
function getCookie(name) {
  var matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
  ));
  return matches ? decodeURIComponent(matches[1]) : undefined;
}
var pixel = getCookie('pix');
var urlfb = 'https://www.facebook.com/tr?id=' + pixel + '&ev=Lead&noscript=1';
document.write('<img height="1" width="1" src="' + urlfb + '"/>');
</script>

Всё просто и понятно) И никаких заморочек)

Поиск

Работа с пикселем Facebook в Keitaro

StalkerOK

CEO

domaintracker.com

evernellson

StalkerOK

CEO

WayToMillion

domaintracker.com

Ferzin

Похожие темы