إذا كنت تدير حملات إعلانية بدون تتبع دقيق للتحويلات، فأنت تحرق أموالك. في هذا الدليل الشامل، سنتعلم كيفية إعداد بنية تتبع احترافية باستخدام Meta Pixel و Google Tag Manager.
⚠️ لماذا التتبع مهم؟
بدون تتبع دقيق، لن تعرف أي إعلان يحقق مبيعات وأيها يهدر ميزانيتك. التتبع = قرارات صحيحة = عائد استثمار أعلى.
الجزء 1: إعداد Meta Pixel (Facebook & Instagram)
الخطوة 1: إنشاء Pixel
- ادخل إلى Meta Business Suite
- اذهب إلى Business Settings → Data Sources → Pixels
- اضغط على "Add" واختر "Create a Pixel"
- أدخل اسم متجرك واضغط "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
- ادخل إلى Google Tag Manager
- اضغط "Create Account"
- أدخل اسم الحساب (اسم شركتك)
- اختر Container type: Web
- اضغط "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
- في GTM، اضغط "New Tag"
- اختر "Custom HTML"
- الصق كود Meta Pixel (من Meta Business Suite)
- في Triggering، اختر "All Pages"
- سمّي الـ Tag: "Meta Pixel - PageView"
- احفظ
الجزء 3: إعداد Google Analytics 4 (GA4)
الخطوة 1: إنشاء Property
- ادخل إلى Google Analytics
- اضغط "Admin" → "Create Property"
- أدخل اسم متجرك
- اختر المنطقة الزمنية والعملة
- في Web Stream، أدخل رابط موقعك
الخطوة 2: ربط GA4 مع GTM
- انسخ Measurement ID (مثل: G-XXXXXXXXXX)
- في GTM، أنشئ Tag جديد
- اختر "Google Analytics: GA4 Configuration"
- الصق Measurement ID
- Trigger: All Pages
- احفظ وانشر
الخطوة 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
- موقع خاص: تحتاج مطور (أنا أقدم هذه الخدمة 😊)
الخلاصة
إعداد تتبع صحيح = قرارات صحيحة = إعلانات أكثر ربحية. لا تتسرع في هذه الخطوة، استثمر الوقت الكافي لإعدادها بشكل صحيح.