قياس أداء التطبيقات ذات الصفحة الواحدة باستخدام أداة "إدارة العلامات من Google"

يوضّح لك هذا الدليل التعليمي كيفية إعداد قياس "إحصاءات Google" لتطبيق من صفحة واحدة باستخدام أداة "إدارة العلامات من Google". ستتعلّم كيفية إعداد موقعك على "إحصاءات Google"، وتفعيل متغيرات "إدارة العلامات من Google" اللازمة، وإنشاء علامات يتم تشغيلها عند حدوث تغييرات في السجلّ.

قبل البدء

يفترض هذا البرنامج التعليمي أنّ لديك ما يلي:

• حساب وموقع على "إحصاءات Google"
• حاوية "إدارة العلامات من Google" مثبَّتة على تطبيقك ذي الصفحة الواحدة
• دور المحرِّر (أو دور أعلى) لكلّ من "إحصاءات Google" وGoogle Tag Manager

الخطوة 1: إعداد مصدر بيانات "إحصاءات Google‏ 4"

لتتبُّع أحداث page_view يدويًا في صفحة SPA، عليك أولاً إيقاف مرات مشاهدة الصفحة التلقائية المستندة إلى السجلّ في "إحصاءات Google‏ 4" لتجنُّب احتسابها مرّتين.

1. افتَح حسابك على "إحصاءات Google".
2. في قسم المشرف، ضِمن جمع البيانات وتعديلها، انقر على مصادر البيانات.
3. اختَر مصدر بيانات موقعك الإلكتروني.
4. ضمن القياس المحسّن، انقر على رمز الإعدادات .
5. ضمن مرات مشاهدة الصفحة على الويب > عرض الإعدادات المتقدّمة، ألغِ تحديد تغييرات الصفحة استنادًا إلى أحداث سجلّ التصفُّح.
6. انقر على حفظ.

الخطوة 2: تفعيل متغيّرات "السجلّ" المضمّنة في أداة "إدارة العلامات من Google"

لاستخدام مشغّلات أو متغيّرات مستندة إلى السجلّ في Google Tag Manager، عليك أولاً تفعيل متغيّرات السجلّ المضمّنة.

1. افتح حسابك على Google Tag Manager.
2. في مساحة العمل، انتقِل إلى المتغيّرات.
3. ضمن المتغيرات المضمّنة، انقر على ضبط.
4. في قسم السجلّ، فعِّل المتغيّرات التالية:
   • History New URL Fragment
   • History Old URL Fragment
   • History New State
   • History Old State
   • History Source
5. أغلِق لوحة الإعدادات.

ملاحظة: لا يُشترط استخدام هذه المتغيّرات لإعداد عرض مشاهدة صفحة على الويب الأساسي. لا يتم استخدامها إلا إذا كنت تريد فلترة المشغّل أو تنفيذ منطق مخصّص، مثل منطق الصفحة السابقة المذكور في الملاحظة النهائية من هذه الصفحة.

ملاحظة: قد تشير بعض المستندات القديمة إلى Old History URL أو New History URL. هذه ليست متغيّرات مضمّنة عادية. يُرجى استخدام المتغيّرات المدرَجة بدلاً من ذلك.

الخطوة 3: إنشاء مشغّل "تغيير السجلّ"

بعد ذلك، أنشِئ مشغّلاً يتم تفعيله كلما وقع حدث تغيير في السجلّ (مثل pushState أو replaceState) في تطبيقك ذي الصفحة الواحدة.

1. في مساحة العمل بحسابك على أداة Tag Manager، انتقِل إلى قائمة العوامل المشغِّلة.
2. انقر على جديد.
3. في إعدادات المشغّل، اختَر المشغّل تغيير السجلّ.
4. (اختياري) إذا كنت تريد تتبُّع تغييرات معيّنة في الشاشة فقط، عدِّل المشغّل ليتم تنشيطه عند حدوث بعض التغييرات في السجلّ.
5. أدخِل اسمًا للمشغّل (مثل "تغيير السجلّ") وانقر على حفظ.

الخطوة 4: إنشاء "علامة تتبُّع من Google"

الآن، أنشئ علامة تتبُّع من Google تعدّل المَعلمة page_location كلّما حدث تغيير في السجلّ.

1. في قائمة العلامات، انقر على جديدة.
2. في إعدادات العلامة، اختَر علامة تتبُّع من Google.
3. أدخِل معرّف العلامة (المعرّف نفسه المستخدَم في "علامة التتبّع من Google" الأولية).

4. ضمن إعدادات الضبط، أضِف المَعلمات التالية:

   • page_location: {{Page URL}}
   • page_title: {{Page Title}}
   • update: true
   ملاحظة: تدمج المَعلمة update قيم الإعدادات في إعدادات العلامة الحالية وتمنع حدوث حدث page_view مكرّر فوري. لا يتم تضمين page_referrer هنا لأنّ "إحصاءات Google" تتتبّع تلقائيًا الموقع الإحالي الخارجي الأصلي عند تحميل الصفحة الأوّلي، ويسمح حذفها لخدمة "إحصاءات Google" بتعبئة عنوان URL السابق للصفحة الافتراضية تلقائيًا كموقع إحالي لمسار التنقّل في تقاريرك.

5. أدخِل اسمًا للعلامة (على سبيل المثال، "علامة Google - تعديل صفحة SPA") وانقر على حفظ.

   ملاحظة: لا تُضِف مشغّلاً في قسم التشغيل لعلامة تتبُّع من Google هذه، لأنّه يتم تشغيلها كعلامة إعداد باستخدام تسلسل علامات التتبُّع في الخطوة 5.

الخطوة 5: إرسال حدث page_view الافتراضي

أخيرًا، أنشئ علامة حدث في "إحصاءات Google‏ 4" لإرسال حدث page_view الفعلي لكل عملية تحميل صفحة افتراضية.

1. انقر على جديدة في قائمة العلامات.
2. في إعدادات العلامة، اختَر "إحصاءات Google": حدث "إحصاءات Google‏ 4".
3. أدخِل رقم تعريف القياس.
4. اضبط اسم الحدث على page_view.
5. ضمن الإعدادات المتقدّمة > تتابع العلامات، اختَر تنشيط علامة قبل تنشيط "حدث في إحصاءات Google‏ 4 - مشاهدة صفحة افتراضية"، ثمّ اختَر علامة علامة Google - تعديل صفحة SPA التي أنشأتها في الخطوة 4.
6. ضمن التشغيل، اختَر العامل المشغّل تغيير السجلّ الذي أنشأته في الخطوة 3.
7. أدخِل اسمًا للعلامة (مثلاً، "حدث إحصاءات Google‏ 4 - مشاهدة صفحة افتراضية") وانقر على حفظ.

الخطوة 6: التحقّق من عملية الإعداد

لضمان تسجيل مرات مشاهدة الصفحة الافتراضية بشكلٍ صحيح، اتّبِع الخطوات التالية:

1. في Tag Manager، انقر على معاينة للدخول إلى وضع المعاينة.
2. تنقَّل في تطبيق الصفحة الواحدة.
3. في DebugView في "إحصاءات Google"، تأكَّد من ظهور حدث page_view جديد لكل تغيير في الشاشة.
4. تأكَّد من أنّ قيم page_location تتطابق مع توقعاتك.

ملاحظة: يؤدي استخدام {{Referrer}} العادي إلى تسجيل المصدر الأوّلي الذي أدّى إلى وصول المستخدم إلى موقعك الإلكتروني. لتتبُّع الصفحة الافتراضية السابقة ضمن تطبيق من صفحة واحدة (SPA) كمُحيل، عليك تنفيذ متغيّر مخصّص في Google Tag Manager (GTM) لتخزين الموقع الجغرافي للصفحة السابقة.