Ретаргетинг пиксел — бу сайтингизга ташриф буюрган фойдаланувчиларни кузатиб, уларга кейинроқ реклама платформаларида (Meta, Google, TikTok) реклама кўрсатиш имконини берадиган кичик JavaScript коди. Техник нуқтаи назардан пиксел браузерда ишлайдиган скрипт бўлиб, саҳифа юкланганда реклама тармоғининг серверига сўров юборади ва фойдаланувчини cookie ёки бошқа идентификатор орқали белгилайди. Ушбу мақолада биз стратегияни эмас, балки аниқ ўрнатиш жараёнини — код, GTM, ҳодисалар ва сервер томонидаги кузатувни қадам-бақадам кўриб чиқамиз.
Пиксел қандай ишлайди: cookie ва ҳодисалар
Пиксел саҳифага жойлаштирилганда у аввал кутубхонани — масалан, Meta учун fbevents.js — юклайди ва init буйруғи орқали сизнинг реклама ҳисобингиздаги идентификаторни эълон қилади. Шундан сўнг скрипт фойдаланувчи браузерида биринчи томон cookie ўрнатади ёки мавжудини ўқийди, бу cookie кейинги ташрифларда ва бошқа сайтлардаги рекламаларда фойдаланувчини танийди. Ҳар бир муҳим ҳаракат — саҳифа кўриш, саватга қўшиш, харид — алоҳида ҳодиса сифатида реклама серверига юборилади, шу тариқа сиз аудиторияни аниқ сегментларга ажратасиз.
Meta Pixel ўрнатиш
Meta Pixel кодини Events Manager бўлимидан оласиз ва уни сайтнинг барча саҳифаларидаги <head> тег ичига жойлаштирасиз. Асосий сниппет қуйидагича кўринади, бунда YOUR_PIXEL_ID ўрнига ўзингизнинг идентификаторингизни қўясиз.
<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', 'YOUR_PIXEL_ID');
fbq('track', 'PageView');
</script>Ушбу код ҳар бир саҳифа юкланганда автоматик PageView ҳодисасини юборади. Агар сайт React ёки Vue каби битта саҳифали илова (SPA) бўлса, маршрут ўзгарганда fbq('track', 'PageView') ни қўлда чақиришингиз керак, чунки саҳифа тўлиқ қайта юкланмайди ва стандарт ҳодиса ўз-ўзидан ишламайди.
GTM орқали ўрнатиш
Google Tag Manager пикселларни бошқаришнинг энг қулай усули, чунки кодга тегмасдан теглар қўшасиз ва ўчирасиз. GTM да янги Custom HTML тег яратинг, унга Meta Pixel сниппетини жойлаштиринг ва ишга тушириш шарти сифатида All Pages триггерини танланг. Ҳодисалар учун эса алоҳида теглар яратинг ва уларни Data Layer орқали узатилган ўзгарувчиларга боғланг, масалан харид суммасини value сифатида юборинг.
// Data Layer га ҳодиса юбориш (сайт кодида)
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'purchase',
'value': 250000,
'currency': 'UZS',
'order_id': 'A-10293'
});Google Ads ремаркетинг теги
Google Ads ремаркетинг учун глобал сайт теги (gtag.js) дан фойдаланилади, у Google Analytics ва Ads учун ягона асос вазифасини бажаради. Тегни сайтга қўшгандан сўнг конверсия ва ремаркетинг ҳодисаларини gtag функцияси орқали юборасиз, бунда send_to параметрини конверсия идентификатори билан тўғри кўрсатиш муҳим.
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-CONVERSION_ID');
// ремаркетинг ҳодисаси
gtag('event', 'page_view', {
'send_to': 'AW-CONVERSION_ID',
'value': 250000,
'items': [{'id': 'SKU-1', 'google_business_vertical': 'retail'}]
});
</script>TikTok Pixel
TikTok Pixel ҳам худди Meta каби ишлайди: аввал базавий код <head> га қўйилади, сўнг ttq.track функцияси орқали ҳодисалар юборилади. TikTok аудиторияси ёшроқ бўлгани учун e-commerce ва мобил иловаларни реклама қилувчилар учун айниқса муҳим ҳисобланади.
ttq.load('YOUR_TIKTOK_PIXEL_ID');
ttq.page();
// саватга қўшиш ҳодисаси
ttq.track('AddToCart', {
content_id: 'SKU-1',
content_type: 'product',
value: 250000,
currency: 'UZS'
});Ҳодисаларни кузатиш: PageView, AddToCart, Purchase
Стандарт ҳодисалар реклама платформаларига фойдаланувчи ҳаракатини тушуниш ва конверсияни оптималлаштириш имконини беради. Meta учун энг муҳим учта ҳодиса — PageView (саҳифа кўриш), AddToCart (саватга қўшиш) ва Purchase (харид). Қуйидаги мисолда Purchase ҳодисаси қиймат ва валюта билан бирга юборилмоқда, бу реклама тизимига ROAS ҳисоблаш ва ставкаларни оптималлаштириш учун зарур.
// Meta Purchase ҳодисаси
fbq('track', 'Purchase', {
value: 250000.00,
currency: 'UZS',
content_ids: ['SKU-1', 'SKU-2'],
content_type: 'product',
num_items: 2
});Conversions API (сервер томонида)
Браузер пикселлари реклама блокловчилар ва cookie чекловлари туфайли маълумотнинг бир қисмини йўқотади, шунинг учун сервер томонидаги кузатув — Conversions API — тобора муҳим бўлиб бормоқда. Бунда ҳодисалар фойдаланувчи браузеридан эмас, балки сизнинг серверингиздан тўғридан-тўғри Meta ёки TikTok серверига юборилади. Дедупликация учун ҳар бир ҳодисага ноёб event_id берилади, шунда браузер ва сервер бир ҳодисани икки марта ҳисобламайди.
// PHP мисоли: Meta Conversions API
$data = [
'data' => [[
'event_name' => 'Purchase',
'event_time' => time(),
'event_id' => 'order_10293',
'action_source' => 'website',
'user_data' => [
'em' => hash('sha256', 'mijoz@example.com'),
'ph' => hash('sha256', '998901234567')
],
'custom_data' => ['currency' => 'UZS', 'value' => 250000]
]]
];
$ch = curl_init('https://graph.facebook.com/v19.0/PIXEL_ID/events?access_token=TOKEN');
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, ['Content-Type: application/json']);
curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($data));
curl_exec($ch);Эътибор беринг, фойдаланувчи маълумотлари (email, телефон) SHA-256 билан хешланади, шунда шахсий маълумот очиқ ҳолда юборилмайди, аммо Meta ўз базасидаги хеш билан мослаштира олади ва фойдаланувчини аниқлай олади.
Махфийлик ва розилик (cookie баннер)
GDPR ва шунга ўхшаш қонунлар пиксел cookie ўрнатишдан олдин фойдаланувчидан аниқ розилик олишни талаб қилади. Амалда бу cookie баннер орқали амалга оширилади: фойдаланувчи «Розиман» тугмасини босмагунча пикселни юкламайсиз ёки Meta Consent Mode дан фойдаланасиз. Қуйидаги ёндашув пикселни фақат розилик берилгандан кейин ишга туширади, бу маълумотларни ҳимоя қилиш қонунларига мувофиқ ҳисобланади.
if (getConsent() === true) {
fbq('consent', 'grant');
fbq('init', 'YOUR_PIXEL_ID');
fbq('track', 'PageView');
} else {
fbq('consent', 'revoke');
}Текшириш: Pixel Helper
Ўрнатиш тўғрилигини текшириш учун браузер кенгайтмаларидан фойдаланинг: Meta учун Meta Pixel Helper, Google учун Tag Assistant, TikTok учун TikTok Pixel Helper. Бу воситалар саҳифада қайси пикселлар юкланганини, қайси ҳодисалар юборилганини ва параметрларда хато бор-йўқлигини кўрсатади. Сервер томонидаги ҳодисаларни эса Events Manager даги Test Events бўлимида event_id орқали дедупликация тўғри ишлаётганини тасдиқланг. Тўғри созланган пиксел маркетинг кампанияларингизнинг самарадорлигини ўлчашнинг пойдевори бўлиб хизмат қилади.