Retargeting piksel โ bu saytingizga tashrif buyurgan foydalanuvchilarni kuzatib, ularga keyinroq reklama platformalarida (Meta, Google, TikTok) reklama ko'rsatish imkonini beradigan kichik JavaScript kodi. Texnik nuqtai nazardan piksel brauzerda ishlaydigan skript bo'lib, sahifa yuklanganda reklama tarmog'ining serveriga so'rov yuboradi va foydalanuvchini cookie yoki boshqa identifikator orqali belgilaydi. Ushbu maqolada biz strategiyani emas, balki aniq o'rnatish jarayonini โ kod, GTM, hodisalar va server-side kuzatuvni qadam-baqadam ko'rib chiqamiz.
Piksel qanday ishlaydi: cookie va hodisalar
Piksel sahifaga joylashtirilganda u avval kutubxonani (masalan, Meta uchun fbevents.js) yuklaydi va init buyrug'i orqali sizning reklama hisobingizdagi identifikatorni e'lon qiladi. Shundan so'ng skript foydalanuvchi brauzerida birinchi tomon cookie o'rnatadi yoki mavjudini o'qiydi, bu cookie keyingi tashriflarda va boshqa saytlardagi reklamalarda foydalanuvchini taniydi. Har bir muhim harakat โ sahifa ko'rish, savatga qo'shish, xarid โ alohida hodisa (event) sifatida reklama serveriga yuboriladi, shu tariqa siz auditoriyani aniq segmentlarga ajratasiz.
Meta Pixel o'rnatish
Meta Pixel kodini Events Manager bo'limidan olasiz va uni saytning barcha sahifalaridagi <head> teg ichiga joylashtirasiz. Asosiy snippet quyidagicha ko'rinadi, bunda YOUR_PIXEL_ID o'rniga o'zingizning identifikatoringizni qo'yasiz.
<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>Ushbu kod har bir sahifa yuklanganda avtomatik PageView hodisasini yuboradi. Agar sayt React yoki Vue kabi bitta sahifali ilova (SPA) bo'lsa, marshrut o'zgarganda fbq('track', 'PageView') ni qo'lda chaqirishingiz kerak, chunki sahifa to'liq qayta yuklanmaydi.
GTM orqali o'rnatish
Google Tag Manager piksellarni boshqarishning eng qulay usuli, chunki kodga tegmasdan teglarni qo'shasiz va o'chirasiz. GTM da yangi Custom HTML teg yarating, unga Meta Pixel snippetini joylashtiring va ishga tushirish sharti sifatida "All Pages" triggerini tanlang. Hodisalar uchun esa alohida teglar yarating va ularni Data Layer orqali uzatilgan o'zgaruvchilarga bog'lang, masalan xarid summasini value sifatida yuboring.
// Data Layer ga hodisa yuborish (sayt kodida)
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'purchase',
'value': 250000,
'currency': 'UZS',
'order_id': 'A-10293'
});Google Ads remarketing tegi
Google Ads remarketing uchun global site tag (gtag.js) dan foydalaniladi, u Google Analytics va Ads uchun yagona asos vazifasini bajaradi. Tegni saytga qo'shgandan so'ng konversiya va remarketing hodisalarini gtag funksiyasi orqali yuborasiz.
<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');
// remarketing hodisasi
gtag('event', 'page_view', {
'send_to': 'AW-CONVERSION_ID',
'value': 250000,
'items': [{'id': 'SKU-1', 'google_business_vertical': 'retail'}]
});
</script>TikTok Pixel
TikTok Pixel ham xuddi Meta kabi ishlaydi: avval bazaviy kod <head> ga qo'yiladi, so'ng ttq.track funksiyasi orqali hodisalar yuboriladi. TikTok auditoriyasi yoshroq bo'lgani uchun e-commerce va mobil ilovalarni reklama qiluvchilar uchun ayniqsa muhim.
ttq.load('YOUR_TIKTOK_PIXEL_ID');
ttq.page();
// savatga qo'shish hodisasi
ttq.track('AddToCart', {
content_id: 'SKU-1',
content_type: 'product',
value: 250000,
currency: 'UZS'
});Hodisalarni kuzatish: PageView, AddToCart, Purchase
Standart hodisalar reklama platformalariga foydalanuvchi harakatini tushunish va konversiyani optimallashtirish imkonini beradi. Meta uchun eng muhim uchta hodisa โ PageView (sahifa ko'rish), AddToCart (savatga qo'shish) va Purchase (xarid). Quyidagi misolda Purchase hodisasi qiymat va valyuta bilan birga yuborilmoqda, bu reklama tizimiga ROAS hisoblash uchun zarur.
// Meta Purchase hodisasi
fbq('track', 'Purchase', {
value: 250000.00,
currency: 'UZS',
content_ids: ['SKU-1', 'SKU-2'],
content_type: 'product',
num_items: 2
});Conversions API (server-side)
Brauzer piksellari reklama bloklovchilar va cookie cheklovlari tufayli ma'lumotning bir qismini yo'qotadi, shuning uchun server-side kuzatuv โ Conversions API โ tobora muhim bo'lib bormoqda. Bunda hodisalar foydalanuvchi brauzeridan emas, balki sizning serveringizdan to'g'ridan-to'g'ri Meta yoki TikTok serveriga yuboriladi. Deduplikatsiya uchun har bir hodisaga noyob event_id beriladi, shunda brauzer va server bir hodisani ikki marta hisoblamaydi.
// PHP misoli: 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);E'tibor bering, foydalanuvchi ma'lumotlari (email, telefon) SHA-256 bilan xeshlanadi, shunda shaxsiy ma'lumot ochiq holda yuborilmaydi, ammo Meta o'z bazasidagi xesh bilan moslashtira oladi.
Maxfiylik va rozilik (cookie banner)
GDPR va shunga o'xshash qonunlar piksel cookie o'rnatishdan oldin foydalanuvchidan aniq rozilik olishni talab qiladi. Amalda bu cookie banner orqali amalga oshiriladi: foydalanuvchi "Roziman" tugmasini bosmaguncha pikselni yuklamaysiz yoki Meta Consent Mode dan foydalanasiz. Quyidagi yondashuv pikselni faqat rozilik berilgandan keyin ishga tushiradi.
if (getConsent() === true) {
fbq('consent', 'grant');
fbq('init', 'YOUR_PIXEL_ID');
fbq('track', 'PageView');
} else {
fbq('consent', 'revoke');
}Tekshirish: Pixel Helper
O'rnatish to'g'riligini tekshirish uchun brauzer kengaytmalaridan foydalaning: Meta uchun Meta Pixel Helper, Google uchun Tag Assistant, TikTok uchun TikTok Pixel Helper. Bu vositalar sahifada qaysi piksellar yuklanganini, qaysi hodisalar yuborilganini va parametrlarda xato bor-yo'qligini ko'rsatadi. Server-side hodisalarni esa Events Manager dagi Test Events bo'limida event_id orqali deduplikatsiya to'g'ri ishlayotganini tasdiqlang. To'g'ri sozlangan piksel marketing kampaniyalaringizning samaradorligini o'lchashning poydevori bo'lib xizmat qiladi.