تخط وانتقل إلى المحتوى الرئيسي

البيكسلات والتتبع

بيكسلات Facebook (Meta)، TikTok، Snapchat، Pinterest، Google Analytics، Google Tag Manager وGoogle Ads — الإعداد، الاستهداف، وConversions API.

بقلم: Support

البيكسلات سكريبتات صغيرة تُطلِق أحداثاً عند تفاعل العملاء مع متجرك. تشغّل إعلانات إعادة الاستهداف، تتبع التحويلات، والإسناد — ركّبها قبل تشغيل الترافيك المدفوع.

ما ندعمه

المتتبع

التغطية

Facebook Pixel (Meta)

أحداث جانب المتصفح + Conversions API (جانب الخادم)

TikTok Pixel

أحداث جانب المتصفح + Events API (جانب الخادم)

Snapchat Pixel

أحداث جانب المتصفح + Conversions API (جانب الخادم)

Pinterest Tag

أحداث جانب المتصفح + Conversions API (جانب الخادم). يحتاج معرّف الحساب الإعلاني في Pinterest إضافة إلى التوكن.

Google Analytics

جانب المتصفح فقط

Google Tag Manager

جانب المتصفح فقط

Google Ads

جانب المتصفح فقط. يحتاج conversion label إضافة إلى معرّف AW-، وإلا فلن يستطيع الوسم سوى بناء جماهير إعادة الاستهداف.

كل إعدادات البيكسلات في صفحة واحدة — /dashboard/pixels. (المسار /dashboard/pixels/multi مجرد اسم بديل لنفس الشاشة، وهناك مدخل واحد فقط باسم Pixels في القائمة الجانبية.) لا يوجد "وضع بيكسل واحد" منفصل: تضيف البيكسلات واحداً تلو الآخر، وفي الخطط المدفوعة يمكنك إضافة عدة بيكسلات.

حدود الخطة

توفّر البيكسلات يتبع اشتراكك:

الخطة

بيكسلات لكل نوع

ملاحظات

المجانية

0

إدارة البيكسل مغلقة. ارفع خطتك لتتبع إعلاناتك.

الاحترافية

واحد من كل نوع، 7 إجمالاً

بيكسل Facebook واحد، وTikTok واحد، وSnapchat واحد، وPinterest واحد، وGoogle Analytics واحد، وGoogle Tag Manager واحد، وGoogle Ads واحد.

غير محدود

غير محدود لكل نوع

أضف عدد نسخ Facebook / TikTok / إلخ كما تحتاج.

المؤسسات

غير محدود لكل نوع

مثل غير محدود.

عند انتهاء الخطة المدفوعة وعودة المتجر إلى المجانية، تتوقف أحداث البيكسل عن الإطلاق — يبقى الإعداد محفوظاً ويستأنف فور إعادة الاشتراك. التجديد: افتح /dashboard/subscribe وانقر زر ▶ How to renew للجولة الإرشادية داخل التطبيق، أو شاهد قناة DZBuild على YouTube.

الأحداث القياسية

يُطلِق المتجر الأحداث القياسية التالية عند تفاعل العميل. وليس كل حدث مرتبطاً بكل بيكسل — الاستثناءات موضّحة في الجدول وتحته:

الحدث

متى

PageView

كل تحميل صفحة

ViewContent

مشاهدة صفحة منتج

AddToCart

إضافة العميل منتجاً إلى السلة — من صفحة المنتج، أو نافذة المتغيرات، أو الإضافة السريعة

InitiateCheckout

وصول العميل إلى /checkout، أو إرساله نموذج الشراء السريع (fast-checkout) من صفحة المنتج (مشترو الشراء السريع لا يفتحون /checkout أبداً، فهذه إشارتهم الوحيدة لـ IC). مجرد فتح نموذج الشراء السريع لا يُطلِق أي شيء.

Purchase

تأكيد الطلب بنجاح

Search

بحث العميل داخل متجرك. مرتبط لـ Facebook وTikTok وSnapchat وGoogle Analytics — لا يوجد مكافئ للبحث في Pinterest.

Lead

إرسال العميل قسم النموذج المخصص في صفحة هبوط

Delivered

حدث Meta مخصص من جانب الخادم فقط، يُطلَق بعد وضع علامة "تم التسليم" على الطلب

ربط الأسماء: Facebook يستخدمها مباشرة؛ TikTok وSnapchat وPinterest لها مكافئات مرتبطة تلقائياً؛ Google Analytics يستخدم view_item، add_to_cart، begin_checkout، purchase، search.

حدثان يتصرفان بشكل مختلف عن البقية:

  • Lead من جانب المتصفح فقط — بلا Conversions API وبلا معرّف لإلغاء التكرار — وليس له مكافئ في Pinterest، ويُربَط بـ Lead (Meta)، SubmitForm (TikTok)، SIGN_UP (Snapchat)، generate_lead (Google Analytics). إرسال النموذج المخصص لا يُطلِق Purchase.

  • Delivered من جانب الخادم فقط (بلا نظير في المتصفح) ويُطلَق بعد نحو 30 دقيقة من وضع علامة التسليم على الطلب. وهو حدث مخصص في Meta: يمكن للجماهير المخصصة استخدامه مباشرة، لكن لتحسين حملة نحوه يجب أولاً إنشاء Custom Conversion في Events Manager.

إضافة بيكسل

  1. احصل على معرّف البيكسل / القياس / الوسم من المنصة الإعلانية.

  2. افتح /dashboard/pixels وانقر Add pixel.

  3. اختر المنصة — Facebook أو TikTok أو Snapchat أو Pinterest أو Google Analytics أو Google Tag Manager أو Google Ads.

  4. أدخل اسماً والمعرّف، ثم املأ الحقول الخاصة بكل منصة: - توكن Conversions API — لـ Facebook وTikTok وSnapchat وPinterest. - معرّف الحساب الإعلاني — لـ Pinterest فقط. بدونه لن تحصل على أحداث من جانب الخادم ولن تظهر أي رسالة خطأ. - Conversion label — لـ Google Ads فقط. بدونه يبني الوسم جماهير إعادة استهداف لكنه لا يسجّل أي تحويل شراء. - رمز التحقق من النطاق — لـ Facebook فقط، اختياري. ألصق القيمة من إعدادات النطاقات المملوكة في Meta وسيعرضها DZBuild كوسم meta على متجرك.

  5. احفظ. تنطلق الأحداث فوراً على المتجر.

كرّر العملية لإضافة بيكسلات أخرى (الخطط المدفوعة فقط).

⚠️ تنبيه — حاوية Google Tag Manager وحدها لا تستقبل أي أحداث

لا يدفع DZBuild أحداثاً مسمّاة إلى dataLayer الخاص بـ GTM. لإعطاء GTM ما يبني عليه المشغّلات، أضف بيكسل Google Analytics (أو Google Ads) أيضاً — عندها يُطلِق المتجر استدعاءات gtag('event', …) يستطيع GTM التقاطها كأحداث Google Tag.

كل بطاقة بيكسل فيها مفتاح تشغيل/إيقاف. إيقاف البيكسل يحافظ على إعداده وعلى تعييناته في الاستهداف لكنه يوقف أحداث المتصفح والخادم معاً — مفيد لتعليق حساب إعلاني دون فقدان الإعداد.

استهداف بيكسل بمنتجات أو فئات أو صفحات هبوط محددة

الاستهداف يُضبَط لكل بيكسل، لا لكل صفحة هبوط. انقر أيقونة الرابط (السلسلة) على بطاقة البيكسل واختر أي مزيج من المنتجات والفئات وصفحات الهبوط. عندها تعرض بطاقة البيكسل شارات لما تم تعيينه له.

  • البيكسل بلا تعيينات يكون عاماً: يُهيَّأ ويستقبل الأحداث في كل صفحات المتجر، بما فيها صفحات الهبوط.

  • البيكسل ذو التعيينات يُهيَّأ — ويستقبل الأحداث — في الصفحات المطابقة فقط.

  • التعيينات تُضيّق بيكسلاً واحداً؛ ولا تُلغي بيكسلاتك الأخرى أبداً. صفحة الهبوط تستقبل كل بيكسلات المتجر العامة إضافة إلى البيكسل الذي عيّنته لها.

فخّان يستحقان الانتباه:

  • الطلب الذي يحتوي منتجات من بيكسلين مستهدفين مختلفين يسجّل قيمة الطلب كاملة في كليهما. تقسيم متجر واحد على حسابين إعلانيين لن يكون نظيفاً تماماً أبداً.

  • إذا حُذفت كل المنتجات المعيّنة لبيكسل ما، يعود ذلك البيكسل بلا تعيينات — ويصبح عاماً بصمت.

تشغيل بيكسلي Facebook على متجر واحد

تنطلق الأحداث لكل بيكسل نشط على الصفحة الحالية. وفي حالة Facebook تحديداً، تبثّ حزمة Meta كل حدث إلى كل بيكسل Facebook مُهيَّأ على الصفحة، لذا فإن بيكسلين عامين لـ Facebook يسجّل كل منهما أحداث الآخر.

إذا كنت تدير حسابين إعلانيين على متجر واحد، عيّن لكل بيكسل Facebook مجموعة منتجات مختلفة — مع تذكّر الملاحظة أعلاه حول الطلبات المختلطة.

Conversions API (CAPI)

CAPI إرسال أحداث من جانب الخادم. البيكسل في المتصفح ينطلق من جهاز العميل؛ CAPI يطلق الحدث ذاته من خوادم DZBuild. وهو متاح لـ Facebook وTikTok وSnapchat وPinterest، ويتجاوز:

  • قيود تتبع iOS 14+ (ATT)

  • حماية تتبع Brave / Firefox

  • مانعات الإعلانات (uBlock، Adblock Plus، إلخ)

  • فلاتر الشبكة (بعض ISP الجزائرية)

يقوم DZBuild تلقائياً بتجزئة بريد العميل ورقمه (وفق مواصفة Meta) قبل إرسال أحداث CAPI. الحدثان (المتصفح والخادم) يتشاركان event_id كي تُلغي المنصة التكرار وتحسب التحويل مرة واحدة.

على متاجر DZBuild التي تُفعِّل CAPI، تُبلِّغ Meta عادة عن جودة مطابقة لحدث Purchase تقارب 7.8–8.0. الوصول إلى 9–10 يتطلب عنوان بريد إلكتروني، وهو ما لا تجمعه معظم عمليات الدفع عند الاستلام في الجزائر.

ملاحظة Pinterest: الحدث InitiateCheckout غير مرتبط بـ Pinterest عن قصد، لأن حدث checkout في Pinterest يعني عملية شراء مكتملة — وإرساله عند بدء الدفع سيؤدي إلى احتساب المبيعات مرتين.

التحقق من العمل

  • إضافة المتصفح Facebook Pixel Helper — زر متجرك وراقب انطلاق PageView وViewContent.

  • Meta Events Manager → Test events — ضع طلب اختبار حقيقي؛ تظهر الأحداث خلال ثوانٍ. أحداث CAPI تُعلَّم بـ Server.

  • TikTok Events Manager → Test events — نفس الأمر.

  • GA4 → DebugView — نفس الأمر.

💡 نصيحة — Pixel Helper يبدو فارغاً لثانية — وهذا مقصود

تُؤجَّل حزم البيكسلات عمداً حتى يصبح المتصفح خاملاً أو يتفاعل الزائر (تمرير، لمس، ضغط مفتاح)، لذا قد لا تُظهر أدوات مثل Pixel Helper شيئاً في الثانية أو الثانيتين الأوليين من تحميل صفحة جديدة. مرّر أو المس فتظهر. ولا يضيع أي حدث — تنتظر الأحداث في الطابور ريثما تُحمَّل الحزمة. صفحة تأكيد الطلب مستثناة وتُحمِّل بيكسلاتها فوراً، لأن Purchase ينطلق فيها.

أفضل الممارسات

  • دائماً ركّب بيكسلاً قبل تشغيل الإعلانات. بدونه، لا شيء يحسّن نحوه الخوارزم.

  • أضف CAPI لحظة تشغيل إعلانات Facebook — مكسب جودة المطابقة يتراكم على مدى أسابيع.

  • مصدر حقيقة واحد — اختر البيكسلات التي ستستخدمها فعلاً. لا تشغّل 5 احتياطاً.

  • لا تطلق أحداثاً وهمية — تضخيم الأحداث يُلحق الضرر بجودة التوصيل طويل الأمد.

  • اربط الحساب الإعلاني بالبيكسل الصحيح عندما تشغّل عدة بيكسلات — الإسناد الخطأ يهدر الإنفاق.

أسئلة متكررة

س: بيكسلي يطلق لكن Meta يقول "جودة مطابقة منخفضة". ج: أضف Conversions API. البريد والهاتف المُجزّأين من جانب الخادم يرفعان جودة المطابقة بشكل ملحوظ.

س: هل يمكنني استخدام البيكسل في المتصفح وCAPI لنفس البيكسل؟ ج: نعم — Meta يلغي التكرار عبر event_id. نرسل كليهما بمعرفات مطابقة.

س: أين أركّب Hotjar / Clarity / سكريبت مخصص؟ ج: لا يمكنك فعل ذلك ذاتياً اليوم. لا يوجد حقل في لوحة التحكم لإضافة HTML مخصص في <head> / <body> — فصفحة /dashboard/pixels مخصصة لإدارة البيكسلات فقط. تواصل مع الدعم إن احتجت تركيب مقتطف طرف ثالث على متجرك.

س: هل تبطئ البيكسلات متجري؟ ج: لا. تُحمَّل حزم البيكسلات بشكل غير متزامن وتُؤجَّل حتى يصبح المتصفح خاملاً أو يتفاعل الزائر، فتبقى خارج مسار العرض الحرج.

هل أجاب هذا عن سؤالك؟