ربط GTM مع WP

ربط Google Tag Manager مع WordPress: دليل شامل خطوة بخطوة

في عالم التسويق الرقمي الحديث، أصبحت البيانات والتحليلات هي القلب النابض لأي حملة ناجحة. ومن بين الأدوات التي تُمكنك من إدارة وتتبع الأكواد بسهولة داخل موقعك دون الحاجة إلى تعديل الكود يدويًا في كل مرة، تبرز أداة Google Tag Manager (GTM) كخيار مثالي.
وفي هذا المقال، سنقدّم شرحًا تفصيليًا حول كيفية ربط GTM مع منصة WordPress خطوة بخطوة، مع توضيح أهم الفوائد والنصائح لتحسين الأداء وجمع البيانات بشكل دقيق.

ما هو Google Tag Manager (GTM)؟

يُعد Google Tag Manager أداة مجانية مقدمة من شركة جوجل، تتيح لك إدارة جميع الأكواد (Tags) التي تستخدمها في موقعك مثل أكواد Google Analytics وFacebook Pixel وHotjar وغيرها، من خلال لوحة تحكم واحدة سهلة الاستخدام دون الحاجة إلى مطور أو تعديل مستمر في ملفات الموقع.

بمعنى آخر، GTM هو وسيط ذكي بين موقعك وأدوات التحليل والإعلانات، يُسهّل عليك إدارة جميع الأكواد من مكان واحد.

لماذا يجب ربط GTM مع WordPress؟

تُعد منصة WordPress واحدة من أكثر أنظمة إدارة المحتوى استخدامًا حول العالم، وهي تدعم التكامل مع أغلب أدوات التحليل بسهولة.
وربطها بـ Google Tag Manager يمنحك مزايا عديدة، منها:

سهولة إدارة الأكواد:
بدلًا من إضافة أكواد التتبع يدويًا داخل القالب أو المكونات، يمكنك إضافتها من داخل GTM في دقائق.
مرونة التجربة والتحليل:
يمكنك إنشاء وتتبع الأحداث (Events) مثل النقرات أو التحميلات دون تعديل الكود مباشرة في WordPress.
تحسين سرعة الموقع:
تنظيم الأكواد من خلال GTM يقلل من تكرار السكربتات غير الضرورية ويحسّن أداء الموقع.
إعداد تتبع متقدم:
تستطيع إعداد تتبع للنماذج، النقرات على الأزرار، مشاهدة الفيديوهات، أو سلوك المستخدم داخل الصفحات بسهولة.

المتطلبات الأساسية قبل ربط GTM مع WordPress

قبل البدء بعملية الربط، تأكّد من توفر الأمور التالية:

حساب Google Tag Manager مفعل.
موقع WordPress جاهز مع صلاحية الوصول إلى لوحة التحكم (Dashboard).
صلاحية تعديل القوالب أو الإضافات أو استخدام إضافات التتبع.

خطوات إنشاء حساب Google Tag Manager

توجّه إلى موقع Google Tag Manager.
انقر على “إنشاء حساب جديد”.
أدخل اسم الحساب (مثلاً: “موقعي الشخصي” أو اسم شركتك).
اختر الدولة.
أنشئ حاوية (Container) جديدة، وأدخل اسم الموقع، ثم اختر نوع المنصة: Web.
بعد الإنشاء، ستحصل على كودين (Code Snippets) يجب إدخالهما في موقع WordPress لاحقًا:
- الكود الأول داخل الوسم <head>.
- الكود الثاني مباشرة بعد وسم <body>.

طرق ربط Google Tag Manager مع WordPress

توجد أكثر من طريقة لإضافة كود GTM إلى موقع ووردبريس، وسنشرح أبرزها:

الطريقة الأولى: عبر إضافة (Plugin)

تُعد هذه الطريقة الأكثر سهولة وأمانًا، خصوصًا للمستخدمين غير التقنيين.

الخطوات:

من لوحة تحكم WordPress، اذهب إلى الإضافات (Plugins) > أضف جديدًا (Add New).
ابحث عن “Google Tag Manager for WordPress” أو “DuracellTomi’s Google Tag Manager”.
قم بتثبيت الإضافة وتفعيلها.
بعد التفعيل، انتقل إلى إعدادات الإضافة وأدخل معرف الحاوية (Container ID)، وهو على الشكل التالي:
GTM-XXXXXXX
احفظ الإعدادات، وستتم إضافة الأكواد تلقائيًا داخل موقعك.

✅ مميزات هذه الطريقة:

لا تحتاج إلى تعديل القالب يدويًا.
تتكامل مع إضافات أخرى مثل WooCommerce وContact Form 7.
آمنة أثناء تحديثات القالب أو الإضافات.

الطريقة الثانية: إضافة الكود يدويًا داخل القالب

هذه الطريقة مناسبة لمن لديهم خبرة بسيطة في تعديل ملفات WordPress.

الخطوات:

من لوحة التحكم، انتقل إلى المظهر (Appearance) > محرر الملفات (Theme File Editor).
افتح ملف header.php داخل القالب النشط.
ضع الكود الأول من GTM داخل وسم <head>.
ثم افتح ملف body.php أو index.php وأضف الكود الثاني بعد وسم <body>.
احفظ التغييرات.

⚠️ ملاحظة مهمة:
لا يُنصح بهذه الطريقة للمبتدئين لأنها قد تسبب مشاكل في القالب إذا تم تعديل الكود بطريقة غير صحيحة، كما أن الكود قد يُحذف عند تحديث القالب.

الطريقة الثالثة: عبر القوالب أو منشئ الصفحات (Page Builders)

إذا كنت تستخدم منشئ صفحات مثل Elementor أو Divi، يمكنك إدخال كود GTM بسهولة من خلال الإعدادات العامة.

في Elementor:

اذهب إلى إعدادات الموقع (Site Settings) > التحليلات (Integrations).
أضف كود GTM في حقل Custom Code ضمن <head> و <body>.
احفظ التغييرات.

التحقق من نجاح الربط

بعد ربط GTM، من المهم التأكد من أن الأكواد تعمل بشكل صحيح.

خطوات التحقق:

افتح لوحة Google Tag Manager واضغط على زر Preview (المعاينة).
أدخل رابط موقعك، واضغط على “Connect”.
ستفتح صفحة جديدة لموقعك وستظهر نافذة معاينة في الأسفل تُظهر الأكواد النشطة.
إذا ظهرت الحاوية على أنها “Connected”، فهذا يعني أن الربط ناجح.

كذلك يمكنك استخدام أداة Tag Assistant من Google لتأكيد أن كود GTM مضاف ويعمل بشكل صحيح.

ربط GTM مع Google Analytics 4 بعد التثبيت

بعد الانتهاء من ربط GTM مع WordPress، يمكنك إعداد Google Analytics 4 (GA4) من داخل GTM بسهولة.

الخطوات:

افتح حساب GTM.
اضغط على “Tags” > “New”.
اختر “Google Analytics: GA4 Configuration”.
أدخل معرف القياس (Measurement ID) الخاص بـ GA4، والذي يبدأ عادة بـ:
G-XXXXXXXXXX

اضبط الزناد (Trigger) على “All Pages”.
احفظ الإعدادات، ثم اضغط “Submit” لنشر التغييرات.

بهذا الشكل، ستبدأ بيانات موقعك بالظهور في لوحة Google Analytics فورًا.

أفضل الممارسات بعد ربط GTM مع WordPress

اختبر كل علامة (Tag) قبل نشرها لتجنب الأخطاء.
نظّم الحاويات باستخدام أسماء واضحة للعلامات والمحفزات.
استخدم المتغيرات (Variables) لتخصيص تتبع الأحداث بسهولة.
فعّل تتبّع النقرات (Click Tracking) وتتبّع التمرير (Scroll Tracking) لفهم تفاعل المستخدمين.
لا تُكثر من الأكواد غير الضرورية حتى لا تبطئ الموقع.

خاتمة

يُعتبر ربط Google Tag Manager مع WordPress خطوة أساسية لكل صاحب موقع يرغب في تحليل سلوك الزوار وتتبع الأداء الإعلاني بدقة.
بمجرد إتمام الربط، ستتمكن من إدارة جميع أكوادك من مكان واحد دون الحاجة لتعديل ملفات الموقع في كل مرة.

إن دمج GTM مع أدوات مثل Google Analytics 4 أو Google Ads يمنحك رؤية شاملة ودقيقة حول أداء حملاتك، مما يساعدك في اتخاذ قرارات تسويقية ذكية قائمة على بيانات حقيقية.

ابدأ اليوم بربط موقعك بـ Google Tag Manager، واستفد من قوة البيانات في تحسين تجربة المستخدم وزيادة التحويلات.

التسويق الرقمي

ربط GTM مع متاجر سلة وزد

إنشاء حساب GTM

اترك ردا إلغاء الرد

زهير أبو الريش

معلومات عنا

روابط مهمة

التسويق الرقمي

قد يعجبك أيضاً

اترك ردا إلغاء الرد

زهير أبو الريش

معلومات عنا

روابط مهمة

تسجيل الدخول باستخدام حساب الموقع الخاص بك

تسجيل حساب جديد