מדידה של אפליקציות בדף יחיד

המסמך הזה מיועד למפתחים שרוצים למדוד צפיות בדפים באפליקציית דף יחיד באמצעות Google Analytics.

אפליקציות בדף יחיד (SPA) הן אתרים שטוענים מסמך HTML פעם אחת ומביאים תוכן נוסף באמצעות JavaScript API.

דוגמה: נניח שיש לכם טופס לאיסוף לידים. הטופס כולל שלושה מסכים:

• המסך הראשון שבו נאספים נתוני לקוח.
• מסך שני שבו הלקוחות מציינים את ההתעניינות שלהם בשירותים מסוימים.
• דף המסך השלישי להרשמה לסמינרים אינטרנטיים שקשורים לתחומי העניין של הלקוח.

כדי למדוד צפיות בדפים מאתרי SPA בצורה נכונה, צריך לספור את הצפיות בדפים בכל מסך שהמשתמש מקיים איתו אינטראקציה, ולוודא שהפניה לדף נכונה, כדי שתוכלו לעקוב אחרי מסלול המשתמש בצורה נכונה.

לפני שמתחילים

במאמר הזה אנחנו יוצאים מנקודת הנחה שכבר יש לכם:

• חשבון ונכס ב-Google Analytics 4 לאתר שלכם. איך מגדירים את Google Analytics

• ‫Google Tag שהוטמע באתר ומופעל כשהדף נטען בפעם הראשונה. איך מגדירים את Google Tag

הטמעה של מדידה באפליקציה בדף יחיד

כדי להטמיע מדידה מדויקת של SPA, צריך להשתמש באחת מהשיטות הבאות כדי להפעיל צפייה וירטואלית חדשה בדף:

• שינויים בהיסטוריית הדפדפן (מומלץ): אם ה-SPA שלכם משתמש ב-History API, ובמיוחד בשיטות pushState() ו-replaceState() לעדכון מסכים, כדאי להשתמש באפשרות הזו.

• אירועים מותאמים אישית: אם האתר שלכם משתמש באובייקט DocumentFragment כדי לעבד מסכים שונים, כדאי להשתמש באפשרות הזו.

הטמעה של היסטוריית הגלישה הטמעה של אירועים בהתאמה אישית

הטמעה של שינויים בהיסטוריית הדפדפן

אם ה-SPA שלכם משתמש ב-History API, אתם יכולים להפעיל מדידה משופרת ב-Google Analytics כדי לעקוב באופן אוטומטי אחרי צפיות בדפים על סמך אירועים בהיסטוריית הדפדפן.

הפעלת מדידה משופרת ב-GA4

כדי למדוד את page_views באופן אוטומטי על סמך היסטוריית הגלישה:

1. פותחים את Google Analytics.

2. בדף ניהול, בקטע איסוף נתונים ושינוי שלהם, לוחצים על מקורות נתונים > אתר.

3. בקטע מדידה משופרת מעבירים את המתג למצב מופעל כדי להפעיל את כל האפשרויות.

4. לוחצים כדי לערוך אפשרויות ספציפיות. בקטע צפיות בדף, לוחצים על הצגת הגדרות מתקדמות. חשוב להפעיל את האפשרויות Page loads (טעינות דפים) ו-Page changes based on browser history events (שינויים בדפים המבוססים על אירועים בהיסטוריית הדפדפן).

   

5. שומרים את השינויים.

אימות הגדרת המדידה

כדי לוודא שהאפליקציה של דף יחיד מודדת צפיות בדפים בצורה נכונה:

1. מפעילים את מצב ניפוי הבאגים לכל תג בהגדרת המדידה של ה-SPA. איך עוקבים אחרי אירועים ב-DebugView

2. לוחצים על האפליקציה בדף יחיד. כשלוחצים על מסך וירטואלי חדש, אמור להופיע אירוע page_view חדש ב-DebugView. משווים את הפרמטרים של אירוע page_view עם הפרמטרים של אירוע page_view הקודם כדי לבדוק אם המיקום של הדף והדף המפנה עודכנו בצורה נכונה.

השפעה על אירועים אוטומטיים

אם מטמיעים נכון את המדידה של צפיות בדפים וירטואליים ב-SPA, מערכת Google Analytics תטפל באירועים אוטומטיים אחרים בצורה מתאימה. אם צפיות בדפים וירטואליים לא מתועדות כשמתבצעים שינויים במסך, מערכת Google Analytics מתייחסת ל-SPA כאל דף יחיד, מה שמוביל למדדים מוטים.

לדוגמה, האירוע user_engagement מודד את הזמן שמשתמש מבלה באופן פעיל בדף. בלי צפיות וירטואליות בדפים, כל משך ההתעניינות משויך לטעינת הדף הראשונית, ולכן אי אפשר לנתח את הזמן שמוקדש למסכים נפרדים.

כשמטמיעים נכון את המדידה של צפיות וירטואליות בדפים:

• האירוע user_engagement נשלח כשהמשתמש עובר מדף וירטואלי אחד לדף וירטואלי אחר.
• משך ההתעניינות בדף הווירטואלי הקודם מחושב ונשלח יחד עם האירוע user_engagement, בדרך כלל ממש לפני שהאירוע page_view של הדף הווירטואלי החדש מעובד.
• אירועים אחרים, כמו קליקים או גלילה, משויכים ל-page_location של הדף הווירטואלי שהמשתמש צופה בו כרגע.

כך תוכלו לנתח את מעורבות המשתמשים ומדדים אחרים במסכים או בקטעים ספציפיים ב-SPA, ולקבל הבנה מדויקת יותר של מסע המשתמש.