تعرض لك هذه المقالة كيفية تشغيل خدمة Google Tag Manager داخل الموقع الخاص بك. لمعرفة كيفية إنشاء علامات GA4 في Google Tag Manager، راجع وثائق Google.
كيفية إضافة Google Tag Manager
لإضافة Google Analytics إلى الموقع الخاص بك:
في اللوحة اليمنى، انقر فوق تحسين محرك البحث والإعدادات، ثم انقر فوق علامة التبويب Google Tools (أدوات Google) .
اكتب الرقم التعريفي لـ Google Tag Manager.
اكتب Enter للتأكيد.
معرف Google Tag Manager غير صالح
هذا يعني أن معرف Google Tag Manager الخاص بك غير صالح أو يتمضن أخطاءً إملائية.
إعداد Google Tag Manager
بعد ذلك، يجب أن تستبدل مشغل طريقة العرض الافتراضية "كل الصفحات" بالحدث المخصص الخاص بنا. داخل مدير العلامات، يجب أن ننشئ أولاً مشغل الحدث المخصص:
- انتقل إلى Google Tag Manager وسجل الدخول.
- على اليسار، انقر على المشغلات.
- في الجانب الأيمن، انقر على الزر جديد.
- أدخل اسم المشغل في أعلى اليسار. ونحن نوصي باسم يمكن تذكره، مثل: مشغل طريقة عرض الصفحة المخصص.
- انقر على مربع تكوين المشغل المخصص وحدد الحدث المخصص.
- في مربع اسم الحدث، أدخل dPageView.
- انقر على حفظ في Tag Manager.
بعد إنشاء المشغل، نحتاج إلى تطبيقه على العلامات التي نريدها. يجب القيام بذلك لكل علامة تستخدمها في الموقع لتشغيل أحداث طرق عرض الصفحة. في هذا المثال، نُطبق على Google Analytics Universal ولكن Google Analytics 4 هو الإصدار الأحدث الذي نوصيك باستخدامه. للتعرّف على كيفية إنشاء المشغلات وتطبيقها على علامات GA4 في Google Tag Manager، راجع وثائق Google.
- في Tag Manager، انتقل إلى العلامات.
- أنشئ صفحة جديدة.
- أدخل اسم سهل التذكر.
- انقر على مربع تكوين العلامة وحدد العلامة التي تريد استخدامها. في هذه الحالة، هي Google Analytics Universal.
- بعد إعداد العلامة، انقر على المربع المشغل. اختر المشغل المخصص الذي أنشأناه تحت اسم "مشغل طريقة عرض الصفحة المخصص".
- حدد متغيرًا جديدًا.
- حدد إعدادات Google Analytics.
- اكتب معرف تتبع Google Analytics الخاص بك، واكتب اسمًا للمتغير الخاص بك بأعلى.
- حدد المتغير وانقر على حفظ.
بعد أن تجري هذه التغييرات على Tag Manager، انقر على إرسال ثم نشر لنشر التغييرات على الإعدادات المنشورة.
اعتبارات يجب أخذها في الحسبان تخص Google Tag Manager
- سيتم تشغيل هذا الكود على الموقع المنشور فقط. من الأفضل الحرص على اختباره على الإصدار المنشور.
- لقد أكملنا اختبارات مكثفة ويعمل قسم
body-end.html
ضمن وضع المطور على إضافة كود NoScript والكود الافتراضي. - الرجاء عدم تغيير إعداد 'dataLayer' من Google Tag Manager، لأن هذا سيؤدي إلى قطع التكامل المخصص.