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

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

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

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

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

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

قبل البدء

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

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

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

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

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

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

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

تنفيذ سجلّ المتصفّح تنفيذ الحدث المخصّص

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

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

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

لقياس page_views تلقائيًا استنادًا إلى سجلّ المتصفّح:

1. افتح حسابك على "إحصاءات Google".

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

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

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

   

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

ملاحظة: عند تفعيل "القياس المحسّن" للخيار "تغييرات الصفحة استنادًا إلى أحداث سجلّ المتصفّح"، تستمع "إحصاءات Google" تلقائيًا إلى أحداث سجلّ التصفّح (مثل الأحداث المستخدَمة في تطبيقات الصفحة الواحدة) وترسِل أحداث page_view. لست بحاجة إلى ضبط متغيّرات أو مشغِّلات سجلّ تصفّح معيّنة في Google Tag Manager لغرض إرسال مشاهدات الصفحة على الويب إلى إحصاءات Google‏ 4.

استخدام مشغِّلات Google Tag Manager لأحداث سجلّ التصفّح

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

عند ضبط العلامات أو المتغيّرات للعمل مع المشغِّل "تغيير سجلّ التصفّح"، احرص على استخدام المتغيّرات المضمّنة الصحيحة التي توفّرها Google Tag Manager:

• History New URL Fragment: جزء عنوان URL بعد حدث سجلّ التصفّح
• History Old URL Fragment: جزء عنوان URL قبل حدث سجلّ التصفّح
• History New State: عنصر حالة سجلّ التصفّح الجديد
• History Old State: عنصر حالة سجلّ التصفّح القديم
• History Source: مصدر حدث سجلّ التصفّح (مثل popstate أو pushState أو replaceState)

قد تحتاج إلى تفعيل هذه المتغيّرات المضمّنة في Google Tag Manager أولاً ضِمن المتغيّرات > ضبط.

**ملاحظة مُهمّة:** تجنَّب استخدام أسماء متغيّرات غير محدّدة. على سبيل المثال، New History URL ليس متغيّرًا عاديًا في "إدارة العلامات من Google"، وسيؤدي إلى حدوث أخطاء عند النشر. اختَر دائمًا من المتغيّرات المضمّنة المتاحة أو المتغيّرات التي حدّدتها بنفسك.

لمزيد من التفاصيل عن هذا المشغِّل، اطّلِع على المشغِّل "تغيير سجلّ التصفّح".

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

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

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

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

تأثير ذلك في الأحداث التلقائية

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

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

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

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

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