Skip to main content
وحدات بكسل الويب في Shopify هي حل Shopify لتتبع بيانات المشتريات مثل معدلات التحويل. هناك طريقتان رئيسيتان للتعامل معها:
  • وحدات بكسل الويب الخاصة بالتطبيقات
  • وحدات بكسل الويب المخصصة

وحدات بكسل الويب الخاصة بالتطبيقات

بعض وحدات بكسل التطبيقات (مثل Omega Facebook Pixel) تتكامل مباشرةً مع وحدات بكسل الويب في Shopify. لا تتطلب هذه التطبيقات أي إعداد إضافي للعمل مع Aftersell.

وحدات بكسل الويب المخصصة

تتيح وحدات البكسل المخصصة حلولًا مخصصة إذا لم تجد بكسل تطبيق في سوق Shopify يلبي احتياجاتك. فيما يلي تفاصيل كيفية تحويل نصوص التتبع الحالية في صفحة حالة الطلب لاستخدام وحدات البكسل المخصصة. يرجى الاطلاع على المخاطر المحتملة لوحدات البكسل المخصصة قبل المتابعة. إذا كنت تستخدم Google Tag Manager تحديدًا، فإن Shopify توفر وثائق مفيدة لإتمام هذا الترحيل. هناك 3 خطوات أساسية لإنشاء بكسل مخصص لتتبع التحويلات.
  1. تجهيز حزمة JavaScript SDK الخاصة بالطرف الثالث
  2. إعداد تتبع التحويلات باستخدام وحدات بكسل الويب
  3. ربط البكسل المخصص الخاص بك

1. تجهيز حزمة JavaScript SDK الخاصة بالطرف الثالث

سترغب في إزالة أي HTML موجود في كود البكسل المقدَّم. أي JavaScript يتم تحميله عبر وسم HTML من نوع <script> يجب تحميله بدلاً من ذلك بأسلوب يعتمد على JavaScript فقط. يتم تناول هذه العملية بمزيد من التفصيل هنا. مثال باستخدام Google Tag Manager كود البكسل الأصلي:
بعد إزالة HTML وإعادة صياغة وسوم <script>:
لاحظ أن حزمة SDK الخاصة ببكسل Google لا تنقل البيانات تلقائيًا من بكسل Shopify المخصص. لنقل البيانات، تحتاج إلى الاشتراك في الأحداث.

2. إعداد تتبع التحويلات باستخدام وحدات بكسل الويب

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

3. ربط البكسل المخصص الخاص بك

قبل إضافة بكسل مخصص، قم بإزالة أو تعديل أي وحدات بكسل حالية لضمان عدم احتساب أحداث العملاء مرتين. يجب إزالة كود البكسل الحالي يدويًا من أي مكان يوجد فيه، مثل theme.liquid وcheckout.liquid (لتجار Plus فقط) وقسم Additional scripts في إعدادات الدفع لديك. بعد الانتهاء من ذلك، اتبع هذه الخطوات لربط بكسل مخصص بمتجرك.
  1. انتقل إلى Settings > Customer Events > Custom Pixels > Add Custom Pixel
    1. أدخل اسمًا للبكسل المخصص الخاص بك.
  2. الصق كود البكسل المخصص في قسم “Code”.
  3. تأكد من تكوين إعدادات خصوصية العملاء بشكل صحيح.
  4. انقر على “Save” في البكسل المخصص الخاص بك.
  5. انقر على “Connect” لتفعيل البكسل المخصص مباشرةً!