ماهو جوجل تاج منجر وكيف يمكن لأصحاب المواقع الالكترونية الاستفادة منه

تعتبر جوجل تاج منجر أداة مجانية تساعد فى اضافة الاكواد البرمجية “التاجات او البيكسلات” الى الموقع الالكترونية والهدف من اضافة هذه التاجات الى المواقع الالكترونية اتاحة امكانية ارسال بيانات مهمة متعلقة بالمواقع الالكترونية الى الأدوات التسويقية كجوجل انالتكس ,الفيسبوك ادس ,جوجل ادس وغيرها العشرات من الادوات التسويقية الاخرى

يستخدم جوجل تاج منجر نظام غير متزامن في ادارة الوسومات  ” asynchronous ” عند قرائته وتشغيله لمختلف الاكواد البرمجية الخاصة بمختلف الأدوات التسويقية بمعنى ان  الكود البرمجي الخاص بجوجل تاج منجر,والذي سنتحدث عن كيفية اضافته لموقعنا لندير من خلاله باقي الاكواد الخاصة بأدوات التسويق والتتبع على الانترنت ويسمى الحاوية Container التي تضم كل التاجات الذي نقوم باضافتها الى الموقع ويتم عمل firing لهذه العلامات أو الوسومات في نفس الوقت مما يؤدي لعدم تأثير اي من الاكواد البرمجية على تحميل الكود البرمجي اللاحق في صفحة ويب معينة ,وبالتالي سيتم تحسين سرعة تحميل صفحات الموقع وهو أمربالغ الاهمية في تحسين تجربة العميل ومؤشر مهم لتهيئة محركات البحث SEO ,

اصبح الاعتماد حاليا في التسويق الالكتروني بشكل اكبر على أدوات تسويقية مختلفة للاعلانات و التتبع وغيره من الاستراجيات التسويقية التي يفرضها التسويق الالكتروني في العصر الحالي ,قد يكون موقعك واستراتيجيتك التسويقية تستدعي استخدام أذاة او اذاتين تسويقيتين في هذه الحالة قد لاتحتاج الى استعمال اداة جوجل تاج منجر (قد يكون هنالك استثناءات فعند استعمال بعض الادوات التسويقية على سبيل المثال جوجل انالتكس حتى ان كان هو الtag الوحيد الذي نرغب في استخدامه في موقعنا فسنحتاج الى ارسال بيانات مهمة اضافية تساعدنا في قياس وتتبع موقعنا الالكتروني ك الاحداث المخصصة (سنتحدث عن مثال للاحداث في هذه المقالة )ومايعرف ب Custom definitions  الكستم ديفنشنز وتقارير التجارة الالكترونية المحسنة الenhaced ecommerce  وغيرها)  ولارسال هده البيانات الى جوجل انالتكس سنحتاج لاحدى الطريقتين الاولى عن طريق الاستعانة بمبرمج يقوم باضافة اكواد برمجية لاحد صفحات موقعنا الالكتروني او الطريقة الثانية عن طريق اداة لادارة الوسومات مايعرف بtag management system  او اختصارا ب TMS  , وتعتبر أداة جوجل تاج منجر افضل واشهر هذه الادوات وهي أذاة مجانية لادارة الوسومات من شركة جوجل

وفي حالة اذا كان لدينا موقع الكتروني ونرغب باستخدام اكثر من اداة للتسويق والتتبع فسيكون استخدام اداة جوجل تاج منجر أمرا في غاية الأهمية ,ومن اجل البدئ في استخدامها نحتاج الى اضافة مايسمى بالكنتينر  Container وهو عبارة عن كود برمجي بلغة الجافاسكريبت يتم اضافته الى HEAD  في كل صفخات الموقع ,يمثل هذا الكود حاوية تحتوي جميع الاكواد او الوسومات المتعلقة بكل الأدوات التسويقية التي نرغب باضافتها لموقعنا , فمن خلال اضافة هذا الكود الخاص بجوجل تاج منجر سنتمكن من اضافة الاكواد التسويقية فقط من خلال واجهة المستخدم لاداة جوجل تاج منجر دون الحاجة الى اضافة هذه الأكواد في كود الموقع

من بين كذلك الميزات التي توفرها الأداة وضع المعاينة وتصحيح الأخطاء بحيث يتيح لنا امكانية تجربة واختبار الاكواد البرمجية قبل ان نقوم بتشغيلها بشكل نهائي في الموقع ولكل الزوار, يمكننا جوجل تاج منجر من تصفح موقع يحتوي على كود برمجي لأداة تسويقية معينة تمت اضافته لأداة جوجل تاج منجر لمشاهدة كيفية عمل هذه الخاصية شاهد هذه المقالة

الtags أو العلامات او الوسومات في جوجل تاج منجر

قبل ان نأتي لتعريف العلامات في جوجل تاج منجر علينا أولا تعريف مفرد مرتبط دائما بالعلامات في جوجل تاج منجر وهو firing لل “علامات أو الوسومات ” ويقصد به عملية جمع وسم خاص بأحد الادوات التسويقية للبيانات من موقع الكتروني يحتوي على شفرة هذا الوسم وبعد ذلك ارسال البيانات التي يتم جمعها للأداة التسويقية

العلامات هي الاكواد البرمجية أو بكسلات التتبع التي تمنحها مختلف الادوات التسويقية لأصحاب المواقع .من الأمثلة على العلامات الشائعة ضمن برنامج جوجل تاج منجر ما يلي :

•رمز تتبع  Google Analytics universal ورمز تتبع  GA4 

•كود  Adwords لتجديد النشاط التسويقي اعادة الاساهداف “Remarketing tag”  

•شفرة تتبع  , CrazyEgg Heatmap، Hotjar إلخ …)

•بكسل الفيسبوك

•اكواد ال  HTML المخصصة 

•Cookiebot  ونصوص خصوصية بيانات  GDPR الأخرى

ال triggers أو المحفزات

وهي عباره عن تفاعلات معينه تحدث في موقعنا والتي نريد من خلالها اوعند حدوثها ارسال او عمل فايرلTAG  معين ,بعض الامثلة على هذه التفاعلات : pageviews  مشاهدة كل صفحات الموقع مثال على هذا الtrigger  الذي يقوم بعمل firing  لكود جوجل انالتكس باصداريه اليونفرسال والاربعة ,حيث يضهر لنا في واجهة التقارير في جوجل انالتكس الصفحات التي قام المستحدمون بزيارتها,

من بين التفاعلات الاخرى كذلك عندما يقوم زائر بالضغط على احد اللينكات في الموقع ,حيث يمكننا عمل firing ل tag  معين , مثلا اذا كنا نرغب في تتبع اي من المستخدمين يقوم بالضغط على لينك خارجي (لينك يؤدي الى خروج الزائر من موقعنا ) في هذه الحالة سنقوم باختيار trigger خاص ب just link (شاهد الصورة)

وسيقوم هذ الtrigger  بعمل firing  لأحد الادوات التسويقية وكمثال سنستخدم وسم جوجل انالتكس حيث سنرغب بارسال البيانات لجوجل انالتكس على شكل events  اي “احداث” (شاهد هذه المقالة التي تتجدث عن الاحداث هنا) فعند ضغط احد المستخدمين على لينك خارجي (بمعنى قيام هذا الزائر بتفعيل هذا الtrigger ) سنشاهد في اداة جوجل انالتكس معلومات اضافيه عن اللينك الذي قام بالضغط عليه الزائر وفي اي من صفحات الموقع يوجد هذا اللينك واسم الموقع الخارجي الذي قام الزائر بالذهاب اليه بعد الضغط على هذا اللينك

ومن بين كذلك هذه التفاعلات التي تنتج عنها عمل firing للادوات التسويقية في اداة وسومات جوجل تاج منجر, بعض الاحداث التي يسجلها متصفح الزائر عندما يتم تحميل الصفحه  التي تحتوي على كود جوجل تاج منجر,ومن بين هذه الاحداث dom ready  و window loaded  , فقد يتطلب منا بعض الاحيان من اجل ان نعمل firing  لاحد التاجات تحديد احد مراحل تحميل صفحة ويب معينة من طرف متصفح الزائر التي تعرف ب dom ready  و window loaded  

 وسنشرح بشكل مفصل في مقالات قادمة ماهو الدوم لنفهم اكثر هذه الاحداث , ويمكننا كذلك تحديد احداث مخصصة عند حدوث اي منها نقوم بعمل  firing لتاج معين وسنذكر بعض الامثلة عليها في احد المقالات او الفيديوهات القادمة في فناتنا على اليوتيوب

وتجدر الاشارة الى انه يمكننا استعمال هذه ال triggers مع مختلف الادوات التسويقية الاخرى

مثال ل trigger خاص بكل صفحات الموقع All pages trigger سيقوم بعمل firing لل tag الخاص بالأنالتكس

سنقوم باضافة Tag جديد

ثم ستضهر لنا مجموعة من الوسومات الخاصة بمحتلف ادوات الماركتنغ والانالتكس سنقوم بالضغط على tag configuration ثم نختار google analytics : GA4 configuration

بعد اختيار وسم جوجل انالتكس 4 سنضهر اعدادات خاصة بانشاء هذا التاج حيث سنقوم بادخال رمز معرف القياس Measurement ID 

وهو الكود الذي يعطينا جوجل انالتكس عند انشاء data stream , ثم نقوم بتسمية هذا التاج مثلا GA configuration وبعد دلك نقوم

باختيار triggering ونختار all pages (حيث يمثل ال triggering التفاعل الذي يجب ان يحدث من اجل ان يتم عمل firing ل tag معين بمعنى أي من صفحات الموقع يجب ان تتم زيارتها عمل firing ل tag , في هذا المثال من أجل ارسال البيانات ل tag جوجل انالتكس يجب اختيار all pages وبذلك سيقوم جوجل انالتكس بتتبع كل تفاعلات الزوار في كل صفحات الموقع

المتغيرات “ال variables ” في جوجل تاج منجر

المتغيرات عباره عن قيم attributes تقوم بفلترة التفاعلات التي يقوم بها زائر معين عند تفاعله مع احد عناصر صفحه ويب في الموقع , كما اشرنا سابقا هذا التفاعل يمكن ان  يكون ضغط على رابط معين أو مشاهدة مقطع فيديو مدمج في احد صفحات موقعنا او قيام الزائر بعمل scroll او ملأ استمارة نموذج وغيرها من التفاعلات ,لنفهم طريقة عمل المتغيرات سنعطي مثال عندما يقوم زائر بملأ استمارة (هذا المثال ينطبق على جميع التفاعلات الأخرى) فعندما نريد تتبع هذا التفاعل وعملfiring  لأحد الوسومات عندما يتم ملأها ,كما أشرنا سابقا سنقوم باختيار ال`trigger الذي سيقوم بتحديد التفاعل عند حدوثه

بعد اختيار نوع التفاعل هنا يأتي دور المتغيرات variables, حيث تقوم بتحديد احد خصائص الtriggers  , ففي هذا المثال قمنا باختيارال form submission وسنقوم بتحديد احد خصائصه , تحدد هذه الخصائص التفاعل الذي يقوم به الزائر دون سواه من التفاعلات المشابهة له (يعمل هذا الvariable كفلتر يقوم بفلترة جميع التفاعلات من نفس النوع في صفحة ويب وبعد ذلك يتم استخدامه من طرف ال trigger ) ,نعطي مثال مثلا ال form ID  اذا كان لدينا اكثر من نموذج اتصال في صفحة واحدة فسنحتاج الى القيام ب firing لtag معين عند حدوث تفاعل محدد (trigger) وهذا التفاعل المحدد هو عندما تكون قيمة المتغير “variable” تساوي قيمة محددة , سنتحدث بشكل اعمق عن كيفية استخدام هذه المتغيرات في مقال مخصص
تنويه : يتم كذلك استعمال المتغيرات variables كقيم “values في العلامات tags ، تُستخدم المتغيرات لالتقاط القيم الديناميكية (على سبيل المثال: تمرير قيمة المعاملة transaction value  ومعرف المنتج ال Product ID إلى ال  TAG الخاص بالتحويل “google conversion tracking ” ).

كيفية انشاء حساب في Google Tag Manager

للبدء باستخدام Google tag manager ندخل إلى الرابط التالي ، فتظهر أمامنا هذه الصفحة

ننقر على  start for free فتظهر أمامنا النافذة التالية :

في هذه الصفحة نقوم بكتابة اسم الموقع الذي نرغب بإدارة الـ Tags فيه و اختيار موقع ويب WEB ، بعدها نضغط على انشاء Create