تعرض لك هذه المقالة كيفية تشغيل خدمة Google Tag Manager داخل الموقع الخاص بك.
هذه الميزة متاحة فقط باللغة الانجليزية.
تتسم هذه الخدمة بتعليمات محددة من أجل أن يعمل مدير العلامات بشكل جيد مع المواقع الخاصة بك. وهذه الخدمة ضرورية لأننا نطبق تغييرات صفحة AJAX، مما يعني أنه بصفة افتراضية لا يوجد حدث عرض صفحة يعتمد عليه مدير العلامات بعد تغيير زائر للصفحات.
إن هذه المقالة لا تتبع تعليمات Google حرفيًا، ولكن تم اختبارها وعملت بشكل صحيح. وقد تم تغيير التعليمات عن تعليمات Google للأسباب التالية:
- يطلب منك Google تثبيت الكود في الجزء <head> ضمن الموقع. هذه ممارسة سيئة بالنسبة لسرعة الصفحة لأنها ستبطئ تحميل الموقع. بسبب هذا، نضع الكود أسفل <body-end> ليتم تحميله في الترتيب الأخير.
- من الأسهل أن يتم نسخ الكود إلى مكان واحد.
إضافة Google Tag Manager
سوف تعطيك Google الأكواد المضمنة التي ستبدو كما الوراد في الأمثلة أدناه. يجب أن يتم تثبيت هذه الأكواد داخل <body-end> ضمن الموقع.
الكود التالي هو مثال فقط؛ لا تنسخه مباشرة إلى الموقع الخاص بك. الرجاء التأكد من الحصول على الكود الصحيح من Google.
قسم البرنامج النصي |
|---|
<!-- 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=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager --> |
قسم NoScript |
<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> |
إعداد Google Tag Manager
هذه الخطوة هامة للسماح بتتبع Google Tag Manager داخل الموقع الخاص بك.
بعد ذلك، يجب أن تستبدل مشغل طريقة العرض الافتراضية "كل الصفحات" بالحدث المخصص الخاص بنا. داخل مدير العلامات، يجب أن ننشئ أولاً مشغل الحدث المخصص:
- انتقل إلى Google Tag Manager وسجل الدخول.
- على اليسار، انقر على المشغلات.
- في الجانب الأيمن، انقر على الزر جديد.
- أدخل اسم المشغل في أعلى اليسار. ونحن نوصي باسم يمكن تذكره، مثل: مشغل طريقة عرض الصفحة المخصص.
- انقر على مربع تكوين المشغل المخصص وحدد الحدث المخصص.
- في مربع اسم الحدث، أدخل dPageView.
- انقر على حفظ في Tag Manager.
بعد إنشاء المشغل، نحتاج إلى تطبيقه على العلامات التي نريدها. يجب القيام بذلك لكل علامة تستخدمها في الموقع لتشغيل أحداث طرق عرض الصفحة. في هذا المثال، نحن نطبقها لعلامات Google Analytics Universal.
- في Tag Manager، انتقل إلى العلامات.
- أنشئ صفحة جديدة.
- أدخل اسم سهل التذكر.
- انقر على مربع تكوين العلامة وحدد العلامة التي تريد استخدامها. في هذه الحالة، هي Google Analytics Universal.
- بعد إعداد العلامة، انقر على المربع المشغل. اختر المشغل المخصص الذي أنشأناه تحت اسم "مشغل طريقة عرض الصفحة المخصص".
- حدد متغيرًا جديدًا.
- حدد إعدادات Google Analytics.
- اكتب معرف تتبع Google Analytics الخاص بك، واكتب اسمًا للمتغير الخاص بك بأعلى.
- حدد المتغير وانقر على حفظ.
إذا تم تطبيق مشغل "كل الصفحات" بالفعل، فيرجى حذفه. نحن بحاجة فقط إلى تشغيل المشغل المخصص.
بعد أن تجري هذه التغييرات على Tag Manager، انقر على إرسال ثم نشر لنشر التغييرات على الإعدادات المنشورة.
اعتبارات يجب أخذها في الحسبان تخص Google Tag Manager
- سيتم تشغيل هذا الكود على الموقع المنشور فقط. من الأفضل الحرص على اختباره على الإصدار المنشور.
- لقد أكملنا اختبارات مكثفة ويعمل قسم
body-end.htmlضمن وضع المطور على إضافة كود NoScript والكود الافتراضي. - الرجاء عدم تغيير إعداد 'dataLayer' من Google Tag Manager، لأن هذا سيؤدي إلى قطع التكامل المخصص.