Механика работы пикселя. Проброс пикселя по ссылке!
@vladimir_cardВсем салюты! На связи Дядя Вова!
🟢 Канал: @vladimircard
🤗 Чат: @Vladimirchat99
🧲 Мой магазин: @shopvladimir_bot
🔔 Канал магазина: @shopvladimir_materials
Сегодня будем с вами разбираться как пробросить пиксель в ссылке. Для пб может и не особо нужно, однако если вы хотите видеть лиды в статистике рк, а также в статистике fbtool (промик VLADIMIR - 20%) /дольфина, то нужно сделать несколько относительно не сложных манипуляций. Для пб оптимизации никакой от пикселя не будет. Отнюдь даже если вы льете за свои каждый раз лезть в код и дописывать новый пиксель на странице спасибо - идея такая себе...Кто льет нутру думаю все знают, что нужно ставить пиксель только на страницу спасибо и только укороченный перед закрывающимся тегом </head>:
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=111111111111111111111111&ev=Lead&noscript=1"/>
Вообще я привык прежде чем что то куда вставить или тыкнуть я должен понять логику зачем это, что это и почему так, а не иначе. Погнали!
Пиксель - это по сути JS-скрипт, который служит для сбора статистики посетителей вашего сайта. После того как статистика собрана крупные реклы на своих сложных сайтах собирают базы, делают ретаргетинг ну и, соответственно, оптимизируют свои рекамные кампании на то или иное событие. У нас в арбитраже принято лить за Конверсии-Лид. То есть если бы вы лили белуху, то вам понадобилось бы поставить полный пиксель на главную страницу вашего ленда с событием PageView, а после того как человек оставил свои контактные данные он попадает на страницу благодарности, где его присутствие отбивает полный пиксель с событием Lead.
Почему на нутре мы не ставим полный пиксель, который выглядит вот так:
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '3421452791455601');
fbq('track', 'PageView'); или fbq('track', 'Lead');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=3421452791455601&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
Ответ очень простой!
Полный пиксель собирает очень много инфы, когда подтягивает сторонний скрипт: 'https://connect.facebook.net/en_US/fbevents.js'). Это и инфа об элементах сайта, предыдущий рефферер, то есть откуда был совершен переход на этот сайт, куда клацкал клиент и тд. Нам всего этого не нужно. Поэтому по умолчанию в арбитражном комьюнити используют укороченный пиксель. Это по сути картинка с ссылкой на фб для отслеживания того или иного события. В нашем случае это событие Lead.
Почему мы не ставим пиксель на блэк страницу - думаю понятно. И еще: укороченный пиксель, не палит рефферер месторасположения вашего блэка (то есть страницы откуда перешел ваш клиент на страницу спасибо). Короткий пиксель просто фиксирует местонахождение клиента на странице спасибо. Фб просто засчитает событие Lead и не сможет собрать доп данных, что нам и нужно.
Теперь мы понимаем его механику. Теперь разберемся как и куда его правильно ставить?
Так как же сделать так, чтобы не лазить каждый раз в код и не ставить номер вашего пикселя с рк вручную?
Ведь если это делать, вам нужно либо делать каждый раз новый архив с файлами, в которой будет каждый раз новый пиксель на странице спасибо, либо придется ставить овермного пикселей на странице спасибо, что будет не корректно и замедлять "отбивку" события Lead.
Вариантов реализации всего 3:
1) Забрать из ссылки напрямую и передавать по всем страницам по цепочке (самый надежный способ)
2) Забирать его в куки
3) Забирать его в сессию
Скажу честно в php я вообще не силен и ничему конкретному вас не научу. Однако я расскажу вам логику на конкретных примерах, чтобы вы в дальнейшем самостоятельно смогли прокидывать пиксель через ссылку, работая с разными ПП. И так как я сам использую первый способ про него и расскажу. По сути он считается самым надежным. Выдернул из ссылки - забрал на странице спасибо.
В чем соль?
Буду рассказывать на примере связки: Прелендинг - Офферпейдж - Спасибо (в keitaro). Эта связка немного сложнее чем просто: Офферпейдж (прокла-ленд) - Спасибо. Но будет полезно.
Вы уже подготовили ссылку с параметрами (можно дописать в кампании в keitaro, можно поставить вручную (допишите к ссылке ?fbpixel=номер пикселя).
Дальше нам нужно загрузить наш Прелендинг в "Лендинги" в keitaro. Но предварительно сделать одну волшебную манипуляцию в коде вашего прелендинга. Пример потока:
Чтобы не прописывать для каждой ссылки внутри вашего Прелендинга, ведущего на Офферпейдж ссылку вида /land/200offer/index.php keitaro предлагает использовать макрос: {offer}. То есть тупо вставляете во все ссылки на вашем преленде <a href="{offer}". И по вышеприложенному скриншоту клиент автоматом будет переходить на Офферпейдж. Но тут нюанс. Если человек кликает на ссылку вида "xxxxxxxxxx.ru?fbpixel=номерпикселя" и затем переходит по макросу {offer} на Офферпейдж, то номер пикселя теряется. Нам нужно преобразовать немного ссылку на Офферпейдж. И будет она выглядеть вот так:
<a href="{offer}&fbpixel=<?= @$_GET["fbpixel"] ?>">Марк хороший человек</a>
Теперь клиент, перейдя по ссылке на вашем преленде попадет на офферпейдж и мы не потеряем пиксель, он также будет в ссылке, только она будет немного страшная:
Я понимаю, что многие уже давно льют на прокла-ленды с формой. Но все же может кому будет полезно от А до Я пройтись и по такой схеме. Ниже будет схема Офферпейдж - Спасибо. А пока закончим по данной связке.
Итак, человек на Офферпейдже, номер пикселя не потерян, он находится в ссылке, что дальше?
Дальше человек оставляет заявку на Офферпейдже и форма отправляет все инпуты в обработчик от ПП. Обработчик - это файл, который находится в вашем архиве, либо скачивается отдельно с вашей ПП. Рассмотрим форму по которой отправляются заявки в коде:
Мы видим форму. Видим файл обработчика в моем случае lemon.php. Теперь вам нужно добавить скрытое поле:
<input type="hidden" name="fbpixel" value="<?=$_GET["fbpixel"]?>">
Что это за поля? Инпуты - это то, куда вписывается телефон и имя клиента, а также передаются доп параметры для вашей ПП. Волшебная функция <?=$_GET["fbpixel"]?> выдернет номер нашего пикселя из ссылки и добавит его в значение "fbpixel", которое мы передадим нашему обработчику. То есть простыми словами мы передаем номер пикселя в обработчик вместе с именем, телефона клиента и тд. Далее идем в сам обработчик:
То есть нужно понять логику. Мы пробросили пиксель в ссылке с Прелендинга до Офферпеджа, на Офферпейдже мы подтянули номер пикселя в инпут. И передали в обработчик. Обработчик отправил данные о клиенте в ПП, но нам важно прокинуть пиксель дальше на страницу Спасибо. Для этого ищем в обработчике строку с редиректом на вашу страницу спасибо. В моем случае это "confirm.php" и таким же образом дописываем к ссылке
?fbpixel='.@$_POST['fbpixel'];
Функция GET (в инпутах) забирает номер пикселя из ссылки. Форма отправляет данные инпутов методом POST. Поэтому дописывая значение значение к confirm.php мы уже будем использовать метод POST (выше скинул строку).
То есть теперь пиксель который попал в обработчик передастся дальше на страницу спасибо по ссылке в вашем обработчике:
confirm.php?fbpixel='.@$_POST['fbpixel'];
Далее на странице Спасибо ставим сам укороченный пиксель перед закрывающимся тегом </head>:
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=<?=$_GET["fbpixel"]?>&ev=Lead&noscript=1"/>
Так как пиксель теперь опять в ссылке, достаем мы его методом GET.
Проверяем отбив в антике Pixel Helper https://chrome.google.com/webstore/detail/facebook-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc
Не забываем ставить прокси (в РУ не работает расширение).
Ну как бы все. Все пути ада пройдены и теперь наш пиксель на странице Спасибо с событием Lead отобьется и у вас отобразится конверсия в лк фб.
Это наверно кажется сложным. Но я постарался описать все так, чтобы вы поняли именно механику. Даже не зная php можно сделать все самому, используя интуитивную логику. В крайнем случае вам помогут в вашей ПП.
Теперь поговорим о связке: Офферпейдж - Спасибо. Здесь же обговорим второй метод проброса пикселя.
Тут схема по сути та же. Только клиент кликая по ссылке: xxxxxxxxxx.ru?fbpixel=номерпикселя попадает сразу на ваш Офферпейдж (прокла-ленд). Все тоже самое, только без Прелендинга.
Так как метод с инпутами мы с вами уже выучили, сейчас мы поговорим о другом способе проброса пикселя. Если вы его поймете, то проброс будет воспроизводится за 2 минуты и явно быстрее предыдущего метода:
Показ страницы Спасибо, после того как форма сошлется на обработчик, осуществляется 2 способами:
1) Функция "header" в обработчике - редиректит на спасибо.
Хоть это и не было оговорено ранее, но мы с вами в первом методе проброса пикселя использовали именно редирект на Спасибо с помощью функции "header" (чаще всего стандартные обработчики от ПП имеют именно такой редирект).
2) Функция "include" в обработчике - открывается спасибо под файлом обработчика.
А вот этот способ считаю более быстрым во всех планах. Как с точки зрения времени открытия страницы Спасибо, так и с точки зрения технической реализации.
Расскажем про этот второй метод проброса пикселя ниже:
Представим, что человек также кликает по ссылке вида: xxxxxxxxxx.ru?fbpixel="номерпикселя" и попадает на Офферпейдж. Но номер пикселя тянется уже не в инпут как в первом методе, а вот в эту конструкцию:
<form action="order.php?fbpixel=<?=$_GET["fbpixel"]?>" ......
Как и в первом методе проброса у нас заранее подготовлена страница Спасибо (confirm.php) с тем же кодом короткого пикселя:
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=<?=$_GET["fbpixel"]?>&ev=Lead&noscript=1"/>
Далее нам необходимо открыть файл-обработчик (order.php) и заменить функцию "header" на функцию "include". Выглядеть это будет ровно также как на скриншоте:
Теперь, после того как человек оставит заявку, он увидит страницу Спасибо под файлом обработчика и номер пикселя моментально подтянется из ссылки в конструкцию короткого пикселя на Спасибо: <?=$_GET["fbpixel"]?>
То есть грубо говоря: мы миновали отправку инпутов в обработчик. Немного схитрив мы просто дописали в форме на Офферпейдже:
<form action="order.php?fbpixel=<?=$_GET["fbpixel"]?>" ......
Далее мы поменяли функцию в обработчике на "include" и вытянули номер пикселя в укороченный пиксель, расположенный на Спасибо (confirm.php).
Какой метод проброса выбрать - решать вам!
Теперь вы понимаете, что само слово "проброс" звучит просто, но из-за того, что у всех ПП разные обработчики, из-за того, что у всех разный уровень владения кодом - возникает явная потребность понимать, именно, Механику, а не просто повторять за кем-то неосознанные действия!
Главное понять логику. Скину пару полезных статей других уважаемых людей. Но в своей статье я пытался разжевать все до мелочей! Не забываем, что все файлы должны быть в php!
https://cpa.rip/facebook/success-page-fb-pixel/
https://croyman.ru/probros-fbpixelya-get-parametrom/
https://basil-service.ru/arbitrazh/facebook-keitaro-probros-pikselja-cherez-stranicy/
https://vk.com/@keitaro_tracker-rabota-s-pikselem-facebook-v-keitaro
🔥 На связи был Дядя Вова!
🟢 Канал: @vladimircard
🤗 Чат: @Vladimirchat99
🧲 Мой магазин: @shopvladimir_bot
🔔 Канал магазина: @shopvladimir_materials