قياس تطبيقات الصفحة الواحدة

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

تطبيقات الصفحة الواحدة (SPA) هي مواقع إلكترونية تحمّل مستند HTML مرة واحدة وتسترد أي محتوى إضافي باستخدام واجهات برمجة تطبيقات JavaScript.

مثال: لنفترض أنّ لديك نموذجًا لاكتساب بعض العملاء المحتملين. يتضمّن النموذج ثلاث شاشات:

• الشاشة الأولى التي يتم فيها جمع معلومات العميل
• الشاشة الثانية التي يحدّد فيها العملاء اهتمامهم بخدمات معيّنة
• صفحة الشاشة الثالثة للاشتراك في ندوات على الإنترنت ذات صلة باهتمامات العميل

إنّ مفتاح قياس مشاهدات الصفحة من تطبيقات الصفحة الواحدة بشكل صحيح هو احتساب مشاهدات الصفحة لكل شاشة يتفاعل معها المستخدم والحصول على المُحيل الصحيح للصفحة، حتى تتمكّن من تتبُّع رحلة المستخدم بشكل صحيح.

قبل البدء

تفترض هذه الصفحة أنّ لديك ما يلي:

• حساب وموقع على "إحصاءات Google‏ 4" لموقعك الإلكتروني كيفية إعداد "إحصاءات Google"

• هي علامة تتبُّع من Google يتم تنفيذها على موقعك الإلكتروني عند تحميل الصفحة في البداية. كيفية إعداد علامة التتبُّع من Google

تنفيذ قياس التطبيقات من صفحة واحدة

لتنفيذ قياس دقيق لتطبيقات الصفحة الواحدة، استخدِم إحدى الطريقتَين التاليتَين لتفعيل عرض جديد لمشاهدة صفحة على الويب افتراضية:

• تغييرات سجلّ المتصفّح (يُنصح بها): إذا كان تطبيقك من صفحة واحدة (SPA) يستخدم History API، وتحديدًا الطريقتَين pushState() وreplaceState() لتعديل الشاشات، استخدِم هذا الخيار.

• الأحداث المخصّصة: استخدِم هذا الخيار إذا كان موقعك الإلكتروني يستخدِم العنصر DocumentFragment لعرض شاشات مختلفة.

تنفيذ تغيير سجلّ المتصفّح

إذا كان تطبيقك من صفحة واحدة يستخدم History API، يمكنك تفعيل ميزة "القياس المحسَّن" في "إحصاءات Google" لتتبُّع مشاهدات صفحة على الويب تلقائيًا استنادًا إلى أحداث سجلّ التصفُّح.

تفعيل ميزة "القياس المحسّن" في "إحصاءات Google‏ 4"

لقياس page_views تلقائيًا استنادًا إلى سجلّ المتصفّح، اتّبِع الخطوات التالية:

1. افتح إحصاءات Google.

2. في قسم المشرف، ضِمن جمع البيانات وتعديلها، انقر على مصادر البيانات > الويب.

3. ضِمن القياس المحسَّن، اضبط مفتاح التبديل على تفعيل لتفعيل كل الخيارات.

4. انقر لتعديل الخيارات الفردية. ضمن مشاهدات الصفحة، انقر على عرض الإعدادات المتقدّمة. احرص على تفعيل كلّ من عمليات تحميل الصفحة وتغييرات الصفحة استنادًا إلى أحداث سجلّ المتصفّح.

   

5. احفظ التغييرات.

التحقّق من إعدادات القياس

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

1. فعِّل وضع تصحيح الأخطاء لكل علامة في إعداد قياس تطبيقك ذي الصفحة الواحدة. مزيد من المعلومات عن مراقبة الأحداث في DebugView

2. انقر على تطبيقك المكوّن من صفحة واحدة. عند النقر على شاشة افتراضية جديدة، من المفترض أن يظهر حدث page_view جديد في DebugView. قارِن مَعلمات الحدث page_view بالحدث page_view السابق للتحقّق مما إذا تم تعديل مرجع الصفحة وموقعها الجغرافي بشكل صحيح.

التأثير على الأحداث التلقائية

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

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

عند تنفيذ قياس مشاهدات صفحة الويب الافتراضية بشكلٍ صحيح:

• يتم إرسال الحدث user_engagement عندما ينتقل المستخدم من صفحة افتراضية إلى أخرى.
• يتم احتساب مدة التفاعل مع الصفحة الافتراضية السابقة وإرسالها مع الحدث user_engagement، عادةً قبل معالجة الحدث page_view للصفحة الافتراضية الجديدة مباشرةً.
• ترتبط الأحداث الأخرى، مثل النقرات أو عمليات التمرير، بعنصر page_location في الصفحة الافتراضية التي يشاهدها المستخدم حاليًا.

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