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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

הפעלת מדידה משופרת ב-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 הקודם כדי לבדוק אם המפנה של הדף ומיקום הדף עודכנו בצורה נכונה.