البيكسلات والتتبع
البيكسلات سكريبتات صغيرة تُطلِق أحداثاً عند تفاعل العملاء مع متجرك. تشغّل إعلانات إعادة الاستهداف، تتبع التحويلات، والإسناد — ركّبها قبل تشغيل الترافيك المدفوع.
ما ندعمه
| المتتبع | التغطية |
|---|---|
| Facebook Pixel (Meta) | أحداث جانب المتصفح + Conversions API (جانب الخادم) |
| TikTok Pixel | أحداث جانب المتصفح |
| Snapchat Pixel | أحداث جانب المتصفح |
| Google Analytics 4 | مباشرة أو عبر GTM |
| Google Ads | مباشرة أو عبر GTM |
| HTML مخصص | إدراج حر في <head> (Hotjar، Clarity، إلخ) |
كل بيكسل يمكن تهيئته لكل متجر (نسخة واحدة) أو في وضع متعدد البيكسلات (عدة نسخ من نفس البيكسل) — مفيد لتشغيل إعلانات من عدة حسابات أو اختبار الإبداعات. الوضع المتعدد على /dashboard/pixels/multi.
حدود الخطة
توفّر البيكسلات يتبع اشتراكك:
| الخطة | بيكسلات لكل نوع | ملاحظات |
|---|---|---|
| المجانية | 0 | إدارة البيكسل مغلقة. ارفع خطتك لتتبع إعلاناتك. |
| الاحترافية | بيكسل واحد لكل نوع (Facebook، TikTok، Snapchat، GA4، Google Ads، HTML مخصص) | بيكسل واحد لكل قناة — يكفي معظم المتاجر. |
| غير محدود | غير محدود لكل نوع | أضف عدد نسخ Facebook / TikTok / إلخ كما تحتاج على /dashboard/pixels/multi. |
| المؤسسات | غير محدود لكل نوع | مثل غير محدود. |
عند انتهاء الخطة المدفوعة وعودة المتجر إلى المجانية، تتوقف أحداث البيكسل عن الإطلاق — يبقى الإعداد محفوظاً ويستأنف فور إعادة الاشتراك. التجديد: افتح /dashboard/subscribe وانقر زر ▶ How to renew للجولة الإرشادية داخل التطبيق، أو شاهد قناة DZBuild على YouTube.
الأحداث القياسية
عبر جميع البيكسلات، يطلق المتجر نفس الأحداث القياسية عند تفاعل العميل:
| الحدث | متى |
|---|---|
PageView | كل تحميل صفحة |
ViewContent | مشاهدة صفحة منتج |
AddToCart | إضافة للسلة (أو فتح الشراء السريع) |
InitiateCheckout | الوصول لخطوة الدفع |
Purchase | تأكيد الطلب |
Lead | تعبئة نموذج صفحة هبوط (متى كان مميزاً عن الشراء) |
ربط الأسماء: Facebook يستخدمها مباشرة؛ TikTok وSnapchat لها مكافئات مرتبطة تلقائياً؛ GA4 يستخدم view_item، add_to_cart، begin_checkout، purchase.
الإعداد — Facebook Pixel
- في Meta Events Manager، أنشئ Pixel وانسخ المعرّف.
- افتح
/dashboard/pixelsفي DZBuild وألصق المعرّف في حقل Facebook. - (موصى به بشدة) أنشئ توكن Conversions API في Events Manager وألصقه أيضاً. ترسل CAPI الأحداث من جانب الخادم متجاوزة iOS 14 ومانعات الإعلانات.
- احفظ. تنطلق الأحداث فوراً على المتجر.
الإعداد — TikTok / Snapchat / Google Ads / GA4
- احصل على معرّف البيكسل (أو measurement ID لـ GA4) من المنصة.
- افتح
/dashboard/pixels، ألصق في الحقل المطابق. - احفظ.
لـ GA4 تحديداً، يمكنك أيضاً ربطه عبر Google Tag Manager — ألصق معرّف الحاوية في حقل GTM واضبط GA4 داخل GTM.
وضع متعدد البيكسلات
افتح /dashboard/pixels/multi لتهيئة عدة نسخ من نفس نوع البيكسل. حالات استخدام:
- تشغيل إعلانات من حسابي Meta Business لنفس المتجر — كل حساب يحتاج بيكسله.
- اختبار إبداعية ببيكسل والترافيك الكامل بآخر.
- فصل الإسناد بين بيكسل العلامة وبيكسل الحملة.
كل نسخة تستطيع امتلاك توكن CAPI خاصاً. تُرسَل الأحداث لجميع النسخ المهيأة.
Conversions API (CAPI)
CAPI إرسال أحداث من جانب الخادم. البيكسل في المتصفح ينطلق من جهاز العميل؛ CAPI يطلق الحدث ذاته من خوادم DZBuild. يتجاوز:
- قيود تتبع iOS 14+ (ATT)
- حماية تتبع Brave / Firefox
- مانعات الإعلانات (uBlock، Adblock Plus، إلخ)
- فلاتر الشبكة (بعض ISP الجزائرية)
يقوم DZBuild تلقائياً بتجزئة بريد العميل ورقمه (وفق مواصفة Meta) قبل إرسال أحداث CAPI. الحدثان (المتصفح والخادم) يتشاركان event_id كي تُلغي Meta التكرار وتحسب التحويل مرة واحدة. تتحسن جودة المطابقة (EMQ) عادة من ~5 إلى ~9.
تجاوز لكل صفحة هبوط
كل صفحة هبوط على /dashboard/landing-pages يمكنها امتلاك بيكسلها الخاص الذي يتجاوز بيكسل المتجر. مفيد عند تشغيل حملات لحسابات إعلانية مختلفة.
التحقق من العمل
- إضافة المتصفح Facebook Pixel Helper — زر متجرك وراقب انطلاق
PageViewوViewContent. - Meta Events Manager → Test events — ضع طلب اختبار حقيقي؛ تظهر الأحداث خلال ثوانٍ. أحداث CAPI تُعلَّم بـ
Server. - TikTok Events Manager → Test events — نفس الأمر.
- GA4 → DebugView — نفس الأمر.
أفضل الممارسات
- دائماً ركّب بيكسلاً قبل تشغيل الإعلانات. بدونه، لا شيء يحسّن نحوه الخوارزم.
- أضف CAPI لحظة تشغيل إعلانات Facebook — مكسب EMQ يتراكم على مدى أسابيع.
- مصدر حقيقة واحد — اختر البيكسلات التي ستستخدمها فعلاً. لا تشغّل 5 احتياطاً.
- لا تطلق أحداثاً وهمية — تضخيم الأحداث يُلحق الضرر بجودة التوصيل طويل الأمد.
- اربط الحساب الإعلاني بالبيكسل الصحيح في الوضع المتعدد — الإسناد الخطأ يهدر الإنفاق.
أسئلة متكررة
س: بيكسلي يطلق لكن Meta يقول "جودة مطابقة منخفضة". ج: أضف Conversions API. البريد والهاتف المُجزّأين من جانب الخادم يرفعان EMQ بشكل ملحوظ.
س: هل يمكنني استخدام البيكسل في المتصفح وCAPI لنفس البيكسل؟
ج: نعم — Meta يلغي التكرار عبر event_id. نرسل كليهما بمعرفات مطابقة.
س: أين أركّب Hotjar / Clarity / سكريبت مخصص؟
ج: /dashboard/pixels → HTML مخصص → ألصق المقتطف. يُحقن في <head> لكل صفحات المتجر.
س: هل تبطئ البيكسلات متجري؟ ج: كل البيكسلات تُحمَّل بشكل غير حاجب. درجات Page Speed لا تتأثر.