العودة للمدونة الإعلانات المدفوعة

دليل إعداد تتبع الحملات الإعلانية بدقة
Pixel & GTM خطوة بخطوة

بقلم أسامة شحرة 13 يناير 2026 12 دقيقة قراءة

إذا كنت تدير حملات إعلانية بدون تتبع دقيق للتحويلات، فأنت تحرق أموالك. في هذا الدليل الشامل، سنتعلم كيفية إعداد بنية تتبع احترافية باستخدام Meta Pixel و Google Tag Manager.

⚠️ لماذا التتبع مهم؟

بدون تتبع دقيق، لن تعرف أي إعلان يحقق مبيعات وأيها يهدر ميزانيتك. التتبع = قرارات صحيحة = عائد استثمار أعلى.

الجزء 1: إعداد Meta Pixel (Facebook & Instagram)

الخطوة 1: إنشاء Pixel

  1. ادخل إلى Meta Business Suite
  2. اذهب إلى Business Settings → Data Sources → Pixels
  3. اضغط على "Add" واختر "Create a Pixel"
  4. أدخل اسم متجرك واضغط "Create"
✅ نصيحة

سمّي الـ Pixel باسم متجرك + "Pixel"، مثال: "متجر الأناقة Pixel" - هذا يسهل التعرف عليه لاحقاً.

الخطوة 2: تثبيت Pixel على الموقع

هناك 3 طرق للتثبيت:

1. تطبيق مباشر

إذا كنت على سلة أو زد، ادخل Pixel ID مباشرة في إعدادات المنصة

سهل ✓
2. Google Tag Manager

الأفضل للتحكم الكامل (سنشرحه لاحقاً)

احترافي ✓✓
3. كود يدوي

نسخ ولصق الكود في header.php

للمطورين

الخطوة 3: إعداد الأحداث (Events)

الأحداث الأساسية التي يجب تتبعها:

الحدث متى يحدث الأهمية
PageView عند دخول أي صفحة ⭐⭐⭐⭐⭐
ViewContent عند عرض صفحة منتج ⭐⭐⭐⭐⭐
AddToCart عند إضافة منتج للسلة ⭐⭐⭐⭐⭐
InitiateCheckout عند بدء عملية الدفع ⭐⭐⭐⭐
Purchase عند إتمام الشراء ⭐⭐⭐⭐⭐

الجزء 2: إعداد Google Tag Manager (GTM)

لماذا GTM؟

  • إدارة جميع الأكواد من مكان واحد
  • لا تحتاج مطور لكل تعديل
  • تتبع متقدم بدون تعقيد
  • سهولة إضافة/حذف Tags

الخطوة 1: إنشاء حساب GTM

  1. ادخل إلى Google Tag Manager
  2. اضغط "Create Account"
  3. أدخل اسم الحساب (اسم شركتك)
  4. اختر Container type: Web
  5. اضغط "Create"

الخطوة 2: تثبيت GTM Container

بعد الإنشاء، ستظهر لك نافذة بكودين:

الكود الأول

ضعه في <head> في ملف header.php

                        <script>
  (function(w,d,s,l,i){...})(window,document,'script','dataLayer','GTM-XXXX');
</script>
الكود الثاني

ضعه بعد <body> مباشرة

                        <noscript>
  <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"></iframe>
</noscript>

الخطوة 3: إضافة Meta Pixel عبر GTM

  1. في GTM، اضغط "New Tag"
  2. اختر "Custom HTML"
  3. الصق كود Meta Pixel (من Meta Business Suite)
  4. في Triggering، اختر "All Pages"
  5. سمّي الـ Tag: "Meta Pixel - PageView"
  6. احفظ

الجزء 3: إعداد Google Analytics 4 (GA4)

الخطوة 1: إنشاء Property

  1. ادخل إلى Google Analytics
  2. اضغط "Admin" → "Create Property"
  3. أدخل اسم متجرك
  4. اختر المنطقة الزمنية والعملة
  5. في Web Stream، أدخل رابط موقعك

الخطوة 2: ربط GA4 مع GTM

  1. انسخ Measurement ID (مثل: G-XXXXXXXXXX)
  2. في GTM، أنشئ Tag جديد
  3. اختر "Google Analytics: GA4 Configuration"
  4. الصق Measurement ID
  5. Trigger: All Pages
  6. احفظ وانشر

الخطوة 4: اختبار التتبع

1. اختبار Meta Pixel

  • ثبّت Facebook Pixel Helper
  • ادخل لمتجرك
  • تأكد من ظهور Pixel كـ "Active"
  • جرّب إضافة منتج للسلة وتأكد من تسجيل AddToCart

2. اختبار GTM

  • في GTM، اضغط "Preview"
  • أدخل رابط متجرك
  • تأكد من أن جميع Tags تعمل (ظهور علامة ✓ خضراء)

⚠️ أخطاء شائعة

  • Pixel يعمل مرتين: تأكد أنك لم تثبته يدوياً و بـ GTM
  • Purchase Event بدون قيمة: تأكد من إرسال value و currency
  • GTM لا ينشر: اضغط "Submit" بعد الحفظ

الجزء 5: Conversion API (متقدم)

مع iOS 14+ وحظر Cookies، Pixel وحده لا يكفي. تحتاج إلى Conversion API لإرسال البيانات من السيرفر مباشرة.

لماذا CAPI مهم؟

  • تتبع دقيق حتى لو الـ Pixel محظور
  • بيانات أفضل = استهداف أفضل
  • تقليل تكلفة الإعلان (CPA)
كيف تفعّل CAPI؟

إذا كنت على:

  • سلة أو زد: متوفر Built-in في إعدادات Meta
  • شوبيفاي: استخدم تطبيق Meta الرسمي
  • ووكومرس: استخدم plugin مثل PixelYourSite
  • موقع خاص: تحتاج مطور (أنا أقدم هذه الخدمة 😊)

الخلاصة

إعداد تتبع صحيح = قرارات صحيحة = إعلانات أكثر ربحية. لا تتسرع في هذه الخطوة، استثمر الوقت الكافي لإعدادها بشكل صحيح.

هل تحتاج مساعدة في إعداد التتبع؟

أقدم خدمة إعداد كامل لـ Pixel + GTM + GA4 + CAPI

اطلب الخدمة