إعداد Google Tag Manager

تتبع كامل للمكالمات والإعلانات من Google Ads

ما هو Google Tag Manager؟

Google Tag Manager (GTM) هو نظام إدارة العلامات المجاني من Google يتيح لك إدارة ونشر علامات التسويق (أكواد تتبع) على موقعك الإلكتروني دون الحاجة لتعديل الكود يدويًا في كل مرة.

خطوات إنشاء حساب GTM

  1. اذهب إلى Google Tag Manager
  2. انقر على "إنشاء حساب"
  3. أدخل اسم الحساب (مثلاً: Gym Repair)
  4. أدخل اسم الحاوية (مثلاً: Gym Repair Container)
  5. اختر "الويب" كنوع الموقع
  6. وافق على الشروط والأحكام
  7. انقر على "إنشاء"

أكواد GTM التي يجب إضافتها إلى الموقع

بعد إنشاء الحساب، ستحصل على كودين يجب إضافتهما إلى موقعك:

1. كود الجزء الرأسي (Head)

أضف هذا الكود في قسم <head> في جميع صفحات موقعك، قبل العلامة </head>:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

ملاحظة: استبدل "GTM-XXXXXXX" بمعرف GTM الخاص بك.

2. كود الجزء الأسفلي (Body)

أضف هذا الكود في قسم <body> في جميع صفحات موقعك، مباشرة بعد العلامة <body>:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

ملاحظة: استبدل "GTM-XXXXXXX" بمعرف GTM الخاص بك.

تتبع تحويلات المكالمات

إعداد تتبع تحويلات المكالمات من Google Ads

إنشاء Tag لتتبع المكالمات

اتبع هذه الخطوات لإنشاء علامة تتبع المكالمات:

  1. سجل دخولك إلى حساب Google Tag Manager
  2. اختر الحاوية الخاصة بموقعك
  3. من القائمة اليسرى، انقر على "العلامات" ثم "إنشاء علامة جديدة"
  4. اختر اسمًا للعلامة (مثلاً: Call Tracking Tag)
  5. انقر على "اختر نوع العلامة" واختر "Google Analytics: GA4 Event"
  6. في حقل اسم الحدث، أدخل: call_click
  7. اختر إعدادات التكوين (يمكنك استخدام الإعدادات الافتراضية)
  8. انقر على "تشغيل على جميع الصفحات"
  9. انقر على "حفظ"

إنشاء Trigger لمكالمات الهاتف

الآن سننشئ مُشغّل يُفعّل العلامة عند النقر على أرقام الهاتف:

  1. من القائمة اليسرى، انقر على "المشغلات" ثم "إنشاء مشغل جديد"
  2. اختر اسمًا للمشغل (مثلاً: Phone Call Click)
  3. اختر "النقر" كنوع المشغل
  4. اختر "محددات CSS" وادخل: a[href^="tel:"]
  5. انقر على "حفظ"

ربط العلامة بالمُشغّل

الآن نحتاج لربط العلامة التي أنشأناها بالمُشغّل:

  1. عد إلى قسم "العلامات"
  2. انقر على علامة تتبع المكالمات التي أنشأناها
  3. في قسم "مُشغّل إطلاق العلامة"، انقر على "المشغلات"
  4. اختر المُشغّل الذي أنشأناه (Phone Call Click)
  5. انقر على "حفظ"

إنشاء Conversion Linker Tag

Conversion Linker ضروري لتتبع التحويلات بشكل صحيح:

  1. من قسم "العلامات"، انقر على "إنشاء علامة جديدة"
  2. اختر اسمًا (مثلاً: Conversion Linker)
  3. انقر على "اختر نوع العلامة" واختر "Conversion Linker"
  4. انقر على "تشغيل على جميع الصفحات"
  5. انقر على "حفظ"

إنشاء حدث GA4 لتحويلات المكالمات

للتتبع في Google Analytics 4:

  1. من قسم "العلامات"، انقر على "إنشاء علامة جديدة"
  2. اختر اسمًا (مثلاً: GA4 Call Event)
  3. اختر نوع "Google Analytics: GA4 Event"
  4. في حقل اسم الحدث، أدخل: call_click
  5. اختر إعدادات التكوين أو أنشئ إعدادات جديدة باستخدام معرف القياس GA4
  6. اختر المشغل الذي أنشأناه (Phone Call Click)
  7. انقر على "حفظ"

اختبار التتبع

كيفية التأكد من أن تتبع GTM يعمل بشكل صحيح

وضع المعاينة (Preview Mode)

للاختبار، يجب تفعيل وضع المعاينة في GTM:

  1. في GTM، انقر على "معاينة" في الزاوية العلوية اليمنى
  2. أدخل عنوان URL لموقعك أو اتركه كما هو
  3. انقر على "البدء"
  4. سيفتح موقعك في نافذة جديدة مع شريط أدوات GTM في الأسفل

اختبار تتبع المكالمات

للاختبار، اتبع هذه الخطوات:

  1. في نافذة المعاينة، انقر على أرقام الهاتف في موقعك
  2. راقب شريط أدوات GTM في الأسفل
  3. يجب أن تظهر علامة "call_click" أو الحدث الذي أنشأناه
  4. تحقق من أن العلامة تم إطلاقها بشكل صحيح

التحقق من التتبع في Google Analytics

للتحقق من وصول البيانات إلى GA4:

  1. سجل دخولك إلى Google Analytics
  2. اختر الخاصية الخاصة بموقعك
  3. انتقل إلى "الفعاليات" في القسم "التفاعل"
  4. تحقق من ظهور حدث [call_click] في التقارير

التحقق من التتبع في Google Ads

للتحقق من تتبع التحويلات في Google Ads:

  1. سجل دخولك إلى حساب Google Ads
  2. انتقل إلى "الأدوات والمettings" ثم "القياس" و"التحويلات"
  3. تحقق من ظهور تحويلات المكالمات
  4. راقب عدد التحويلات والتقارير المرتبطة بها

نشر التغييرات

بعد التأكد من أن كل شيء يعمل بشكل صحيح:

  1. عد إلى GTM
  2. انقر على "إرسال" في الزاوية العلوية اليمنى
  3. أدخل اسمًا للإصدار (مثلاً: تتبع المكالمات الأولي)
  4. أضف وصفًا اختياريًا
  5. انقر على "نشر"

أكواد التنفيذ الجاهزة

الكود الجاهز لإضافة تتبع GTM إلى موقعك

أضف هذا الكود إلى قسم <head> قبل </head>

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'../../../www.googletagmanager.com/gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

أضف هذا الكود إلى قسم <body> بعد <body>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

تأكد من أن أرقام الهاتف تستخدم هذا التنسيق

<a href="tel:+201117949334">📞 01117949334</a>

بعد إضافة هذه الأكواد، يجب أن يعمل تتبع المكالمات تلقائيًا عند النقر على أي رابط يحتوي على [tel:] في جميع صفحات موقعك.

طلب المساعدة في التنفيذ