MousePlayer કેવી રીતે કામ કરે છે
ટ્રૅકિંગ રચના, અનેક ઉપકરણોનાં સ્ક્રીન રિઝોલ્યુશન અને સિસ્ટમની સીમાઓની સરળ માર્ગદર્શિકા.
1. અમે વિડિયો રેકોર્ડિંગ શા માટે વાપરતા નથી
દૃશ્ય વિશ્લેષણ સાધનો મુલાકાતીની સ્ક્રીનની સામાન્ય વિડિયો ફાઇલ (જેમ કે MP4 કે WebM) રેકોર્ડ કરે છે તે ગેરસમજ છે. તેમ કરવાથી ઘણો બેન્ડવિડ્થ વપરાય, વેબસાઇટ ઘણી ધીમી પડે અને લખાણ ઝાંખું, ન વાંચી શકાય એવું બને.
તેના બદલે MousePlayer હળવી ટેકનોલોજી વાપરે છે જેનું નામ છે DOM સ્નેપશૉટ ટેલિમેટ્રી. મૂળ સ્તરે આ રીતે કામ કરે છે:
રચનાનો સ્નેપશૉટ
મુલાકાતી પાનું ખોલે ત્યારે સ્ક્રિપ્ટ HTML અને સ્ટાઇલની રચનાનો લખાણ આધારિત “નકશો” લે છે. ચિત્ર કે વિડિયો ફાઇલ કૉપિ કર્યા વિના ઘટકોની જગ્યા રેકોર્ડ કરે છે; રેકોર્ડિંગ જોતી વખતે પ્લેયર ચિત્રો મૂળ સરનામેથી લોડ કરે છે. કૅનવાસ ઘટકો અપવાદ છે: તેમની સામગ્રી ચિત્ર તરીકે મોકલાય છે (નીચે જુઓ).
સ્થાનાંક ટેલિમેટ્રી
વપરાશકર્તાની ક્રિયા વખતે ઇવેન્ટનો પ્રવાહ રેકોર્ડ કરીએ છીએ: માઉસની સ્થિતિ, સ્ક્રોલની ઊંડાઈ, ક્લિકનું લક્ષ્ય અને બ્રાઉઝરનું માપ બદલવું; પાનાના ફેરફાર ઉપરાંત સેટિંગ્સ મુજબ કન્સોલ સંદેશ, નિષ્ફળ કે ધીમી વિનંતી અને લોડિંગના માપન (Web Vitals). હલનચલન અને ક્લિક નાના હોય છે; સ્નેપશૉટ અને પાનાના ફેરફાર પાના મુજબ ઘણા મોટા હોઈ શકે અને સંકોચીને મોકલાય છે.
થિયેટરમાં રેકોર્ડિંગ
ડૅશબોર્ડમાં સત્ર જોતી વખતે પ્લેયર રેકોર્ડ કરેલા નકશાથી પાનું ફરી બનાવે છે અને તેના પર વાસ્તવિક સમયમાં વર્ચ્યુઅલ પોઇન્ટર ફેરવે છે; લખાણ એકદમ સ્પષ્ટ રહે છે.
હળવું રહે એવી રચના: સ્ક્રિપ્ટ અસિંક્રોનસ લોડ થાય છે અને વિડિયોને બદલે નાના આંકડાકીય બિંદુ મોકલે છે, તેથી તેની પોતાની અસર નાની રહે છે. Core Web Vitals પરની અસર તમારાં પાનાં, હોસ્ટિંગ અને મુલાકાતીના નેટવર્ક પર આધારિત છે; તેથી અમારા આંકડાને બદલે તમારી સાઇટ પર માપો. કોઈ ચોક્કસ લોડિંગ ઝડપની બાંયધરી નથી – જુઓ કલમ 20, સેવાની શરતો.
2. સ્ક્રીન રિઝોલ્યુશન & મોબાઇલ ઉપકરણો
આજના વપરાશકર્તાઓ નાના સ્માર્ટફોનથી અતિપહોળા 4K ડેસ્કટોપ મોનિટર સુધી બધું વાપરે છે. વેબસાઇટ જુદી પહોળાઈ પ્રમાણે લેઆઉટ આપમેળે ખસેડે, સંકોચે અને ગોઠવે છે — તેને પ્રતિભાવશીલ વેબ ડિઝાઇન કહે છે.
મુલાકાતીનો ચોક્કસ દેખાતો વિસ્તાર કેવી રીતે મળે છે
રેકોર્ડિંગ વિકૃત ન દેખાય તે માટે MousePlayer મુલાકાતીના દેખાતા વિસ્તારનાં ચોક્કસ માપ રેકોર્ડ કરે છે (દા.ત., 390x844 સ્માર્ટફોન માટે અથવા 1920x1080 ડેસ્કટોપ મોનિટર માટે). થિયેટર પ્લેયર ખોલો ત્યારે એન્જિન માપસરનું અલગ પર્યાવરણ બનાવે છે જે મુલાકાતીની મૂળ સ્ક્રીનનું પ્રમાણ બરાબર જાળવે છે.
ડેસ્કટોપ & લૅપટૉપ સ્ક્રીન
સામાન્ય કમ્પ્યુટર પર એક જ બ્રાઉઝર સત્રમાં સતત માઉસ હલનચલન અને અનેક ટૅબનું નેવિગેશન મેળવીએ છીએ. હૉવરથી મેનુ ખૂલતાં પાનાનો દસ્તાવેજ બદલાય તો તે રેકોર્ડિંગમાં દેખાય છે; ફક્ત CSS હૉવર અસર દસ્તાવેજમાં દેખાતી નથી અને ફરી બનાવાતી નથી.
સ્માર્ટફોન & ટૅબ્લેટ
ટચસ્ક્રીનમાં ઉપર ફરતો માઉસ પોઇન્ટર નથી. MousePlayer ટૅપ, સ્વાઇપ સ્ક્રોલ અને ઊભી-આડી દિશાના ફેરફાર રેકોર્ડ કરીને આપમેળે અનુકૂળ થાય છે.
સત્ર વચ્ચે માપ બદલાવાનો પડકાર
મુલાકાતી સત્ર વચ્ચે ટૅબ્લેટ ફેરવે કે ડેસ્કટોપ બ્રાઉઝર વિન્ડોનું માપ બદલે તો લેઆઉટ ગતિશીલ બદલાય છે. MousePlayer આ ઇવેન્ટ મેળવીને પ્લેબૅક કૅનવાસ તરત સરળતાથી ગોઠવે છે, જેથી ક્રિયાનો સંદર્ભ જળવાય.
3. સિસ્ટમ મર્યાદા & તકનીકી સીમાઓ
ગોપનીયતા, બ્રાઉઝરની સુરક્ષા અને ઝડપી માહિતી પ્રક્રિયા જાળવવા MousePlayer નક્કી કરેલી તકનીકી સીમામાં કામ કરે છે:
| સિસ્ટમની સીમા | MousePlayer તેને કેવી રીતે સંભાળે છે |
|---|---|
| iFrames | તમારા પાના જેવા જ મૂળનાં iframe સામગ્રી અને અંદરની ક્રિયા સાથે રેકોર્ડ થાય છે. બીજા મૂળની સામગ્રી (દા.ત. YouTube પ્લેયર, Stripe ચુકવણી ફોર્મ) બ્રાઉઝરની સુરક્ષા નીતિ (Same-Origin Policy)થી અંદરથી રેકોર્ડ થઈ શકતી નથી; રેકોર્ડિંગમાં પ્લેસહોલ્ડર તરીકે દેખાય છે અને ત્યાં લોડ થતી નથી. |
| સંવેદનશીલ ઇનપુટ ક્ષેત્રો (PII) | દરેક ઢાંકવાના સ્તરે પાસવર્ડ અને ચુકવણીનાં ક્ષેત્રો મુલાકાતીના ઉપકરણ પર ઢંકાય છે; દરેક સાઇટમાં સંપૂર્ણ ફોર્મ ઇનપુટ ઢાંકવાનું મૂળભૂત છે. લખ્યું તે દેખાય છે; શું લખ્યું તે નહીં. બે મર્યાદા છે: બે નબળાં સ્તર ફક્ત અમારી લેખિત મંજૂરીથી ચાલુ થાય છે અને તમારી પોતાની સાઇટ દસ્તાવેજમાં છાપે તે ઢંકાતું નથી – સરનામું બતાવતું પુષ્ટિ પાનું સ્નેપશૉટનો ભાગ છે. બંને અહીં સ્પષ્ટ છે: DPA. |
| Canvas & WebGL ઘટકો | કૅનવાસની સામગ્રી ચિત્ર તરીકે રેકોર્ડ થાય છે: પાનાના સ્નેપશૉટ સાથે એક વાર અને પછી બદલાય ત્યારે; વધુમાં વધુ લગભગ સેકન્ડે એક વાર અને માપની મર્યાદા સાથે. સરળ ઍનિમેશન તેથી ફ્રેમના ક્રમ તરીકે દેખાય છે. ઢાંકેલા ભાગ કે બીજા મૂળનાં ચિત્ર ધરાવતા કૅનવાસ માટે ચિત્ર મોકલાતું નથી; WebGL ખાલી રહી શકે છે. |
| વેબ કૉમ્પોનન્ટ (Shadow DOM) | ખુલ્લાં shadow root સામગ્રી સાથે રેકોર્ડ થાય છે. બંધ shadow root સ્ક્રિપ્ટને મળતાં નથી; તેમની સામગ્રી રેકોર્ડિંગમાં ખૂટે છે. |
| પરિવહન & બ્રાઉઝર સંગ્રહ | માહિતી એન્ક્રિપ્ટ કરેલા WebSocket જોડાણથી મોકલાય છે (HTTPS/WSS). ઉદાહરણ તરીકે પ્રૉક્સીને કારણે જોડાણ ન બને તો સ્ક્રિપ્ટ એન્ક્રિપ્ટ કરેલો HTTP માર્ગ વાપરે છે; બહુ મોટા સ્નેપશૉટ અલગ HTTPSથી અપલોડ થાય છે. MousePlayer કૂકી સેટ કરતું નથી; તમારી સાઇટ પર બ્રાઉઝરનું local storage અને session storage વાપરે છે. |
| નિષ્ક્રિય AFK સમય | મુલાકાતી ટૅબ ખુલ્લું રાખીને 20 મિનિટ જતા રહે તો એન્જિન આપમેળે નિષ્ક્રિયતા ઓળખીને રેકોર્ડિંગ જોતી વખતે તે સમય સંકોચે છે, જેથી સ્થિર સ્ક્રીન જોવામાં સમય ન જાય. |