בדף הזה נסביר איך להשתמש ב-gtag.js כדי למדוד אינטראקציות עם דפים באתרים שטוענים תוכן באופן דינמי, ללא טעינות קודמות של דפים מלאים.
סקירה
אפליקציה בדף יחיד (SPA) היא אפליקציית אינטרנט או אתר שטוענים את כל המשאבים שנדרשים כדי לנווט באתר בטעינה הראשונה של הדף. כשהמשתמש לוחץ על קישורים ומקיים אינטראקציה עם הדף, התוכן הבא נטען באופן דינמי. בדרך כלל, האפליקציה תעדכן את כתובת ה-URL בסרגל הכתובות כדי לדמות ניווט מסורתי בדפים, אבל אף פעם לא נשלחת בקשה נפרדת לדף מלא.
Google Tag פועל היטב באתרים מסורתיים, כי קטע הקוד פועל בכל פעם שמשתמשים טוענים דף חדש. עם זאת, באפליקציה בדף יחיד שבה האתר טוען תוכן חדש של דפים באופן דינמי במקום טעינה מלאה של דף, קטע הקוד של gtag.js פועל פעם אחת בלבד. כלומר, צריך למדוד ידנית צפיות נוספות (וירטואליות) בדפים כשתוכן חדש נטען.
מדידת צפיות וירטואליות בדפים
כשהאפליקציה טוענת תוכן באופן דינמי ומעדכנת את כתובת ה-URL בסרגל הכתובות, צריך לעדכן גם את כתובת ה-URL של הדף ששמורה ב-gtag.js. אפשר גם למדוד את השינויים בכתובת באתר כצפיות בדף.
כדי להגדיר את דוחות הנתיב gtag.js, משתמשים בפקודה set כדי לציין
ערך לפרמטר page_path:
gtag('set', 'page_path', page_path);
gtag('event', 'page_view');
למשל:
gtag('set', 'page_path', '/new-page.html');
gtag('event', 'page_view');
אחרי שמוסיפים את הערך החדש של page_path, כל האירועים הבאים שיישלחו לנכס הזה ישתמשו בערך החדש.
טיפול במספר כתובות URL לאותו משאב
חלק מספקי ה-SPA מעדכנים את קטע הגיבוב בכתובת ה-URL רק כשטוענים את התוכן באופן דינמי. השיטה הזו יכולה לגרום למצבים שבהם הרבה נתיבי דפים שונים מפנים לאותו משאב. במקרים כאלה, בדרך כלל מומלץ לבחור בכתובת URL קנונית ולשלוח רק את הערך page_path הזה ל-Google Analytics.
לדוגמה, נניח שיש לכם אתר שניתן להגיע לדף 'מי אנחנו' דרך כל אחת מכתובות ה-URL הבאות:
/about/#/about/home/#/about
כדי למנוע כפילויות בדוחות, מומלץ לתעד את כל הדפים האלה באמצעות /about עבור page_path.