دمج Google Tag Manager مع Google Analytics

[Discourse]

سيرشدك هذا الدليل إلى إعداد مدير علامات جوجل (Google Tag Manager) واستخدامه مع تحليلات جوجل (Google Analytics) على موقع Discourse الخاص بك. بالإضافة إلى ذلك، يغطي الدليل تكوين المتغيرات والمشغلات (Triggers) والوسوم (Tags) في مدير علامات جوجل لتتبع مشاهدات الصفحة.

يغطي هذا الدليل إعداد مدير علامات جوجل. إذا كنت ترغب فقط في تمكين تحليلات جوجل لموقعك، فاضبط علامة G-Tag في إعداد موقع ga universal tracking code. قد تستمر إعداداتنا في الإشارة إلى جميع التحليلات على أنها universal، ولكن هذا مجرد أثر لتسمية حقل قديم. تستخدم التعليمات التالية علامات جوجل وتعمل معها.

مستوى المستخدم المطلوب: مسؤول (Administrator)

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

ملخص

1. إنشاء حساب خاصية تحليلات جوجل.
2. إعداد مدير علامات جوجل.
3. تكوين متغيرات، ومشغلات، ووسوم مدير علامات جوجل.
4. دمج مدير علامات جوجل مع موقع Discourse الخاص بك.

إنشاء حساب تحليلات جوجل

1. تفضل بزيارة تحليلات جوجل (Google Analytics) وقم بتسجيل الدخول باستخدام حساب جوجل الخاص بك.

2. إذا لم يكن لديك حساب بعد، اتبع الخطوات الموجهة لإنشاء واحد.

3. أنشئ خاصية بالنقر على “Admin” (المسؤول) ثم “Create Property” (إنشاء خاصية).
   

   

4. املأ التفاصيل المطلوبة في شاشة “Property creation” (إنشاء خاصية).
   

   

5. أدخل تفاصيل عملك في الشاشة التالية.
   

   

6. حدد أهداف عملك بشكل مناسب.

معلومات: تحديد الأقسام الأربعة سيتطابق بشكل وثيق مع التقارير التي قدمتها تحليلات جوجل عادةً:

7. اختر “Web” (الويب) كمنصة لجمع البيانات.
   

   

8. قم بإعداد دفق بيانات (Data Stream) عن طريق إدخال عنوان URL لموقعك واسم الدفق.
   

   

بعد إنشاء دفق الويب الخاص بك بنجاح، قم بتدوين معرف القياس (Measurement ID) الخاص بك. ستحتاجه لإعداد مدير علامات جوجل.

إعداد مدير علامات جوجل

1. تفضل بزيارة مدير علامات جوجل (Google Tag Manager) وأنشئ حسابًا.
2. قم بإعداد حاوية (Container) باتباع الخطوات الموجهة، واختر “Web” (الويب) كمنصة.
   
   

تكوين مدير علامات جوجل (GTM)

المتغيرات (Variables)

1. انتقل إلى علامة التبويب “Variables” (المتغيرات) في مدير علامات جوجل وانقر على “New” (جديد) في قسم “User-Defined Variables” (المتغيرات المعرَّفة من قبل المستخدم).
2. قم بإنشاء متغيري طبقة بيانات (Data Layer Variables):

• Title: DL-page-title
  Type: Data Layer Variable
  Data Layer Variable Name: page.title
  Data Layer Version: 2

• Title: DL-page-url
  Type: Data Layer Variable
  Data Layer Variable Name: page.url
  Data Layer Version: 2

كمثال، اختر نوع المتغير:

ثم قم بتكوين المتغيرات، كما في هذا المثال:

المشغلات (Triggers)

1. انتقل إلى علامة التبويب “Triggers” (المشغلات) وانقر على “New” (جديد).

2. اختر “Custom Event” (حدث مخصص) كنوع.

   

3. سمِّ المشغل virtualPageView واحفظه (Save).

   يجب أن تبدو النتيجة النهائية كالتالي:
   

   

الوسوم (Tags)

1. انتقل إلى علامة التبويب “Tags” (الوسوم) وأنشئ وسمًا جديدًا.

2. اختر Google Analytics: Google Tag كنوع وسم.
   

   

3. قم بتكوين الوسم بالتفاصيل التالية:

• Measurement ID: أدخل معرف القياس الخاص بك من تحليلات جوجل.
• Required Fields to Set (الحقول المطلوبة للتعيين):
  • title: {{DL-page-title}}
  • page: {{DL-page-url}}
  • send_page_view: true
  • page_path: {{Page Path}}

عند الانتهاء، يجب أن يبدو الوسم كما يلي (لاحظ أنه يمكنك إضافة معلمة userID بالإضافة إلى المعلمات المذكورة أعلاه، ولكن ستحتاج إلى إضافة متغير إضافي مثل DL-page-url):

4. اختر المشغل virtualPageView لهذا الوسم.
   
   
5. سمِّ الوسم الخاص بك واحفظه (Save).

نشر مساحة عمل مدير علامات جوجل

انشر الحاوية الخاصة بك في مدير علامات جوجل بالنقر على الزر الأزرق “Submit” (إرسال) في الزاوية العلوية اليمنى من الصفحة.

هام: إذا واجهت أخطاء 404 من googletagmanager.com، فتأكد من نشر تغييرات حاوية مدير علامات جوجل الخاصة بك.

دمج مدير علامات جوجل مع Discourse

1. انتقل إلى إعدادات المسؤول (Admin settings) في Discourse وابحث عن gtm container id.
2. أدخل معرف حاوية مدير علامات جوجل الخاص بك (التنسيق: GTM-XXXXXX) في الحقل المقابل.
   
   

ملاحظة: قم بإزالة أي رمز تتبع تحليلات موجود من إعداد ga universal tracking code في Discourse عند استخدام مدير علامات جوجل، لتجنب التتبع المزدوج.

أعد تحميل موقعك وتحقق من عرض الوقت الفعلي (Real-Time) في تحليلات جوجل لتأكيد تدفق البيانات عبر مدير علامات جوجل.

استخدامات إضافية

باستخدام مدير علامات جوجل، يمكنك إضافة المزيد من الوسوم لتتبع أحداث إضافية مثل:

• Google DFP
• إعلانات جوجل (AdWords)
• لينكد إن (LinkedIn)

روابط ذات صلة

• استخدام الـ nonces في نصوص مدير علامات جوجل البرمجية
• إرسال الأحداث المخصصة إلى مدير علامات جوجل وتحليلات جوجل
• كيفية إضافة إعلانات جوجل التلقائية (Google Auto Ads) إلى Discourse عبر مدير علامات جوجل

[MarkDoerr]

كما هو مذكور، تمت إزالة علامة تكوين GA4 وستختار الآن علامة Google. تظل خطوات الإعداد كما هي، ولكنني قمت بتحديث الوثائق.

بالنسبة لأي شخص قام بإعداد علامة GA4 سابقًا، كان ينبغي تحديثها تلقائيًا ولا تتطلب أي تغييرات من جانبك.

[Stefan_Holmes]

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

بدلاً من مشغل عرض الصفحة (Page View)، يجب أن يكون هذا مشغل حدث مخصص (Custom Event) بالاسم virtualPageView.

يبدو أن cookieDomain = auto هو بقايا من Universal Analytics وغير ضروري. يتعامل GA4 تلقائيًا مع التنقل بين النطاقات الفرعية.

ممارسة أخرى جيدة هي تشغيل علامة Google (Google Tag) عند التهيئة (Initialization)، مع تعيين send_page_view إلى false وبدلاً من ذلك وجود علامة حدث GA4 منفصلة لـ page_view.

عندما قمنا بالتنفيذ، أضفنا أيضًا تجاوزًا لـ page_location مع عنوان URL الكامل للموقع + مسار الصفحة الافتراضية. سيؤدي هذا إلى ملء تقارير GA4 القياسية بشكل صحيح.

[MarkDoerr]

مرحباً ستيفان،

شكراً لك على هذه الملاحظات.

لقد قمت بتحديث الخطوة رقم 2 في قسم المشغلات (Triggers) حيث كان لدي بالفعل لقطات شاشة مطابقة، وسنقوم بتحديث بقية هذا في أقرب وقت ممكن.

[luigi7up (Luka)]

الوصف:

أواجه مشكلة مع مدير علامات جوجل (GTM) على منتدى Discourse الخاص بي. دعني أشرح إعداداتي والمشكلة بالتفصيل:

1. إعداد GTM:

   • لقد قمت بإعداد حاوية مدير علامات جوجل (المعرف: GTM-…MZV).
   • لأغراض الاختبار، أضفت علامة Google Analytics 4 في GTM، وتم تكوينها للتشغيل على جميع الصفحات أثناء التهيئة.
   • لم أضف أي مشغلات معقدة، أو طبقة مستخدم، أو طبقة بيانات. إنها مجرد تهيئة أساسية للتحقق من أن GTM يعمل.

2. تكامل GTM مع Discourse:

   • في منتدى Discourse الخاص بي، قمت بتهيئة GTM عن طريق إدخال معرف الحاوية (GTM-W…MZV) في إعدادات المسؤول.
   • عند فحص موقعي، يمكنني رؤية أن:
     • يتم تحميل نص GTM البرمجي (https://www.googletagmanager.com/gtm.js?id=GTM-W...MZV) في قسم head.
     • لا توجد أخطاء في وحدة تحكم المتصفح أو علامة Network تتعلق بـ GTM أو gtm.js.

3. المشكلة:

   • بعد نشر حاوية GTM الخاصة بي، ذهبت إلى وضع المعاينة في مدير علامات جوجل وأدخلت عنوان URL الخاص بموقعي (https://forum.hobiguru.com).
   • ومع ذلك، يقول مصحح أخطاء معاينة GTM أنه لم يتم العثور على علامة GTM على موقعي.
   • على الرغم من تحميل gtm.js وعدم وجود أخطاء مرئية، فإن مصحح الأخطاء لا يتعرف على إعداد GTM.

لقطات شاشة:

• لقطة الشاشة 1: إعداد حاوية GTM في مدير علامات جوجل (تظهر علامة GA4 والمشغلات).
• لقطة الشاشة 2: إعدادات مسؤول Discourse تظهر معرف حاوية GTM (GTM-W…MZV) الذي تم تكوينه.
• لقطة الشاشة 3: أدوات مطوري المتصفح تظهر أن مكتبة gtm.js تم تحميلها بنجاح على موقعي.
• لقطة الشاشة 4: وضع معاينة GTM يظهر رسالة الخطأ: لم يتم العثور على علامة GTM على موقعك.

ما جربته حتى الآن:

• تأكدت من تحميل gtm.js في علامة Network.
• تحققت من وحدة تحكم المتصفح بحثًا عن أي سياسة أمان المحتوى (CSP) أو أخطاء JavaScript أخرى.
• مسحت ذاكرة التخزين المؤقت على موقعي والمتصفح للتأكد من عدم وجود مشكلة في التخزين المؤقت.
• أعدت نشر حاوية GTM للتأكد من تحديثها.

طلب:

هل يمكن لأحد مساعدتي في فهم سبب عدم اكتشاف وضع معاينة GTM لإعداد GTM الخاص بي، على الرغم من تحميل نص gtm.js البرمجي بشكل صحيح؟ هل هناك شيء فاتني في عملية الإعداد أو التكامل؟