كيف يعمل MousePlayer

دليل بسيط لبنية التتبع والتعامل مع دقة الشاشة عبر الأجهزة وحدود النظام.

1. لماذا لا نستخدم تسجيل الفيديو

من التصورات الشائعة الخاطئة أن أدوات التحليل البصري تسجّل ملفات فيديو عادية (مثل MP4 أو WebM) لشاشة الزائر. يستهلك ذلك نطاقًا تردديًا هائلًا ويبطئ الموقع بشدة ويجعل النص ضبابيًا غير مقروء.

بدلًا من ذلك، يستخدم MousePlayer تقنية خفيفة تُعرف باسم قياس لقطات DOM عن بُعد. وإليك آلية عملها الأساسية:

لقطة المخطط

عند فتح الزائر صفحتك، يأخذ برنامجنا «مخططًا» نصيًا لبنية HTML والأنماط. يسجّل مواضع العناصر دون نسخ ملفات صور الصفحة أو الفيديو؛ ويحمّل المشغّل الصور من عناوينها الأصلية أثناء إعادة التشغيل. الاستثناء هو عناصر canvas التي يُنقل محتواها كصورة (انظر أدناه).

قياس الإحداثيات عن بُعد

أثناء تفاعل المستخدم، نسجّل تدفق أحداث: مواضع الفأرة وعمق التمرير وأهداف النقر وتغيير حجم المتصفح، إضافة إلى تغييرات الصفحة نفسها، وحسب الإعدادات رسائل وحدة التحكم والطلبات البطيئة أو الفاشلة وقياسات وقت التحميل (Web Vitals). الحركات والنقرات صغيرة؛ أما لقطات الصفحة وتغييراتها فقد تكون أكبر بكثير بحسب الصفحة وتُنقل مضغوطة.

إعادة التشغيل في المسرح

عند مشاهدة جلسة في لوحة المعلومات، يعيد المشغّل إنشاء الصفحة بالمخطط المسجّل ويحرك مؤشرًا افتراضيًا فوقها في الوقت الفعلي، مع بقاء النص واضحًا تمامًا.

مصمّم ليبقى خفيفًا: يُحمّل البرنامج النصي بصورة غير متزامنة وينقل نقاط بيانات رقمية صغيرة بدل الفيديو، مما يقلل أثره. يعتمد أثر ذلك على Core Web Vitals لديك على صفحاتك واستضافتك وشبكة الزائر؛ فقِسه في موقعك بدل الاعتماد على رقم منا. لا نضمن سرعة تحميل محددة – راجع المادة 20 من شروط الخدمة.

2. دقة الشاشة & أجهزة الجوال

يتصفح المستخدمون اليوم بكل شيء من الهواتف المدمجة إلى شاشات سطح المكتب فائقة العرض بدقة 4K. تعدّل المواقع تخطيطها وتطويه وتعيد ترتيبه تلقائيًا ليتلاءم مع عروض الشاشات — وهو التصميم المتجاوب.

كيف نطابق المنطقة المرئية الدقيقة للزائر

لضمان إعادة تشغيل غير مشوهة، يسجّل MousePlayer أبعاد المنطقة المرئية الدقيقة للزائر (مثل 390x844 للهاتف أو 1920x1080 لشاشة سطح المكتب). عند فتح مشغّل المسرح، ينشئ المحرك بيئة معزولة مصغّرة تطابق نسبة شاشة الزائر الأصلية بدقة.

شاشات سطح المكتب & الحواسيب المحمولة

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

الهواتف الذكية & الأجهزة اللوحية

لا تملك شاشات اللمس مؤشر فأرة يحوم. يتكيف MousePlayer تلقائيًا بتسجيل اللمسات والتمرير بالسحب وتغييرات الاتجاه (عمودي مقابل أفقي).

تحدي تغيير الحجم أثناء الجلسة

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

3. حدود النظام & القيود التقنية

لاحترام الخصوصية والحفاظ على أمان المتصفح وسرعة المعالجة، يعمل MousePlayer ضمن حدود تقنية محددة:

حد النظام تعامل MousePlayer معه
iFrames تُسجّل إطارات iframe من أصل الصفحة نفسه مع محتواها والتفاعل داخلها. لا يمكن تسجيل المحتوى المضمّن من أصل آخر (مثل مشغّلات YouTube ونماذج دفع Stripe) داخليًا بسبب سياسات أمان المتصفح (سياسة الأصل نفسه)؛ ويظهر عنصر نائب مكانه في إعادة التشغيل ولا يُحمّل فيها.
حقول الإدخال الحساسة (PII) تُحجب حقول كلمات المرور والدفع على جهاز الزائر في كل مستويات الحجب، والحجب الكامل لكل إدخال النماذج افتراضي لكل موقع. ترى حدوث الكتابة لا محتواها. حدّان: لا يُفعّل المستويان الأضعف إلا بموافقتنا الكتابية، ولا يصل الحجب لما تطبعه صفحتك في المستند – صفحة تأكيد تعرض عنوانًا جزء من اللقطة. يوضّح كلاهما في اتفاقية معالجة البيانات.
عناصر Canvas & WebGL يُسجّل محتوى canvas كصورة: مرة مع لقطة الصفحة وعند كل تغيير، بحد أقصى نحو مرة في الثانية وحد للحجم. لذا تظهر الرسوم السلسة كسلسلة إطارات. لا تُنقل صورة في مناطق محجوبة أو لعناصر canvas تضم صورًا من أصل آخر؛ وقد يبقى محتوى WebGL فارغًا.
مكوّنات الويب (Shadow DOM) تُسجّل جذور الظل المفتوحة مع محتواها. لا تستطيع البرامج النصية الوصول للجذور المغلقة؛ فيغيب محتواها عن إعادة التشغيل.
النقل & تخزين المتصفح تُرسل البيانات باتصال WebSocket مشفّر (HTTPS/WSS). عند تعذره بسبب وكيل مثلًا، يعود البرنامج لمسار HTTP مشفّر؛ وتُرفع اللقطات الكبيرة جدًا منفصلة عبر HTTPS. لا يضع MousePlayer ملفات ارتباط؛ بل يستخدم التخزين المحلي وتخزين الجلسة في المتصفح على موقعك.
فترات خمول AFK إذا ترك الزائر علامة التبويب مفتوحة وابتعد 20 دقيقة، يكتشف المحرك الخمول تلقائيًا ويضغط الفجوة في إعادة التشغيل، فلا تضيع وقتًا بمشاهدة شاشات ثابتة.