دمج Google Tag Manager مع Google Analytics

[Discourse]

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

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

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

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

الملخص

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

إنشاء حساب Google Analytics

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

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

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

   

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

   

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

   

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

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

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

   

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

   

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

إعداد مدير العلامات من Google

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

تكوين GTM

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

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

• 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 واحفظه.

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

   

العلامات (Tags)

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

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

   

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

• Measurement ID (معرف القياس): أدخل معرف القياس الخاص بك من GA.
• 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. قم بتسمية علامتك واحفظها.

نشر مساحة عمل GTM

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

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

دمج GTM مع Discourse

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

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

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

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

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

• Google DFP
• AdWords
• LinkedIn

روابط ذات صلة

• استخدام nonces في نصوص Google Tag Manager البرمجية
• إرسال أحداث مخصصة إلى Google Tag Manager و Analytics
• كيفية إضافة إعلانات Google التلقائية إلى Discourse عبر Google Tag Manager

[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 البرمجي بشكل صحيح؟ هل هناك شيء فاتني في عملية الإعداد أو التكامل؟