اتّبِع هذه الخطوات لتثبيت مقتطفات الرمز اللازمة لحاوية موقعك الإلكتروني على أداة Google Tag Manager. للحصول على خطوات مماثلة من أجل إعداد أداة "إدارة العلامات من Google" لأنواع أخرى من الحاويات، يمكنك الانتقال إلى المَراجع التالية:
- iOS: أداة Google Tag Manager لنظام التشغيل iOS
- Android: أداة Google Tag Manager لنظام التشغيل Android
- AMP: دليل إعداد علامة AMP وأداة Google Tag Manager
- الخادم: أداة Google Tag Manager من جهة الخادم
قبل البدء
- يجب إنشاء حساب وحاوية على أداة Google Tag Manager.
- يجب أن يكون بإمكانك الوصول إلى الرمز الخاص بموقعك الإلكتروني.
الخطوات
- انتقِل إلى https://tagmanager.google.com.
- سجِّل الدخول إلى حسابك على Google. كيفية إنشاء حساب على Google
- افتح حاوية "إدارة العلامات من Google" التي تريد تعديلها.
- في علامة التبويب مساحة العمل، اختَر رقم تعريف الحاوية (الذي يبدأ بـ "GTM").
- في مربّع الحوار تثبيت أداة Google Tag Manager، اتّبِع هذه الخطوات لكل صفحة في موقعك الإلكتروني:
ملاحظة: إذا تم إنشاء موقعك الإلكتروني باستخدام إحدى أدوات إنشاء المواقع الإلكترونية أو أحد أنظمة إدارة المحتوى (CMS) مثل Wordpress أو Shopify أو Wix، يمكنك إعداد "علامة التتبّع من Google" من خلال عملية دمج لا تتطلّب منك تعديل الرمز في كل صفحة من صفحات موقعك الإلكتروني. كيفية تثبيت "علامة التتبّع من Google" باستخدام إحدى أدوات إنشاء المواقع الإلكترونية أو أحد أنظمة إدارة المحتوى.
- انسخ المجموعة الأولى من الرمز والصِقها في أعلى علامة
<head>قدر الإمكان.مثال
في نموذج رمز HTML التالي، ألصِق مقتطف الرمز الأول لأداة Google Tag Manager بعد علامة HTML المتعلقة بالبداية <head>. نستخدم في المثال التالي "GTM-ABCDEFGH"، ولكن يجب استبدال رقم التعريف برقم تعريف الحاوية الخاص بك.<!DOCTYPE html>
<html lang="en">
<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=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>مثال لصفحة ويب</title>
</head>
<body>
<!-- Content of your website -->
<h1>مرحبًا بك في موقعي الإلكتروني</h1>
<p>هذا نموذج لفقرة في صفحتي على الويب.</p>
</body>
</html> - انسخ المجموعة الثانية من الرمز وألصِقها مباشرةً بعد علامة البداية
<body>.مثال
في نموذج رمز HTML التالي، ألصِق مقتطف الرمز الثاني لأداة Google Tag Manager مباشرةً بعد علامة HTML المتعلقة بالبداية <body>. نستخدم في المثال التالي "GTM-ABCDEFGH"، ولكن يجب استبدال رقم التعريف برقم تعريف الحاوية الخاص بك.<!DOCTYPE html>
<html lang="en">
<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=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>مثال لصفحة ويب</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Content of your website -->
<h1>مرحبًا بك في موقعي الإلكتروني</h1>
<p>هذا نموذج لفقرة على صفحتي على الويب.</p>
</body>
</html> - اختبِر موقعك الإلكتروني عن طريق إدخال رابط موقعك الإلكتروني، ثم النقر على اختبار.
- انسخ المجموعة الأولى من الرمز والصِقها في أعلى علامة
- انقر على حسنًا.
الخطوات التالية
استخدِم أداة Google Tag Manager لإعداد العلامات وإدارتها.