screencapture tagmanager google 2020 10 04 17 38 22 1 1024x576 1

شرح اضافة كود Google Tag Manager على صفحة هبوط HTML

ماذا سنتعلم من هذا الشرح:

  1. كيفية الحصول على الكود
  2. ما هى صفحة الهبوط – Landing page؟
  3. طريقة اضافة الكود فى صفحة الهبوط

كيفية الحصول على الكود

يجب ان تعرف اولا انه يوجد نوعين من الاكواد النوع الاول وهو التاج الأساسي لل Container  وهذا يكون مثل GTM-XXXXX ويمكنك مشاهدة مثال على الصورة التالية:

tg10

وهذا الكود يمكن استخدامه فى الاضافات الجاهزة لووربريس وغيرها لربط كود جوجل تاج مانجر Google Tag Manager

أما النوع الثاني من الكود و مرفق صورة توضيحية:

tg11

هو الكود الكامل و الذي سوف نتكلم عنه فى هذا الشرح كيفية اضافته فى الموقع او صفحة الهبوط بكل سهولة ايضا. وهذا الكود ايضا تضمن الكود الاساسي مثل ما تم التوضيح فى النقطة الأولى وهو يحتوي على GTM-XXXXX مرفق ايضا صورة للتوضيح

ما هى صفحة الهبوط – Landing page؟

صفحة الهبوط – Landing Page هى الصفحة التى يتم توجيه الزوار إليها من خلال الإعلانات على مواقع التواصل الاجتماعي أو فى حالة وجود عروض على منتجات معينة من خلال متجرك الالكتروني او موقع شركتك و هدف هذه الصفحة الاساسي ان يقوم الزائر بتنفيذ الإجراء المطلوب او Call To Action من خلال هذه الصفحة  كشراء المنتج أو تسجيل البيانات للحصول على الخصم او المنتج.

طريقة اضافة الكود فى صفحة الهبوط

اولا يجب ان يكون لديك بيانات التحكم فى الملفات مثل بيانات FTP للموقع الخاص بك ومن ثم الذهاب الى ملف الموقع و الذي يسمى public_html و البحث على ملف index.html او index.php.

قم بالبحث داخل الملف على هذا الكود </head> و قم بإضافة الكود الموجود بالصندوق الأول قبل هذا التاج و بعد ذلك قم بالبحث مرة اخرى عن <body و قم باضافة الكود الموجود فى الصندوق الثاني بعد هذا التاج

لمعرفة الاكواد الموجود بالصندوق الاول و الثاني يمكنك اتباع الخطوات التالية:

اولا: الضغط على كود التاج الموجود فى الصفحة بالشكل التالي فى الصورة المرفقة

tg10

ثانيا: سوف يظهر لك الاكواد التى قمنا بالتحدث عنها بالشكل التالي فى الصورة المرفقة

tg11

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني.

انتقل إلى أعلى