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

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

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

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

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

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

قبل البدء

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

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

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

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

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

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

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

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

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

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

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

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

    صورة تعرض إعدادات مشاهدات الصفحة

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

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

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

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

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