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

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

بيكسلات 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 وانقر زر ▶ كيف أجدد للجولة الإرشادية داخل التطبيق، أو شاهد قناة DZBuild على YouTube.

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

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

الحدث

متى

PageView

كل تحميل صفحة

ViewContent

مشاهدة صفحة منتج، أو مشاهدة صفحة هبوط

AddToCart

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

InitiateCheckout

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

Purchase

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

Search

لا يُرسَل. البحث داخل متجرك لا يُطلِق أي حدث بيكسل، فلا تستقبل أي منصة الحدث Search.

Lead

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

Delivered

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

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

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

  • Lead ليس له مكافئ في Pinterest، ويُربَط بـ Lead (Meta)، SubmitForm (TikTok)، SIGN_UP (Snapchat)، generate_lead (Google Analytics). في Meta يُرسَل من المتصفح، ويُرسَل أيضاً عبر Conversions API إن كان للبيكسل توكن وصول، بمعرّف حدث مشترك فتحسبه Meta مرة واحدة؛ أما المنصات الأخرى فتستقبل حدث المتصفح وحده. إرسال النموذج المخصص لا يُطلِق 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 كي تُلغي المنصة التكرار وتحسب التحويل مرة واحدة.

تفعيل CAPI يرفع جودة المطابقة التي تعرضها Meta، لأن الخادم يرسل معرّفات مُجزّأة لا يحملها حدث المتصفح دائماً. ولا ينشر DZBuild أي رقم مرجعي لهذه الجودة: القيمة التي تراها تتبع الحقول التي يجمعها الشراء لديك، وصفحة دفع عند الاستلام لا تطلب سوى الاسم والهاتف والعنوان تملك حقولاً أقل للمطابقة من صفحة تجمع البريد الإلكتروني أيضاً.

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

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

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

  • Meta Events Manager → Test events: ضع طلب اختبار حقيقي؛ تظهر الأحداث خلال ثوانٍ. ولترى أحداث الخادم هناك أيضاً، انسخ رمز الاختبار من Test events، وافتح بيكسل Facebook الخاص بك بزر تعديل في /dashboard/pixels، والصقه في خانة رمز اختبار الأحداث (Test Events) ثم احفظ؛ يستعمله DZBuild لمدة ساعة ثم يتجاهله. أحداث CAPI تُعلَّم بـ Server.

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

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

حين تقول الأداة "لم يُكتشف أي بيكسل"

هذا أكثر أسئلة البيكسل تكراراً، ونادراً ما يكون البيكسل معطّلاً فعلاً. راجع الأسباب الثلاثة بالترتيب.

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

2. مانع إعلانات يعمل في متصفحك أنت. المانع، أو متصفح مرفوع فيه مستوى الحماية من التتبع، يمنع سكريبت البيكسل من التحميل أصلاً، فلا تُظهر الأداة شيئاً مهما انتظرت. افتح المتجر في متصفح آخر (أسهل اختبار هو ملف تعريف Chrome نظيف) بلا مانع إعلانات، ثم أعد الفحص.

3. تبحث عن الأحداث الخادمية في المكان الخطأ. إذا كان البيكسل وConversions API مضبوطَين معاً، يظل DZBuild يرسل الأحداث من خوادمه حتى للمشترين الذين يحجبون بيكسل المتصفح. وهذه الأحداث لا تظهر أبداً في أدوات المتصفح. راجعها في Meta Events Manager ضمن Test events، حيث تصل موسومة Server.

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

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

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

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

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

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

أسئلة متكررة

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

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

س: أين أركّب Hotjar / Clarity / سكريبت مخصص؟ ج: صفحة /dashboard/pixels مخصصة لإدارة البيكسلات وحدها، ولا تقبل أي شاشة في لوحة التحكم HTML مخصصاً في head أو body. في خطة Enterprise، تحتوي /dashboard/customize على قسم JavaScript مخصّص: الصق كود JavaScript الخاص بالأداة بدون وسم script (حتى 50,000 بايت) ثم احفظ. يعمل الكود في صفحات متجرك بعد تحميلها، لكن ليس في صفحات الهبوط ولا داخل المعاينة، لذا افتح متجرك لتجربته. راجع دليل JavaScript المخصَّص. وفي الخطط الأخرى، تواصل مع الدعم إن احتجت تركيب مقتطف طرف ثالث على متجرك.

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

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