شرح جوجل تاج مانجر: دليل عملي من الإنشاء حتى النشر

إذا كنت تدير حملات إعلانية أو متجرًا إلكترونيًا، فستحتاج إلى وضع أكواد تتبع كثيرة على موقعك: Google Analytics، ووسوم تحويل Google Ads، وبكسلات ميتا وتيك توك وسناب شات. في هذا شرح جوجل تاج مانجر ستتعلم كيف تجمع هذه الأكواد في مكان واحد وتديرها دون تعديل كود الموقع في كل مرة، بدءًا من إنشاء الحساب وحتى نشر أول إصدار واختباره.

ما هو جوجل تاج مانجر؟

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

أهم ما يقدمه لك:

• كود واحد على الموقع بدل عشرات الأكواد المتفرقة في القالب.
• تحكم كامل في توقيت التشغيل: عند تحميل صفحة معينة، أو نقرة على زر، أو حدث مخصص مثل إتمام الشراء.
• معاينة قبل النشر لاختبار التغييرات دون أن تصل إلى الزوار.
• سجل إصدارات يتيح لك الرجوع إلى إعداد سابق إذا حدث خطأ.

قبل البدء، تعرّف على ثلاثة مصطلحات ستتكرر:

• الحساب (Account): المستوى الأعلى، وغالبًا يكون حسابًا واحدًا لكل شركة.
• الحاوية (Container): تضم الوسوم والمشغلات والمتغيرات الخاصة بموقع أو تطبيق، ولها معرّف يبدأ بـ GTM-.
• مساحة العمل (Workspace): المكان الذي تُجري فيه التعديلات، ولا يتأثر موقعك بها إلا بعد النشر.

إنشاء حساب وحاوية في جوجل تاج مانجر

1. ادخل إلى tagmanager.google.com بحساب Google.
2. من تبويب Accounts اضغط Create Account.
3. في قسم Account Setup اكتب اسم الحساب (اسم الشركة مثلًا) واختر الدولة. خيار مشاركة البيانات مع Google اختياري.
4. في قسم Container Setup اكتب اسم الحاوية، وتنصح Google باستخدام عنوان الموقع الرئيسي مثل www.example.com. لا تحتاج حاوية لكل صفحة؛ حاوية واحدة تكفي الموقع كله.
5. اختر نوع الحاوية: Web للمواقع، أو iOS وAndroid للتطبيقات، أو AMP، أو Server للتتبع من جهة الخادم.
6. اضغط Create ووافق على شروط الخدمة.

لإضافة حاوية أخرى لاحقًا تحت الحساب نفسه: من تبويب Accounts اضغط أيقونة المزيد بجوار اسم الحساب ثم Create Container.

ربط جوجل تاج مانجر بموقعك: تركيب كود الحاوية

بعد إنشاء الحاوية تظهر نافذة Install Google Tag Manager، ويمكنك فتحها لاحقًا بالضغط على معرّف الحاوية (الذي يبدأ بـ GTM-) من تبويب Workspace. تحتوي النافذة على مقطعين من الكود:

1. المقطع الأول: يوضع في أعلى وسم <head> قدر الإمكان.
2. المقطع الثاني (مقطع noscript): يوضع مباشرة بعد وسم <body> الافتتاحي.

يجب أن يكون الكود في كل صفحات الموقع، لذلك ضعه في ملف الترويسة المشترك بالقالب لا في صفحة واحدة. وإذا كانت على الموقع أكواد تتبع مضافة يدويًا وستنقلها إلى GTM، فاحذفها من القالب حتى لا تُرسل البيانات مرتين. بعد التركيب يمكنك إدخال رابط موقعك في النافذة نفسها والضغط على Test للتحقق.

ووردبريس

تذكر Google أن المواقع المبنية بأنظمة إدارة المحتوى مثل WordPress يمكنها استخدام تكامل جاهز بدل تعديل الكود يدويًا. عمليًا لديك خياران: إضافة موثوقة تتيح إدراج الأكواد في الترويسة وبعد وسم body، أو إضافة المقطعين إلى ملفات القالب (ويُفضّل قالب فرعي حتى لا تضيع التعديلات عند تحديث القالب). المهم ألا تجمع بين الطريقتين.

سلة

يوفر مركز مساعدة سلة دليلًا رسميًا للربط مع Google Tag Manager يعتمد على تثبيت تطبيق Google Tag Manager وتفعيله من داخل لوحة المتجر بعد إنشاء الحساب والحاوية. اتبع الخطوات الحالية في مركز المساعدة لأن واجهات المنصات تتغير.

زد

لم نعتمد هنا خطوات بعينها لمتجر زد؛ راجع مركز مساعدة زد لمعرفة الطريقة المعتمدة حاليًا لإضافة أكواد التتبع أو ربط GTM، وتأكد ألا يُضاف الكود من أكثر من مكان.

شوبيفاي

الطريقة الموثقة في مركز مساعدة Shopify هي إضافة GTM على شكل Custom Pixel: تنسخ مقطع الترويسة دون وسوم script المحيطة به، وتضعه في بكسل مخصص، ثم تشترك في أحداث العملاء (Customer events) وترسلها إلى dataLayer. تنبّه Shopify إلى أن هذه ميزة متقدمة تتطلب معرفة بـ JavaScript، وأن البكسلات المخصصة تعمل في بيئة معزولة (Sandbox)، وأن أداة Tag Assistant قد لا تكتشف الوسوم داخلها، لذا توصي بأداة Shopify Pixel Helper للاختبار.

شرح جوجل تاج مانجر: الوسوم والمشغلات والمتغيرات

كل إعداد داخل GTM يقوم على ثلاثة عناصر تعمل معًا:

العنصر	وظيفته	مثال
الوسم (Tag)	الكود الذي يرسل البيانات إلى أداة ما	وسم Google tag لـ GA4 أو وسم تحويل Google Ads
المشغّل (Trigger)	يحدد متى يعمل الوسم	عرض صفحة الشكر، أو نقرة على زر واتساب
المتغيّر (Variable)	قيمة يستخدمها الوسم أو المشغّل	رابط النقرة، أو قيمة الطلب، أو رقم المعاملة

أنواع المشغلات الأكثر استخدامًا

• Page View: عند عرض صفحة، ويمكن تقييده بصفحات معينة مثل صفحة تأكيد الطلب.
• Click (All Elements أو Just Links): عند النقر، ويمكن تقييده بشروط مثل نص الزر أو رابطه.
• Form Submission: عند إرسال نموذج.
• Custom Event: عند إرسال حدث مخصص عبر طبقة البيانات، مثل purchase.

المتغيرات المدمجة والمخصصة

يأتي GTM بمتغيرات مدمجة (Built-In Variables) مثل Click URL وClick Text وForm ID، لكن بعضها غير مفعّل افتراضيًا. لتفعيلها: افتح Variables، ثم في قسم Built-In Variables اضغط Configure وفعّل ما تحتاجه. أما المتغيرات المخصصة (User-Defined Variables) فتنشئها بنفسك، وأشهرها Data Layer Variable لقراءة قيمة من طبقة البيانات، وConstant لتخزين قيمة ثابتة مثل معرّف تحويل تستخدمه في أكثر من وسم.

المعاينة والتصحيح عبر Preview وTag Assistant

لا تنشر أي تغيير قبل اختباره. وضع المعاينة يشغّل مسودة الحاوية على موقعك كأنها منشورة، لكن لك وحدك:

1. من تبويب Workspace اضغط Preview أعلى اليمين، فتفتح أداة Tag Assistant في تبويب جديد.
2. أدخل رابط موقعك واضغط Connect. يُفتح الموقع في نافذة جديدة وتظهر عبارة Connected.
3. عد إلى تبويب Tag Assistant واضغط Continue لفتح واجهة التصحيح.
4. تصفّح الموقع ونفّذ الإجراء الذي تختبره (إضافة للسلة، إرسال نموذج…)، ثم راجع في الواجهة أي الوسوم عملت وأيها لم يعمل، وما القيم التي أرسلها كل وسم.

إذا تعطلت صفحتك أثناء الاتصال، أزل علامة خيار Include debug signal in the URL وأعد المحاولة. ويمكنك مشاركة رابط المعاينة مع زميل من قائمة More Actions ثم Share.

نشر التغييرات وإدارة الإصدارات

التعديلات في مساحة العمل لا تصل إلى موقعك حتى تنشرها:

1. اضغط Submit أعلى اليمين.
2. اترك خيار Publish and Create Version محددًا.
3. راجع قسم Workspace Changes للتأكد أن التغييرات هي ما تتوقعه.
4. اكتب Version Name وVersion Description بوضوح، مثل: «إضافة وسم شراء Google Ads».
5. اضغط Publish.

إذا أردت حفظ لقطة من الإعداد دون نشرها، اختر Create Version بدلًا من ذلك. وكل عملية نشر تُسجَّل كإصدار في تبويب Versions؛ فإذا ظهرت مشكلة بعد النشر، افتح الإصدار السابق ومن قائمة الإجراءات اختر Set as Latest Version ليصبح مسودتك الحالية، ثم انشره.

إعداد GA4 عبر Google tag داخل تاج مانجر

لربط Google Analytics 4 بالحاوية:

1. من Workspace افتح Tags واضغط New.
2. سمِّ الوسم، ومن Choose tag type اختر Google Tag.
3. أدخل Tag ID الخاص بمصدر بيانات الويب في GA4 (معرّف القياس الذي يبدأ بـ G-).
4. في Triggering اختر مشغّل التهيئة (Initialization) لكل الصفحات حتى يُحمَّل الوسم قبل غيره.
5. احفظ، ثم اختبر بوضع Preview، ثم انشر.

لإرسال أحداث إضافية (تسجيل، إضافة للسلة، شراء) استخدم وسم Google Analytics: GA4 Event، واكتب اسم الحدث في Event Name. يُفضّل استخدام أسماء الأحداث الموصى بها من Google عندما تنطبق على حالتك، مثل purchase، بدل اختراع أسماء جديدة. للتفاصيل الكاملة راجع دليلنا عن التتبع والقياس باستخدام GA4 وGTM.

وسوم التحويل لإعلانات Google Ads وMeta وTikTok وSnap

Google Ads

يحتاج تتبع التحويلات في Google Ads عبر GTM إلى عنصرين:

• وسم Google Ads Conversion Tracking: تضع فيه Conversion ID وConversion Label من حساب Google Ads، وتربطه بمشغّل يمثل التحويل (صفحة الشكر أو حدث purchase). ولتقليل التحويلات المكررة يمكنك تمرير رقم الطلب في حقل Transaction ID عبر Data Layer Variable.
• وسم Conversion Linker: يلتقط بيانات النقرة الإعلانية من رابط صفحة الهبوط ويحفظها في ملفات تعريف ارتباط من الطرف الأول على نطاقك، وتوصي Google في أغلب الحالات بتشغيله على كل الصفحات (All Pages).

شرحنا خطوات ذلك بالتفصيل في صفحة تتبع التحويلات في Google Ads.

Meta وTikTok وSnapchat

الفكرة واحدة في المنصات الثلاث: كود أساسي يعمل في كل الصفحات، ثم أحداث (مثل الإضافة للسلة والشراء) تعمل بمشغلات محددة. وأمامك طريقتان عامتان داخل GTM:

• قالب من معرض القوالب: من Templates ثم Search Gallery في قسم Tag Templates، ثم Add to workspace. تنبّه Google إلى أن قوالب معرض المجتمع (Community Template Gallery) يطوّرها طرف ثالث وليس Google، فراجع الجهة الناشرة والصلاحيات قبل الإضافة.
• وسم Custom HTML: تلصق فيه الكود الأساسي الذي تنسخه من مدير الأحداث في المنصة.

بالنسبة لتيك توك، يشرح مركز مساعدة TikTok طريقتين: الإعداد من TikTok Events Manager عبر الشركاء (Partner Platform) واختيار Google Tag Manager، وهي الطريقة التي يوصي بها، أو الإعداد يدويًا داخل GTM. وفي كل المنصات تأكد أن حدث الشراء يُرسل مرة واحدة لكل طلب ومعه القيمة والعملة. للتفاصيل راجع دليل تركيب Meta Pixel بشكل صحيح وشرح TikTok Pixel لتتبع التحويلات.

أساسيات طبقة البيانات dataLayer

طبقة البيانات (Data Layer) كائن JavaScript يمرّر المعلومات من موقعك إلى GTM، مثل قيمة الطلب ورقمه والمنتجات. تُعرَّف في أعلى الصفحة قبل كود الحاوية بهذا السطر:

window.dataLayer = window.dataLayer || [];

ثم يرسل الموقع (أو المطور) البيانات عبر dataLayer.push، مثلًا عند إتمام الطلب:

dataLayer.push({'event': 'purchase', 'transaction_id': 'T1001', 'value': 250, 'currency': 'SAR'});

المفتاح event هو ما يلتقطه مشغّل Custom Event، وباقي المفاتيح تقرؤها عبر Data Layer Variable. قواعد مهمة من توثيق Google:

• لا تُعِد تعريف dataLayer بصيغة dataLayer = [...] بعد تحميل GTM لأن ذلك يمسح القيم السابقة.
• الاسم حساس لحالة الأحرف: datalayer.push لن يعمل.
• ضع أسماء المفاتيح بين علامات اقتباس، واستخدم الأسماء نفسها في كل الصفحات.

لفحص ما يصل فعلًا إلى طبقة البيانات راجع مقال أفضل طرق فحص طبقة البيانات.

أخطاء شائعة في جوجل تاج مانجر

• تكرار التتبع: ترك كود GA4 أو البكسل في القالب مع إضافته عبر GTM، فتتضاعف الأحداث والتحويلات.
• نسيان النشر: حفظ الوسم في مساحة العمل دون Submit ثم Publish، فلا يصل شيء إلى الموقع.
• النشر دون معاينة: يكتشف كثيرون أن وسم الشراء لا يعمل بعد أسابيع من الإنفاق.
• تكرار حدث الشراء: ربطه بعرض صفحة الشكر فقط، فيُحتسب مرة أخرى عند تحديثها؛ استخدم رقم الطلب (Transaction ID) أو حدثًا من طبقة البيانات.
• مشغلات واسعة جدًا: تشغيل وسم تحويل على All Pages بالخطأ بدل صفحة أو حدث محدد.
• إضافة قوالب غير موثوقة دون مراجعة الناشر والصلاحيات.
• غياب نظام تسمية: أسماء مثل «Tag 1» تجعل الحاوية صعبة الإدارة؛ استخدم صيغة ثابتة مثل «GA4 – Event – purchase».
• إصدارات بلا وصف: يصعب معرفة ما الذي تغيّر عند الحاجة للرجوع.

تحتاج إعدادًا جاهزًا ومختبرًا؟ إذا كنت تفضّل أن يتولى فريق متخصص تركيب الحاوية وربط GA4 ووسوم التحويل واختبارها قبل النشر، اطّلع على خدمة إعداد GA4 وGoogle Tag Manager من RACTING.

الأسئلة الشائعة

ما هو جوجل تاج مانجر باختصار؟

أداة من Google لإدارة أكواد التتبع (الوسوم) على موقعك من واجهة واحدة: تركّب كود الحاوية مرة واحدة، ثم تضيف وسوم GA4 وGoogle Ads والبكسلات وتحدد متى تعمل دون تعديل كود الموقع في كل مرة.

هل يغني جوجل تاج مانجر عن Google Analytics؟

لا. تاج مانجر لا يعرض تقارير، بل ينقل البيانات إلى أدوات مثل Google Analytics 4 ومنصات الإعلانات. تحتاج حساب GA4 لرؤية التقارير، وGTM هو وسيلة تركيب الوسوم وإدارتها.

أين أضع كود جوجل تاج مانجر في الموقع؟

المقطع الأول في أعلى وسم head قدر الإمكان، والمقطع الثاني مباشرة بعد وسم body الافتتاحي، وفي كل صفحات الموقع. في المنصات الجاهزة استخدم الطريقة التي توثقها المنصة نفسها، مثل تطبيق GTM في سلة أو Custom Pixel في شوبيفاي.

لماذا لا تظهر التغييرات التي عملتها في تاج مانجر على موقعي؟

غالبًا لأنك حفظت التعديلات في مساحة العمل ولم تنشرها. اضغط Submit ثم اختر Publish and Create Version واضغط Publish. تأكد أيضًا أن كود الحاوية المركّب على الموقع هو نفسه معرّف الحاوية التي تعمل عليها.

كيف أتأكد أن الوسم يعمل قبل النشر؟

استخدم زر Preview من تبويب Workspace، وأدخل رابط موقعك في Tag Assistant واضغط Connect، ثم نفّذ الإجراء المطلوب على الموقع وراجع في واجهة التصحيح هل عمل الوسم وما القيم التي أرسلها.

هل يمكن الرجوع إلى إعداد سابق إذا حدث خطأ بعد النشر؟

نعم. كل نشر يُحفظ كإصدار في تبويب Versions. افتح الإصدار السابق واختر من قائمة الإجراءات Set as Latest Version ليصبح مسودتك الحالية، ثم انشره من جديد.

هل أركّب بكسل ميتا وتيك توك عبر تاج مانجر أم مباشرة؟

كلاهما ممكن، لكن المهم ألا تجمع بين الطريقتين لنفس البكسل حتى لا تتكرر الأحداث. داخل GTM يمكنك استخدام قالب من معرض القوالب بعد مراجعة ناشره، أو وسم Custom HTML بالكود الأساسي من مدير أحداث المنصة.