اتّبِع هذه الخطوات لتثبيت مقتطفات الرمز اللازمة لحاوية موقعك الإلكتروني على أداة "إدارة العلامات من Google". للحصول على خطوات مماثلة من أجل إعداد أداة "إدارة العلامات من Google" لأنواع أخرى من الحاويات، يمكنك الانتقال إلى المَراجع التالية:
- iOS: "إدارة العلامات من Google" لنظام التشغيل iOS
- Android: "إدارة العلامات من Google" لنظام التشغيل Android
- AMP: دليل إعداد علامة AMP وأداة "إدارة العلامات من Google"
- الخادم: "إدارة العلامات من Google" من جهة الخادم
قبل البدء
- يجب إنشاء حساب وحاوية على أداة "إدارة العلامات من Google".
- يجب أن يكون بإمكانك الوصول إلى الرمز الخاص بموقعك الإلكتروني.
الخطوات
- انتقِل إلى https://tagmanager.google.com.
- سجِّل الدخول إلى حسابك على Google. كيفية إنشاء حساب على Google
- افتح حاوية "إدارة العلامات من Google" التي تريد تعديلها.
- في علامة التبويب مساحة العمل، اختَر رقم تعريف الحاوية (الذي يبدأ بـ "GTM").
- في مربّع الحوار تثبيت "إدارة العلامات من Google"، اتّبِع هذه الخطوات لكل صفحة في موقعك الإلكتروني:
ملاحظة: إذا تم إنشاء موقعك الإلكتروني باستخدام إحدى أدوات إنشاء المواقع الإلكترونية أو أحد أنظمة إدارة المحتوى (CMS) مثل Wordpress أو Shopify أو Wix، يمكنك إعداد "علامة Google" من خلال عملية دمج لا تتطلّب منك تعديل الرمز في كل صفحة من صفحات موقعك الإلكتروني. كيفية تثبيت "علامة Google" باستخدام إحدى أدوات إنشاء المواقع الإلكترونية أو أحد أنظمة إدارة المحتوى.
- انسخ المجموعة الأولى من الرمز والصِقها في أعلى علامة
<head>قدر الإمكان.مثال
في نموذج رمز HTML التالي، ألصِق مقتطف الرمز الأول لأداة "إدارة العلامات من Google" بعد علامة 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" مباشرةً بعد علامة 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" لإعداد العلامات وإدارتها.