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

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

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

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

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

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

הערה: כשהמדידה המשופרת מופעלת עבור 'שינויים בדף על סמך אירועי היסטוריית הדפדפן', מערכת Google Analytics מאזינה באופן אוטומטי לאירועי היסטוריה (כמו אלה שמשמשים ב-SPA) ושולחת אירועים מסוג page_view. לא צריך להגדיר משתני היסטוריה או טריגרים ספציפיים ב-Google Tag Manager כדי לשלוח צפיות בדפים ל-GA4.

שימוש בטריגרים של Google Tag Manager לאירועים בהיסטוריה

אם אתם צריכים להפעיל סוגים אחרים של תגים ב-Google Tag Manager על סמך שינויים בהיסטוריית הדפדפן, למשל כדי לשלוח נתונים לפלטפורמות שיווק אחרות, אתם יכולים להשתמש בסוג הטריגר History Change (שינוי בהיסטוריה).

כשמגדירים תגים או משתנים שיפעלו עם הטריגר History Change, חשוב להשתמש במשתנים מובנים הנכונים שמופיעים ב-Google Tag Manager:

• ‫History New URL Fragment: הפרגמנט של כתובת ה-URL אחרי אירוע ההיסטוריה.
• ‫History Old URL Fragment: הפרגמנט של כתובת ה-URL לפני אירוע ההיסטוריה.
• ‫History New State: אובייקט חדש של מצב ההיסטוריה.
• ‫History Old State: אובייקט המצב הישן של ההיסטוריה.
• ‫History Source: המקור של אירוע ההיסטוריה (לדוגמה, popstate,‏ pushState,‏ replaceState).

יכול להיות שצריך להפעיל קודם את המשתנים המובנים האלה ב-Google Tag Manager בקטע Variables (משתנים) > Configure (הגדרה).

חשוב: אל תשתמשו בשמות של משתנים לא מוגדרים. לדוגמה, ‫New History URL הוא לא משתנה GTM רגיל ויגרום לשגיאות כשמפרסמים. תמיד בוחרים מתוך המשתנים המובנים הזמינים או מתוך משתנים שהגדרתם בעצמכם.

מידע נוסף על הטריגר הזה זמין במאמר בנושא טריגר של שינוי בהיסטוריה.

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

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

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, ולקבל הבנה מדויקת יותר של המסלול להמרת הלקוח.