تركيب بكسل ميتا وتيك توك على متجرك وقياس المبيعات خطوة بخطوة

إذا كنت تصرف على إعلانات فيسبوك وإنستجرام وتيك توك بدون بكسل، فأنت تعرف كم دفعت، لكنك لا تعرف أي إعلان جلب طلبات فعلًا. البكسل هو كود صغير يُضاف إلى متجرك ويرسل للمنصة الإعلانية ما يحدث بعد النقر على الإعلان: هل زار العميل المنتج؟ هل أكمل الطلب؟

في هذا الدليل نركب Meta Pixel وTikTok Pixel خطوة بخطوة، ونتأكد أنهما يعملان، ثم نقيس الطلبات المكتملة.

ما الذي ستحصل عليه بعد تركيب البكسل؟#

• قياس النتائج: كم زيارة وكم طلب جاء من كل حملة.
• تحسين أفضل للإعلانات: المنصة تتعلم من يشتري فتعرض إعلانك لمن يشبهه.
• إعادة الاستهداف: إعلانات لمن زار متجرك ولم يشترِ.

الجزء الأول: Meta Pixel (فيسبوك وإنستجرام)#

1. أنشئ البكسل#

1. افتح Meta Events Manager من حساب الإعلانات.
2. اختر ربط مصادر البيانات ثم الويب.
3. سمِّ البكسل باسم متجرك، واختر التركيب يدويًا لتحصل على الكود.

2. شكل الكود الأساسي#

الكود الذي ستنسخه يشبه هذا (المعرّف YOUR_PIXEL_ID سيكون رقم البكسل الخاص بك):

<!-- Meta Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s){/* ... كود تحميل البكسل كما تنسخه من Meta ... */}
  (window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');

  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>
<!-- End Meta Pixel Code -->

انسخ الكود كاملًا كما تعطيه لك Meta ولا تعدّل فيه. السطر المهم هو fbq('track', 'PageView') الذي يسجل كل زيارة لأي صفحة.

3. أضفه إلى متجرك#

في هلا أوردرز لا تحتاج تعديل أي ملفات:

1. افتح صفحة السكريبتات (Scripts) من لوحة تحكم متجرك.
2. أضف كودًا جديدًا والصق كود البكسل.
3. اختر مكان التحميل داخل الـ head، وفعّله.

الكود سيعمل الآن على كل صفحات متجرك. تفاصيل أكثر في صفحة تكامل بكسل ميتا.

4. تأكد أنه يعمل#

• ثبّت إضافة Meta Pixel Helper على متصفح كروم، وافتح متجرك. ستظهر لك الإضافة البكسل وحدث PageView.
• أو افتح Test events في Events Manager، وزر متجرك، وراقب الأحداث وهي تصل مباشرة.

الجزء الثاني: TikTok Pixel#

1. أنشئ البكسل#

1. من TikTok Ads Manager افتح Assets ثم Events.
2. اختر Web Events وأنشئ بكسل جديد بطريقة Manually install pixel code.

2. شكل الكود#

<!-- TikTok Pixel Code -->
<script>
  !function (w, d, t) {/* ... كود تحميل البكسل كما تنسخه من TikTok ... */}
  (window, document, 'ttq');

  ttq.load('YOUR_PIXEL_ID');
  ttq.page();
</script>
<!-- End TikTok Pixel Code -->

السطر ttq.page() هنا يقابل PageView في ميتا.

3. أضفه وتأكد منه#

أضفه بنفس الطريقة في صفحة السكريبتات ككود مستقل، ثم استخدم إضافة TikTok Pixel Helper على كروم للتأكد أنه يعمل. راجع صفحة تكامل بكسل تيك توك.

الجزء الثالث: قياس الطلبات المكتملة#

تسجيل الزيارات وحده لا يكفي؛ الأهم أن تعرف أي إعلان جلب طلبًا. أبسط طريقة لا تحتاج أي برمجة هي التحويل المخصص حسب الرابط (Custom Conversion):

بعد أن يكمل العميل طلبه يصل إلى صفحة تأكيد الطلب، ورابطها في متاجر هلا أوردرز يحتوي على:

/checkout/pay/succes

في ميتا#

1. من Events Manager اختر Custom conversions ثم Create.
2. مصدر البيانات: البكسل الخاص بك، والحدث: All URL traffic.
3. القاعدة: URL contains ثم الصق /checkout/pay/succes.
4. اختر الفئة Purchase واحفظ.

في تيك توك#

من إعدادات الأحداث أنشئ حدثًا مبنيًا على زيارة رابط يحتوي على نفس المسار، واربطه بحدث Complete Payment أو Place an Order.

بعد ذلك يمكنك اختيار هذا التحويل كهدف لحملاتك، ورؤية عدد الطلبات المكتملة من كل إعلان.

ملاحظة: التحويل حسب الرابط يسجل وصول العميل لصفحة التأكيد، أي الطلب المكتمل، لكنه لا يرسل قيمة كل طلب. للقياس بقيمة الطلب تحتاج إرسال حدث Purchase بالقيمة من الكود نفسه، وهو إعداد متقدم يمكن أن يساعدك فيه فريقنا.

أخطاء شائعة#

• تركيب نفس البكسل مرتين (مثلًا عبر السكريبتات وعبر أداة أخرى)، فتتضاعف الأرقام. Pixel Helper سيحذرك من ذلك.
• تعديل الكود المنسوخ أو حذف جزء منه.
• الحكم على الإعلان من أول يومين: أعطِ الحملة وقتًا لتجمع بيانات كافية.
• نسيان التحقق بعد التركيب، واكتشاف أن البكسل لا يعمل بعد أسابيع من الإعلانات.

الخلاصة#

الخطوات باختصار: أنشئ البكسل ← الصق الكود في السكريبتات ← تحقق منه بـ Pixel Helper ← أنشئ تحويلًا مخصصًا لصفحة تأكيد الطلب. نصف ساعة من الإعداد توفر عليك الكثير من ميزانية الإعلانات التي كانت تُصرف بدون قياس.