---
title: "شرح جوجل تاج مانجر للمبتدئين: تركّبه إزاي وتستخدمه في إيه"
description: "شرح جوجل تاج مانجر من الصفر: الحساب والحاوية، الفرق بين الوسم والمشغّل والمتغير، وتركيب أول كود تتبع من غيره مبرمج بأمثلة عملية."
url: "https://ahmed-abdelhamed.com/blog/google-tag-manager-guide/"
date_published: "2026-10-06T16:16:10+00:00"
date_modified: "2026-10-06T20:24:22+00:00"
author: "احمد عبدالحميد"
categories: ["التتبع والتحليلات"]
---

# شرح جوجل تاج مانجر للمبتدئين: تركّبه إزاي وتستخدمه في إيه

**جوجل تاج مانجر** (Google Tag Manager، اختصاره GTM) أداة مجانية بتخلّيك تركّب وتدير أكواد التتبع (Google Analytics وبيكسل ميتا وغيرها) من لوحة واحدة، من غير ما تعدّل كود موقعك كل مرة. بتركّب كود GTM مرة واحدة في الموقع، وبعدين كل حاجة تانية (إضافة وسم جديد، تتبع زر، تعديل حدث) بتتعمل من داخل GTM وتنشرها بضغطة. المفاهيم الأساسية تلاتة: **الوسم (Tag)** اللي بيبعت البيانات، و**المشغّل (Trigger)** اللي بيحدد إمتى يشتغل، و**المتغير (Variable)** اللي بيحمل المعلومات. هاشرحلك الحساب والحاوية، الفرق بين التلاتة، وتركيب أول كود تتبع من غير مبرمج.

## يعني إيه جوجل تاج مانجر وليه تستخدمه؟

بدل ما تحط كل كود تتبع مباشرة في ملفات الموقع (وتحتاج مطوّر لكل تعديل)، GTM بيشتغل كـ«حاوية» واحدة في الموقع، وإنت بتدير جواها كل الأكواد.

**الفوايد:**

- **تعديل بدون مطوّر** لأغلب أحداث التتبع.
- **تنظيم:** كل الأكواد في مكان واحد بأسماء واضحة.
- **نسخ ومعاينة:** بتقدر تختبر قبل النشر وترجع لنسخة قديمة لو حصلت مشكلة.
- **تحكم في الإطلاق:** تشغّل وسم على صفحات معينة بس أو لما حد يضغط زر معين.
- **أقل أخطاء** من لصق الأكواد يدويًا في أماكن مختلفة.

**العيوب:**

- **منحنى تعلم** في المفاهيم الأولى.
- **ممكن يتساء استخدامه:** وسوم كتيرة مش مرتبة بتبطّأ الموقع وتعمل تتبع مكرر. [قياس سرعة الموقع](https://ahmed-abdelhamed.com/blog/measure-website-speed/).
- **مش لازم لكل موقع:** موقع صغير بتتبع بسيط ممكن يكتفي بإضافة جاهزة.

وبرضه GTM مش بديل لخبرتك في الأحداث نفسها: لازم تعرف إيه اللي عايز تتبعه وليه. وده مرتبط بـ[الاستراتيجية مش الإعدادات](https://ahmed-abdelhamed.com/book/strategy-not-settings/).

## الخطوة 1: إنشاء حساب جوجل تاج مانجر والحاوية

1. ادخل على Google Tag Manager بحساب جوجل (يفضل حساب النشاط مش شخصي).
2. اضغط **إنشاء حساب** (Create Account):
3. – **اسم الحساب:** غالبًا اسم شركتك.
4. – **الدولة.**
5. أنشئ **حاوية** (Container):
6. – **اسم الحاوية:** عادةً دومين الموقع.
7. – **نوع الاستهداف:** «ويب» (Web) للمواقع.
8. وافق على الشروط.
9. هيظهر لك **كودين** (واحد للـ \`<head>\` وواحد بعد وسم \`<body>\`). دول هم كود الحاوية.

المقصود بالحساب والحاوية: الحساب هو المظلة (شركتك)، والحاوية هي «علبة» موقع بعينه فيها وسومه.

## الخطوة 2: تركيب كود GTM في الموقع

لازم الكود يتركّب مرة واحدة على كل صفحات الموقع:

### ووردبريس

- **الأسهل:** استخدم إضافة موثوقة بتدعم GTM، وحط فيها معرّف الحاوية (يبدأ بـ GTM-).
- **أو يدويًا** في ملف القالب الفرعي (child theme) في \`<head>\` وبعد \`<body>\`. استخدم قالب فرعي عشان التعديل ما يتمسحش مع تحديث القالب.
- وللمتاجر ووكومرس، ممكن تحتاج إضافة بتجهّز طبقة بيانات (dataLayer) لأحداث الشراء.

### مواقع تانية

اتبع تعليمات المنصة لإضافة كود في الـ head والـ body.

**اتأكد من التركيب:** افتح الموقع وجرّب وضع المعاينة (Preview) من GTM. لو الصفحة اتوصلت، التركيب شغال.

ما تركّبش الكود مرتين (مرة بإضافة ومرة يدوي) وإلا هتتبع مكرر.

## المفاهيم الأساسية: وسم ومشغّل ومتغير

### الوسم (Tag)

هو **الكود اللي بيبعت بيانات لأداة معينة.** أمثلة: وسم Google Analytics 4، وسم بيكسل ميتا، وسم تحويل Google Ads، وسم HTML مخصص.

### المشغّل (Trigger)

هو **الشرط اللي بيحدد إمتى الوسم يشتغل.** أمثلة:

- **مشاهدة صفحة** (Page View): كل الصفحات أو صفحات معينة.
- **نقرة** (Click): على زر أو رابط معين.
- **إرسال نموذج** (Form Submission).
- **ظهور عنصر** (Element Visibility).
- **حدث مخصص** (Custom Event) من طبقة البيانات.

### المتغير (Variable)

هو **قيمة بيحتاجها الوسم أو المشغّل.** أمثلة: رابط الصفحة، نص الزر اللي اتضغط، معرّف GA4، قيمة الطلب، رقم الطلب. فيه متغيرات مدمجة (Built-in) بتفعّلها، وأخرى بتعملها.

### مثال يجمع التلاتة

«ابعت حدث \`click_whatsapp\` لـ Google Analytics (**الوسم**) لما الزائر يضغط على زر واتساب (**المشغّل**)، ومعاه رابط الصفحة اللي ضغط منها (**المتغير**).»

## الخطوة 3: تركيب أول كود تتبع: Google Analytics 4

أبسط مثال تبدأ بيه:

1. **جهّز معرّف القياس** (Measurement ID، شكله G-XXXXXXX) من حساب GA4 (إدارة ← تدفقات البيانات). [شرح Google Analytics 4 للمبتدئين](https://ahmed-abdelhamed.com/blog/google-analytics-4-guide/).
2. في GTM: **وسوم ← جديد** (Tags ← New).
3. **اختار نوع الوسم:** «Google Analytics: إعداد GA4» (GA4 Configuration) أو الاسم المعادل في الواجهة الحالية.
4. **حط معرّف القياس.**
5. **المشغّل:** «All Pages» (كل الصفحات).
6. **سمّي الوسم** باسم واضح: «GA4 – Config – All Pages».
7. **احفظ.**

### المعاينة (Preview) قبل النشر

1. اضغط **معاينة** (Preview) وأدخل رابط موقعك.
2. هيفتح موقعك مع لوحة Tag Assistant بتورّيك الوسوم اللي اشتغلت في كل صفحة.
3. اتأكد إن الوسم «Fired» (اشتغل) على الصفحات المقصودة.
4. شوف في GA4 تقرير الوقت الحقيقي (Realtime) إن زيارتك ظهرت.

### النشر (Publish)

لو كل حاجة تمام: اضغط **إرسال** (Submit) ثم **نشر** (Publish)، وسمّي النسخة وصف التغيير («إضافة GA4»). الوصف مهم لما ترجع تراجع.

## الخطوة 4: أحداث مفيدة تضيفها بعد كده

بعد الأساس، أضف تتبع الأحداث اللي تهم نشاطك:

- **نقر واتساب أو اتصال:** مشغّل نقر على روابط \`wa.me\` أو \`tel:\`.
- **إرسال نموذج التواصل.**
- **أحداث ووكومرس:** إضافة للسلة، بدء الدفع، شراء. دي غالبًا محتاجة طبقة بيانات (dataLayer) من إضافة أو كود. [إعداد GA4 لووكومرس](https://ahmed-abdelhamed.com/blog/ga4-woocommerce-setup/).
- **بيكسل ميتا:** وسم HTML مخصص أو قالب مجتمع (Community Template)، مع الانتباه لتجنب التتبع المزدوج لو الإضافة بتركّبه. [تركيب Meta Pixel](https://ahmed-abdelhamed.com/blog/install-meta-pixel-woocommerce/) و[اختبار أحداث البيكسل](https://ahmed-abdelhamed.com/blog/test-facebook-pixel-events/) و[Conversions API](https://ahmed-abdelhamed.com/blog/conversions-api-setup/).
- **تحويلات Google Ads:** لو بتعلن على جوجل. [إعلانات جوجل للمبتدئين](https://ahmed-abdelhamed.com/blog/google-ads-for-beginners/).

وسمّي كل حاجة بنمط ثابت: «نوع – أداة – وصف». وده بيوفر وقت كبير في التنظيم.

## الاختبار: أهم خطوة

قبل ما تعتمد على أي أرقام:

1. **استخدم وضع المعاينة** لكل وسم جديد.
2. **جرّب السيناريو الفعلي:** اضغط الزر، أرسل النموذج، اعمل طلب تجريبي.
3. **راجع الأحداث في GA4 DebugView أو Realtime.**
4. **اختبر على الموبايل كمان.**
5. **تأكد إن مفيش تكرار:** حدث بيتسجل مرتين = أرقام غلط.
6. **راجع بعد النشر بأيام** إن الأرقام منطقية.

وفرق الأرقام بين الأدوات طبيعي: [الفرق بين أرقام ميتا وGA4](https://ahmed-abdelhamed.com/blog/meta-vs-ga4-numbers/).

## نصايح لاستخدام GTM صح

1. **سمّي بنظام ثابت** للوسوم والمشغّلات والمتغيرات.
2. **وصف لكل نسخة منشورة** عشان تعرف إيه اللي اتغير.
3. **نظّم في مجلدات** لو الحاوية كبيرة.
4. **قلّل الوسوم المخصصة** (HTML) من مصادر مش موثوقة، لأنها بتفتح ثغرة أمنية وبتبطّأ الموقع.
5. **ادّي صلاحيات بحرص:** مين يقدر ينشر؟ وخصوصًا لو في وكالة أو مطوّر. نفس مبدأ [صلاحيات ميتا بيزنس](https://ahmed-abdelhamed.com/blog/meta-business-permissions/).
6. **راجع الحاوية كل فترة:** احذف الوسوم القديمة غير المستخدمة.
7. **وثّق** إيه اللي بيتتبع وليه، في شيت بسيط.
8. **احترم الخصوصية والقوانين:** حسب بلد جمهورك قد يكون مطلوب موافقة على الكوكيز. اتأكد من متطلبات سوقك مع مختص.

## أخطاء شائعة للمبتدئين

1. **تركيب الكود مرتين** (إضافة ويدوي) فبيتتبع مكرر.
2. **نشر بدون معاينة.**
3. **مشغّل واسع جدًا** فالوسم بيشتغل في أماكن مش مقصودة.
4. **عدم تسمية الأشياء** فالحاوية تتحول لفوضى.
5. **لصق أكواد من مصادر مجهولة.**
6. **نسيان طبقة البيانات** في المتاجر والاعتماد على نقرات فقط.
7. **تتبع كل حاجة** من غير هدف، فبتزوّد حمل الموقع.
8. **ترك صلاحيات النشر مفتوحة** لكل الناس.
9. **الاعتماد على أرقام لم تُختبر.**

**مقالات ذات صلة بتفيدك:**

- [شرح ووكومرس للمبتدئين: من التنصيب لأول منتج](https://ahmed-abdelhamed.com/blog/woocommerce-beginners-guide/)
- [مايكروسوفت كلاريتي: شوف زوارك بيعملوا إيه في موقعك مجانًا](https://ahmed-abdelhamed.com/blog/microsoft-clarity-guide/)
- [شرح n8n بالعربي: أتمتة شغلك من غير كود](https://ahmed-abdelhamed.com/blog/n8n-guide-arabic/)
- [ميتا بيزنس سويت: شرح عملي لإدارة صفحتك وانستجرام من مكان واحد](https://ahmed-abdelhamed.com/blog/meta-business-suite-guide/)

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

### هل GTM مجاني؟

نعم، الأداة الأساسية مجانية. النسخة المؤسسية (Tag Manager 360) مدفوعة وللشركات الكبيرة.

### لازم أعرف برمجة؟

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

### GTM ولا إضافة تركيب مباشر؟

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

### هل GTM بيبطّأ الموقع؟

الحاوية نفسها خفيفة، لكن كتر الوسوم والسكربتات الثقيلة بيبطّأ. حافظ على حاوية نظيفة وقِس السرعة دوريًا.

للتأكد من أحدث الواجهات والخطوات، راجع [مركز مساعدة Google Tag Manager](https://support.google.com/tagmanager)، لأن الواجهات بتتغيّر باستمرار.

لو عايز نركّب GTM ونجهّز تتبع موقعك ومتجرك بشكل صحيح ونتأكد من الأحداث، [احجز استشارة](https://ahmed-abdelhamed.com/consultation/) ونبدأ.