كيفية تتبع و تحليل النقرات على مختلف اللينكات في موقعك الالكتروني عن طريق جوجل تاج منجر وجوجل انالتكس

تتيح أداة جوجل تاج منجر تتبع النقرات على أي عنصر من عناصر صفحة ويب .يعمل كل منGoogle Tag Manager بالتنسيق مع Google Analytics لتكوين ثنائي تحليلي , حيث تتيح أداة جوجل تاج منجر رصد وتتبع هذه النقرات يمكننا تتبع الرابط الذي تم النقرعليه ومكان ووقت حدوث النقرة. بينما يقوم جوجل أنالتكس باعطائنا نضرة تحليلية شاملة عن سياق هذه النقرات . و معرفة أي الروابط أكثر أهمية بالنسبة لزوار موقعنا الالكتروني حيث يمكننا من خلاله استقراء الدوافع والاسباب ورائها ,,وبعد ذلك يمكننا استغلال هذه المعلومات لتطوير خططنا التسويقية , و تشمل النقرات على عناصر صفحه ويب معينه الضغط على كل الروابط بما فيها الازرار والصورو جميع ال “clickable elements” في صفحة ويب  

هنالك العديد من العناصر في صفحه ويب معينه التي يمكن التفاعل معها عن طريق الضغط او النقر عليها ونحتاج كاصحاب مواقع الكترونيه الى فهم كيفبة تفاعل زوار موقعنا مع هذه النقرات والتفاعلات

تسري اعدادات تتبع رابط في النظام كاجوجل تاج مانجر نفسها على الروابط الصور والازرار و اللينكات الخارجبة  الضعط على رابط لرقم الهاتف (Clickable images and buttons) يتم تتبع هذه التفاعلات تقريبا بنفس الطريقه

لماذا يتوجب علينا كأصحاب مواقع الكترونية تتبع النقرات على الروابط ؟

لنفكر في هذا: ما هي التفاعلات الأكثر شيوعًا التي تقوم بها على أي موقع ويب؟ ستكون * على الأرجح * مشاهدات الصفحة والتمرير“scroll” والنقر“click”. يمكنك النقر فوق الروابط والأزرار للتنقل من صفحة إلى أخرى للوصول إلى هدف معين. زوار موقعنا يفعلون ذلك أيضًا.وهذا هو سبب أهمية تتبع مثل هذه التفاعلات – لفهم سلوك المستخدم / الزائر بشكل أفضل. احصل على نقرات ، وأرسل بياناتها إلى أداة (أدوات) التحليلات الخاصة بك ، مثل Google Analytics ، وقم بتحليل البيانات.

اول شيء علينا القيام به هو اعداد محفز”trigger” جديد ويعتبر بمثابه التفاعل الذي يجب ان يحدث في موقعنا من اجل ان يقوم جوجل تاج منجر بتسجيله في مايعرف بالافنت ستريم Event stream في واجهة أداة تصحيح الاخطاء gtm preview mode  (شاهد هذه المقالة لتعرف أكثر عن أداة تصحيح الاخطاء gtm preview mode ) وبعدها نقوم بارسال هذا الحدث الذي تم تسجيله عن طريق gtm الى أداة جوجل انالتكس من اجل تحليل سلوكيات الزوار الذين قامو بالضغط على هذا اللينك ,حيث ستتيح لنا كل من تاج منجر(التتبع) وبعد ذلك أداة جوجل أنالتكس (التحليل)

قم بإنشاء محفز بالضغط على trigger  ” وانقر على زر “جديد”.ادخل اسم الtrigger, علينا استخدام اصطلاح تسمية متسقً مع كل نوع من الtriggers. على سبيل المثال ، تبدأ جميع  triggers الخاصة بالنقرات (all elements  وjust links ) بـ “انقر Click  – “حدد “انقر> روابط فقط Just Links” كنوع trigger .

بالنسبه للاعدادات المتعلقه ب check validation and wait for tags  فلا نحتاج لتغييرها وسنقوم بشرحها في مقاله منفصله لاحقا (شاهدهذه المقالة التي أتحدث فيها عن “أكثر الاخطاء التي يقوم بها مستخدمو جوجل تاج منجروجوجل أنالتكس”أحدها check validation and wait for tags  )حيث تعتبر اعدادات متقدمه  

حدد “حرائق هذا المشغل عند بعض نقرات الروابط”بالنسبة لظروف التشغيل ، استخدم متغير عنوان URL  للنقر ، وأدخل نمطًا يطابق عنوان  URLالذي تريد تتبع النقرات له. إذا كنت تريد عنوان URL محددًا ، فاستخدم “يساوي”. إذا كنت ترغب في تتبع مجموعة من الروابط (مثل جميع النقرات على المدونة) ، يمكنك استخدام “يبدأ بـ” أو “يحتوي على” أو حتى تعبير عادي لمطابقة نقرات عنوان  URL المعنية.

وفي هذا المحور سنتحدث عن كيفيه تتبع النقر على الروابط عن طريق اداه التتبع الحديثة من جوجل, جوجل انالتكس 4 (اذا لم تقم بعد بتثبيت أداة جوجل انالتكس 4 في موقعك شاهد هذه المقالة )

أولاً ، سنلقي نظرة على بعض إلاملاكانات التي تتيحها الاداة الجديدة من تحليلات جوجل لتتبع أحد الانواع من النقرات يشكل اوتوماتيكي افتراضي في GA4 ، حيث تمكننا النسخه الحديثه من اداه التتبع جوجل اناليتيكس 4 من تتبع بعض الاحداث ومن بينها النقرات على الروابط  الخارجية (الروابط التي تؤدي لصفحات في موقع اخر غير موقعنا ),وذلك عن طريق وضع شفرة التتبع الخاصه بالاداة في الموقع وتفعيل خاصية القياسات المحسنة “Enhanced Measurement” في واجهة المستخدم .  ثم  سنتحدث بعد ذلك عن الأنواع الأخرى من النقرات التي سيتوجب علينا استخدام جوجل تاج منجر لتهيأتها

عند انشاء حساب جديد في Google Analytics 4 نقوم بانشاء ما يعرف بتدفق البيانات Data Stream، ويكون لدينا خيار استخدام القياس المحسّن Enhanced Measurement . إنه مصمم لمساعدة المسوقين في تتبع بعض الأحداث في التقارير دون الحاجة إلى الاستعانة بمطورين أواعدادهم عن طريق أداة Google Tag Manager ,لاعداد هذه الخاصية نذهب إلى المسؤول admin> تدفق البيانات  data stream> حدد تدفق بيانات الويب ، فستفتح النافذة التالية حيث سترى قسمًا يسمى القياس المحسن enhanced measurement.( لفهم هذه الخاصية الجديدة في جوجل انالكس4 شاهد هذه المقالة )

كل ما نحتاجه هو تمكيين “عمل enable”  لهذه الميزة من خلال واجهة المستحدم (شاهد الصورة التوضيحية ) ,ومن بين هذه التفاعلات ,تتبع التفاعل عند قيام الزائر بالنقر على رابط يؤدي الى فتح صفحة في موقع اخر مايعرف بال outbound click ”

من هذه اللحظة ، سيبدأ  Google Analytics 4 في تتبع أحداث الضغط على اللينكات الخارجية تلقائيًا وسيضهر لاحقا في التقارير في الأداة . استخدم DebugView للتحقق مما إذا تم التقاط كل شيء بشكل صحيح.

لكن السؤال الان مذا لو كنت تريد تتبع النقرات على عناصر أخرى ( غير الروابط الخارجية)؟ ، دعنا ننتقل إلى الفصل التالي

كيفية تتبع النقرات المخصصة باستخدام Google Analytics 4 ؟

لنفترض أنني أرغب بتتبع النقرات في شريط القائمة Nav menu Bar في موقعي tagslytics.com

نحتاج إلى إنشاء trigger بشروط تميز أي نقرة على أحد عناصر الموقع عن النقرات في شريط القائمة Nav menu Bar . أولاً يجب تمكيين وضع المعاينة preview mode  في جوجل تاج منجر وننقر على أي من روابط القائمة على موقعنا. بمجرد النقر على الرابط الأول ، من المفترض أن نرى حدث النقر على الرابط في الشريط الجانبي الأيسر لوضع المعاينة.

ثم بعد ذلك اضغط على تبويب المتغيرات variables (في قسم “المتغيرات المضمنة” built in variables) وقم بتمكين جميع المتغيرات المتعلقة بالنقر (شاهد الصورة).

قم بتحديث وضع المعاينة (بالنقر فوق زر معاينة preview مرة أخرى).

ثم انتقل إلى موقع الويب الخاص بك وانقر فوق أي من روابط القائمة.  ، انقرعلى اثنين منهم على الأقل. عد إلى وضع المعاينة وستبدأ في رؤية أحداث Link Click  في وضع المعاينة. انقر على أحد عناصر القائمة من nav menu bar وانتقل إلى علامة تبويب المتغيرات variables في وضع المعاينة.

أبحث حاليًا عن بعض  variables”’  المتغيرات” التي يمكنني استخدامها لتمييز النقر فوق احد روابط القائمة . لا أريد تفعييل (عمل firing) لتاج خاص ب”event حدث” في GA4 عند النقر على أي رابط في الموقع. أريد تفععيله على وجه التحديد عند النقر على أحد عناصر القائمة.

بعد إلقاء نظرة فاحصة ، أرى أن كلا الرابطين يحتويان على نفس قيمة ال  click class والتي تساوي” elementor-item” وهي نفس القييمة اذا قمت بالنقر على جمييع عناصر القائمة “Navbar menu” (فقط وحصرا عندما نضغط على لينك في أحد عناصر القائمة من nav menu bar ستساوي قيمة ال  click class ” elementor-item ) وعند الضغط على اي من اللينكات الأخرى في الموقع فلن تساوي هذه القيمة ” elementor-item” ساقوم باستخدام هذه القيمة value لأقوم بعمل firing لهذا ال ( trigger ) الخاص بتتبع تفاعلات الضغط (link click) على” شريط القائمة “Nav menu Bar “

ثم نقوم باختيار نوع ال trigger “المحفز” وهو just links “النقر على اللينكات”

سنضغط على حفض save  وبذلك نكون قد انتهينا من انشاء الtrigger  

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

انتقل إلى العلامات tags> جديد New > سنقوم باختيار تاج GA 4  , ثم ندخل اسم الحدث (سيضهر هذا الحدث في التقارير في جوجل انالتكس 4 لذلك علنا الحرص على اعطائه اسم يوصف هذا الحدث ,في مثالنا سنعطيه اسم” nav menu click”)

الحدث الذي سنرسله الى جوجل أنالتكس عندما يتم النقر على اي من اللينكات في قائمه nav menu bar ,فمن أجل ان نعرف  المزيد من البيانات حول حدث معين في جوجل انالتكس 4 نقوم بانشاء مايعرف ب event parameters ,

في هذا المثال البيانات الاضافية التي قد نرغب بمشاهدتها في تقارير جوجل انالتكس 4

قد أرغب في معرفه اي من عناصر هذه القائمه الذي يتم الضغط عليه تحديدا ,في موقعي الالكتروني لدي أربعه عناصر في القائمه nav menu bar احدى هذين العنصرين هما جوجل انالتكس وجوجل تاج منجر وأريد فهم كصاحب هذا الموقع هل زوار موقعي أكثر اهتماما بالمواضيع حول جوجل انالتكس أو جوجل تاج منجر ,فستمكنني خاصية الevent parameters من الاجابة عن هذا السؤال

ولارسال هذه المعلومات عند انشائنا للحدث event سنقوم بتوسيع قسم ”  event parameters “معلمات الحدث” ثم ننقر فوق إضافة صف”

ولارسال هذه المعلومات عند انشائنا للحدث event سنقوم بتوسيع قسم ”  event parameters “معلمات الحدث” ثم ننقر فوق إضافة صف” add row”.

أدخل اسم الparameter الأولى. في حالتي ، هذا هو navbar_element_url. في حقل القيمة ، سأقوم بإدخال متغير يقوم بإرجاع عنوان URL تم النقر عليه. لحسن الحظ ، يقدم GTM بالفعل مثل هذا المتغير ، ويسمى Click URL. انقر فوق الزر “إدراج متغير” ثم حدد المتغير {{Click URL}}.دعونا نضيف معلمة أخرى ، navbar_element_name. لهذا الغرض ، تقدم GTM متغيرًا مضمّنًا آخر ، {{Click Text}}. أدخله أيضًا. نظرًا لأنه يمكن لزوار موقع الويب الخاص بك ترجمة صفحتك ، ستتغير قيمة {{Click Text}} أيضًا ، وبالتالي سترى قائمة أكثر تنوعًا للقيم المجمعة في تقارير GA4 الخاصة بك.

في حالة اذا كنا نريد معرفة المزيد من المعلومات حول حدث معين يمكننا إنشاء المزيد من “ال “Parameters”،. يمكننا انشاء ما يصل إلى 25 “parameter” لكل حدث

نقوم بتعيين الjust link trigger الذي قمنا بانشائه الخاص بالنقر على أحد عناصر قائمة الnavbar menu  الذي قمنا بإنشاؤه مسبقًا إلى tag جوجل انالتكس 4.بعدها نقوم بحفض هذا الوسم

 ثم سنقوم بتجربة ومعاينة هذه الاعدادات وذلك عن طريق تحديث وضع المعاينة ال preview mode في جوجل تاج منجر وننقر فوق اثنين من عناصر القائمة . ثم نرجع إلى وضع المعاينة وننقر على حدث link click ونتحقق مما إذا كان الtag  الخاص بجوجل انالتكس 4 يقوم بعمل firing عندالنقر على أحد لينكات عناصر قائمة الnavbar menu

الآن ، ستحتاج إلى الانتقال إلى Google Analytics 4 للتحقق من صحة الاعدادات التي قمنا بها وتحديدا عند أداة DebugView الذي يمثل وضع المعاينة في جوجل انالتكس 4

(تنويه : لايجب علينا الخلط بين وضع المعاينة والتصحيح debugview في جوجل أنالتكس 4, وبين وضع المعاينة preview mode في أداة جوجل تاج منجر).

هام : على الرغم من أننا سنرى ال”parameters” في تقارير الوقت الفعلي و DebugView في  GA4 ، فلن يمكننا رؤيتها في تقارير GA4 الأخرى مثل تقارير استكشاف مسار التحويل ، والنموذج المجاني free form ، و كذلك عند الاطلاع على بطاقات التقارير الخاصة بهم والتي تضهر في واجهة المستخدم في الأداة  ما لم نقم بتسجيلها  كأبعاد أو تعريفات مخصصة “custom definitions”في Google Analytics 4

طريقة تسجيل ال parameters كأبعاد مخصصة في Google Analytics 4

انتقل إلى تكوين configure> تعريفات مخصصة Custom Definitions > وبعد ذلك نقوم بادخال البراميترز (كما أشرنا سابقا سنسجل البيانات الاضافية عندما يقوم زائر بالنقر على “الحدث الذي  اعددناه وهو الضغط على أحد عناصر القائمة وكما أشرنا سابقا نريد مثلا معرفة رابط الصفحة التي ثم منها النقر, ونريد كذلك معرفة اسم العنصر تحديدا الذي تم النقر عليه )

انقر فوق الزر إنشاء أبعاد مخصصة “Create custom dimensions” ثم أدخل:اسم الباراميطر. يمكنك إدخال اي اسم تريد وسيتم عرضها في تقاريرنا. يمكننا تسميته navbar_element_url” على سبيل المثال .ثم بعدها سنقوم باختيار ال scope  وسنختار event . ثم سنقوم بادخال البراميطر الخاص بالحدث ,هذا هو المكان الذي يجب علينا إدخال الاسم بالضبط كما أدخلناه عند أعدادنا لtag  في جوجل تاج منجر, إذا كان اسم الباراميطر الخاص بك navbar_element_url ، فيجب عليك إدخاله هنا دون أي زيادة أو نقصان في أي من حروف الاسم .

ثم قم بتسجيل المعامل الثاني () واحفظه. بالمناسبة ، أستخدم أحيانًا الكلمتين “معلمة مخصصة” و “بُعد مخصص” بالتبادل. بشكل عام ، يتم تجميع كل من المقاييس المخصصة والأبعاد المخصصة كمعلمات مخصصة.و الان ننتظر. في غضون الـ 24 ساعة القادمة ، ستبدأ المعلمات المخصصة في الظهور في تقارير Google Analytics 4.

ونقوم بعدها بتسجيل الباراميطر الثاني في حالتي ، كان “menu_item_name ” ونضغط على حفض “save”,

بعد ان انتهينا من كل الاعدادات حان الوقت لنقوم باختبارها ,ويعتبر تقرير ال  “debugview ” في جوجل أنالتكس 4 الميزة والتقرير الاساسي المصمم لاختبار وتصحيح أخطاء الاعدادات في أداه جوجل اناليتيكس اربعة,ويمكننا العثور عليه بالانتقال الى تقرير”تكوين configure “> ثم في الجانب الايسر من واجهه الأداة نضغط على debugview

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

في هدا المثال سنقوم بتتبع النقرات على رابط “من نحن” في موقعنا

حيث سنحتاج لاستخدام نفس المتغير “trigger”الذي أعددناه لارسال البيانات لجوجل أنالتكس 4

بعد ذلك سنقوم بانشاء” وسم tag جديد ” والذي نرغب من خلاله تحليل تفاعلات الضغط على هذا الرابط في جوجل أناليتيكس (اصدار اليونفرسال)

بحيث يتم تسجيل كل نقرة على هذا الزر كحدث event في جوجل اناليتيكس

لارسال هذه البيانات الى نسخة جوجل اناليتيكس يونيفرسال (شاهد هذه المقالة لتعرف كيفية تثبيت جوجل أنالتكس يونفرسال في موقعك )

أنشئ الوسم “Tag” سنذهب لتبويب الtags “العلامات ” ثم سننقر على الزر”جديد”.ونقوم بتسمية الtag . امن المفضل عند تسمية الtags” تضميين نوع ال tag. على سبيل المثال ، نبدأ جميع علامات Google Analytics  عند انشائها في جوجل تاج منجر بـ  “  GA – … , وبعد تسمية العلامة ”tag , نقوم باختيار المحفز “trigger ” ننقر فوق قسم “ال trigger” أسفل الصفحة ونحدد trigger الذي أنشأناه سابقا .أنقر على “تكوين العلامة> Google Analytics: Universal Analytics” حدد الحدث باعتباره “نوع المسار” – سيؤدي هذا إلى إنشاء حدث في Google Analytics  عند النقر فوق عنوان URL المعني.بالنسبة لparameters “معلمات” تتبع الأحداث ، يعتمد الأمر حقًا على المعلومات التي تريد ارسالها ومشاهدتها في التقارير في الأداة ، وكيف تريد تنظيمها. أفضل استخدام لحقل “category الفئة” هو تنظيم أنواع الأحداث المختلفة. في هذا المثال ، دعنا ندخل “نقرات الرابط” على أنها فئة الحدث حتى نتمكن من عرض جميع بيانات النقر على الرابط المختلفة في مكان واحد في  Google Analytics. ، أدخل {{Click URL}} بالنسبة للتسمية ، أدخل page path {{مسار الصفحة}} . سيسمح لك هذا بربط نقطتي البيانات معًا داخل Google Analytics: 1.) عنوان URL الذي تم النقر عليه ، و 2) عنوان URL الذي كان المستخدم عليه عند النقر.

يجب أن نتأكد من ادخال شفرة التتبع الخاصة بحساب “بروبرتي “جوجل أنالتكس الذي نرغب بارسال هذه البيانات له توجد في الاعدادات الخاصة بالtag حيث يتوجب علينا تفعييل خيار ” Enable overriding settings in this tag ” ثم نقوم بادخال شفرة التتبع الخاصة بحساب أو مايسمى بالبروبرتي في جوجل أنالتكس يونفرسال وهي عبارة عن كود مكون من 10 أرقام يبدأ بـ “UA-” .

(لانشاء حساب خاص باليونفرسال أنالتكس وكذلك معرفة طريقة اضاقة شقرة التتيع الخاصة بها شاهد هذه المقالة “) أو يمكننا كذلك اضافتها على شكل متغير “variable” عند اضافة الtag الخاص بpage view أو الtag الخاص بال event “الأحداث ” في جوجل تاج منجر

إذا كنت ترغب في تتبع النقرات على جميع الروابط الخارجية ، فسيتعين عليك إجراء تغيير في قسم إنشاء الtrigger. بدلاً من تضمين أنماط عناوين  URL محددة ، يمكنك استبعاد الدومين “اسم نطاقك” لاستهداف جميع الروابط الخارجية