Οι καταγραφές συνεδριών δουλεύουν με δύο τρόπους. Κάποια εργαλεία καταγράφουν βίντεο. Πιάνουν pixels. Καταγράφουν ακριβώς αυτό που βλέπουν οι επισκέπτες. Άλλα εργαλεία καταγράφουν το DOM. Πιάνουν τη δομή του εγγράφου. Ξαναφτιάχνουν τη σελίδα καθώς οι επισκέπτες αλληλεπιδρούν μαζί της. Και οι δύο τρόποι καταγράφουν συμπεριφορά. Και οι δύο δείχνουν τι κάνουν οι επισκέπτες. Δουλεύουν όμως διαφορετικά. Η καταγραφή βίντεο μοιάζει με κάμερα. Πιάνει τα πάντα. Η καταγραφή DOM μοιάζει με σχέδιο μηχανικού. Πιάνει τη δομή. Η διαφορά μετράει. Το βίντεο φαίνεται πιο φυσικό. Βλέπεις σαν να κάθεσαι πίσω από τον επισκέπτη. Η καταγραφή DOM είναι πιο αποδοτική. Χρησιμοποιεί λιγότερα δεδομένα. Είναι πιο γρήγορη. Έχει όμως περιορισμούς. Οι ιστοσελίδες με πολλή JavaScript μπορεί να μην καταγράφονται καλά με DOM. Η καταγραφή βίντεο πιάνει απλώς pixels. Δουλεύει παντού. Κάθε προσέγγιση έχει συμβιβασμούς. Το βίντεο είναι πλήρες αλλά βαρύ. Το DOM είναι αποδοτικό αλλά περιορισμένο. Πολλά εργαλεία χρησιμοποιούν υβριδικές προσεγγίσεις. Συνδυάζουν και τα δύο. Όταν καταλαβαίνεις την τεχνολογία καταγραφής, διαλέγεις καλύτερα εργαλεία. Ξέρεις τι να περιμένεις. Εμπιστεύεσαι τα δεδομένα.
Αυτό το άρθρο εξηγεί πώς δουλεύει η τεχνολογία καταγραφής συνεδριών.
Πώς δουλεύει η καταγραφή βίντεο
Η καταγραφή βίντεο πιάνει τα pixels στην οθόνη. Σαν κινηματογραφική κάμερα στραμμένη σε οθόνη. Κάθε καρέ καταγράφεται. Κάθε αλληλεπίδραση φαίνεται στο βίντεο. Οι επισκέπτες βλέπουν ακριβώς αυτό που δείχνει η καταγραφή.
Η καταγραφή βίντεο δουλεύει με κάθε ιστοσελίδα. Σύνθετη JavaScript. Απόδοση στον διακομιστή. Εφαρμογές μίας σελίδας. Το βίντεο πιάνει ό,τι εμφανίζεται στην οθόνη. Δεν χρειάζεται κάτι ιδιαίτερο.
Η καταγραφή βίντεο φτιάχνει μεγάλα αρχεία. Μια συνεδρία πέντε λεπτών μπορεί να είναι πενήντα megabyte. Το κόστος αποθήκευσης ανεβαίνει. Το κόστος εύρους ζώνης ανεβαίνει. Τα εργαλεία βίντεο χρειάζονται γερή υποδομή.
Η ποιότητα του βίντεο διαφέρει. Κάποια εργαλεία συμπιέζουν πολύ. Η ποιότητα πέφτει. Κάποια εργαλεία κρατούν την ποιότητα. Τα αρχεία γίνονται τεράστια. Υπάρχουν συμβιβασμοί.
Πώς δουλεύει η καταγραφή DOM
Η καταγραφή DOM πιάνει τη δομή της σελίδας. HTML. CSS. Κατάσταση JavaScript. Αντί να καταγράφουν pixels, τα εργαλεία καταγράφουν τις αλλαγές στη σελίδα. Όταν ένας επισκέπτης κάνει κύλιση, το εργαλείο σημειώνει την κύλιση. Όταν πατάει, το εργαλείο σημειώνει το κλικ.
Η καταγραφή DOM φτιάχνει μικρά αρχεία. Μια συνεδρία πέντε λεπτών μπορεί να είναι ένα megabyte. Η αποθήκευση είναι φτηνή. Το εύρος ζώνης είναι χαμηλό. Το κόστος υποδομής είναι χαμηλό.
Η καταγραφή DOM είναι αποδοτική στην αποθήκευση και στη μεταφορά. Είναι όμως περιορισμένη. Αν η σελίδα χρησιμοποιεί σύνθετη προσαρμοσμένη JavaScript, η καταγραφή DOM μπορεί να χάσει αλληλεπιδράσεις. Αν η σελίδα αποδίδεται δυναμικά, το DOM μπορεί να μην πιάσει όλες τις αλλαγές.
Η καταγραφή DOM ξαναφτιάχνει τη σελίδα. Παίζει τη συνεδρία σαν βίντεο, αλλά χτισμένη από αλλαγές της σελίδας. Η αναδημιουργία πρέπει να ταιριάζει με το πρωτότυπο αλλά μπορεί να έχει μικρές διαφορές.
Υβριδικές προσεγγίσεις καταγραφής
Πολλά εργαλεία χρησιμοποιούν υβριδικές προσεγγίσεις. Καταγράφουν DOM από προεπιλογή για αποδοτικότητα. Όταν η καταγραφή DOM είναι ελλιπής, γυρίζουν σε βίντεο. Έτσι συνδυάζουν τα οφέλη και των δύο.
Οι υβριδικές προσεγγίσεις είναι έξυπνες. Οι περισσότερες συνεδρίες καταγράφονται αποδοτικά με DOM. Οι σύνθετες συνεδρίες γυρίζουν σε βίντεο. Οι χρήστες παίρνουν ποιότητα όταν τη χρειάζονται. Το κόστος μένει χαμηλό στις άλλες περιπτώσεις.
Επιπτώσεις στην ιδιωτικότητα ανά τύπο καταγραφής
Η καταγραφή βίντεο πιάνει τα πάντα, μαζί και ευαίσθητα δεδομένα. Ένα πεδίο φόρμας δείχνει τα πλήκτρα που πατιούνται στο βίντεο. Μια σελίδα πληρωμής δείχνει αριθμούς πιστωτικών καρτών. Η προστασία της ιδιωτικότητας θέλει έντονη κάλυψη δεδομένων.
Η καταγραφή DOM είναι πιο φιλική στην ιδιωτικότητα. Το εργαλείο καταγράφει τη δομή της σελίδας, όχι pixels. Ένα πεδίο φόρμας εμφανίζεται ως πεδίο φόρμας. Η τιμή δεν φαίνεται εκτός αν μεταδοθεί συγκεκριμένα. Η καταγραφή DOM χρειάζεται λιγότερη κάλυψη.
Η ιδιωτικότητα μετράει για τη συμμόρφωση. GDPR. CCPA. Τα εργαλεία που σέβονται την ιδιωτικότητα χρησιμοποιούν καταγραφή DOM. Η καταγραφή βίντεο θέλει προσεκτικές ρυθμίσεις για να είναι συμβατή.
Επίδραση των μεθόδων καταγραφής στην απόδοση
Η καταγραφή βίντεο έχει μέτρια επίδραση στην απόδοση. Το script καταγραφής πιάνει καρέ. Γίνεται συμπίεση. Τα δεδομένα στέλνονται. Οι περισσότεροι επισκέπτες δεν το παρατηρούν.
Η καταγραφή DOM έχει ελάχιστη επίδραση. Το script σημειώνει αλλαγές. Στέλνονται μικρές ποσότητες δεδομένων. Το επιπλέον φορτίο είναι μικροσκοπικό. Οι επισκέπτες δεν βλέπουν καμία αλλαγή στην απόδοση.
Μετράει να δοκιμάσεις τη δική σου ιστοσελίδα. Κάποιες ιστοσελίδες είναι ευαίσθητες στο επιπλέον φορτίο. Άλλες δεν το παρατηρούν. Δοκίμασε πριν διαλέξεις μέθοδο καταγραφής.
Πώς διαλέγεις μέθοδο καταγραφής
Διάλεξε με βάση τις ανάγκες. Καταγραφή βίντεο αν θέλεις ακριβή καταγραφή pixel. Καταγραφή DOM αν θέλεις αποδοτικότητα. Υβριδική αν θέλεις και τα δύο.
Σκέψου την ιστοσελίδα σου. Οι απλές ιστοσελίδες δουλεύουν μια χαρά με DOM. Οι σύνθετες μπορεί να χρειάζονται βίντεο. Σκέψου τις ανάγκες συμμόρφωσης. Οι κλάδοι με αυστηρές απαιτήσεις ιδιωτικότητας πρέπει να προτιμούν DOM.
Συχνές ερωτήσεις
Μπορώ να χρησιμοποιήσω καταγραφή DOM σε εφαρμογή μίας σελίδας ή χρειάζεται βίντεο;
Η καταγραφή DOM δουλεύει μια χαρά με εφαρμογές μίας σελίδας. Το εργαλείο παρακολουθεί τις αλλαγές κατάστασης της JavaScript. Καταγράφει πότε ενημερώνεται το DOM. Οι αλληλεπιδράσεις στις εφαρμογές μίας σελίδας καταγράφονται σωστά με DOM. Δεν χρειάζεται βίντεο. Η καταγραφή DOM είναι στην πραγματικότητα καλύτερη για αυτές. Μικρότερα αρχεία. Καλύτερη απόδοση. Με τον δημιουργό ιστοσελίδων του WEMASY, μπορείς να το στήσεις απευθείας στην ιστοσελίδα σου.
Πόσο μικρότερες είναι οι καταγραφές DOM σε σχέση με το βίντεο;
Οι καταγραφές DOM είναι συνήθως 50 έως 100 φορές μικρότερες από το βίντεο. Μια συνεδρία βίντεο πέντε λεπτών μπορεί να είναι 50MB. Η ίδια συνεδρία με DOM μπορεί να είναι 500KB έως 1MB. Η διαφορά μεγέθους είναι τεράστια. Η αποθήκευση και το εύρος ζώνης κοστίζουν πολύ λιγότερο με DOM.
Αν η καταγραφή DOM ξαναφτιάχνει τη σελίδα, φαίνεται ποτέ διαφορετική από το πρωτότυπο;
Περιστασιακά. Η σύνθετη JavaScript μπορεί να αποδοθεί διαφορετικά στην αναδημιουργία. Οι προσαρμοσμένες γραμματοσειρές μπορεί να μη φορτώσουν. Τα animations μπορεί να μην παίξουν ακριβώς το ίδιο. Τις περισσότερες φορές η αναδημιουργία ταιριάζει με το πρωτότυπο. Υπάρχουν όμως οριακές περιπτώσεις. Η καταγραφή βίντεο αποφεύγει αυτά τα προβλήματα. Καταγράφει ακριβώς τα pixels.
Να χρησιμοποιήσω βίντεο ή DOM για συμμόρφωση με την ιδιωτικότητα;
Η καταγραφή DOM είναι καλύτερη για την ιδιωτικότητα. Πιάνει λιγότερα ευαίσθητα δεδομένα. Η καταγραφή βίντεο πιάνει τα πάντα, μαζί και ευαίσθητες πληροφορίες. Το βίντεο θέλει εκτεταμένη κάλυψη. Το DOM θέλει ελάχιστη. Για αυστηρές απαιτήσεις ιδιωτικότητας, το DOM είναι ανώτερο.
Μπορώ να αλλάξω μέθοδο καταγραφής αν δω ότι μία δεν δουλεύει;
Τα περισσότερα εργαλεία σου επιτρέπουν να αλλάξεις ρυθμίσεις. Μπορείς να ξεκινήσεις με DOM και να περάσεις σε βίντεο αν χρειαστεί. Οι παλιές καταγραφές όμως δεν αλλάζουν. Οι νέες συνεδρίες θα χρησιμοποιούν τη νέα μέθοδο. Η αλλαγή ισχύει από εδώ και πέρα, όχι αναδρομικά.
Τι γίνεται αν το εργαλείο καταγραφής αποτύχει στη μέση μιας συνεδρίας;
Τα περισσότερα εργαλεία έχουν εφεδρικές λύσεις. Αν η καταγραφή αποτύχει, συνεχίζουν όταν γίνεται. Κάποιες συνεδρίες μπορεί να είναι μερικές. Οι περισσότερες ολοκληρωμένες συνεδρίες καταγράφονται πλήρως. Οι πλήρεις αποτυχίες είναι σπάνιες. Τα σύγχρονα εργαλεία είναι αξιόπιστα.