מדידת אפליקציות של דף יחיד באמצעות Google Tag Manager

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

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

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

שלב 1: מכינים את מקור הנתונים ב-GA4

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

  1. פותחים את Google Analytics.
  2. בדף ניהול, בקטע איסוף נתונים ושינוי שלהם, לוחצים על מקורות הנתונים.
  3. בוחרים את המקור לנתוני האתר.
  4. בקטע מדידה משופרת, לוחצים על סמל ההגדרות .
  5. בקטע צפיות בדפים > הצגת הגדרות מתקדמות, מבטלים את הסימון של האפשרות שינויים בדפים על סמך אירועים שקשורים להיסטוריית הדפדפן.
  6. לוחצים על שמירה.

שלב 2: הפעלת משתני היסטוריה מוּבְנים ב-Tag Manager

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

  1. פותחים את Google Tag Manager.
  2. בסביבת העבודה, עוברים אל Variables (משתנים).
  3. בקטע Built-In Variables (משתנים מובנים), לוחצים על Configure (הגדרה).
  4. בקטע היסטוריה, מפעילים את המשתנים הבאים:
    • History New URL Fragment
    • History Old URL Fragment
    • History New State
    • History Old State
    • History Source
  5. סוגרים את חלונית ההגדרות.

שלב 3: יצירת הטריגר History Change

לאחר מכן, יוצרים טריגר שמופעל בכל פעם שמתרחש אירוע של שינוי בהיסטוריה (כמו pushState או replaceState) ב-SPA.

  1. בסביבת העבודה ב-Tag Manager, עוברים לתפריט Triggers (טריגרים).
  2. לוחצים על חדש.
  3. בקטע Trigger Configuration (הגדרת הטריגר), בוחרים בטריגר History Change (שינוי בהיסטוריה).
  4. (אופציונלי) אם רוצים לעקוב רק אחרי שינויים מסוימים במסך, מעדכנים את הטריגר כך שיפעל על Some History Changes (חלק מהשינויים בהיסטוריה).
  5. נותנים שם לטריגר (למשל, History Change) ולוחצים על Save (שמירה).

שלב 4: יצירת Google Tag

עכשיו יוצרים Google Tag שמעדכן את הפרמטר page_location בכל פעם שמתרחש שינוי בהיסטוריה.

  1. בתפריט Tags (תגים), לוחצים על New (חדש).
  2. בקטע Tag Configuration (הגדרת התג), בוחרים באפשרות Google Tag.
  3. מזינים את מזהה התג (אותו מזהה שבו השתמשתם ב-Google Tag המקורי).

  4. בקטע Configuration settings (הגדרות אישיות), מוסיפים את הפרמטרים הבאים:

    • page_location: {{Page URL}}
    • page_title: ‏{{Page Title}}
    • update: true

  5. נותנים שם לתג (לדוגמה, Google Tag - SPA Update) ולוחצים על Save (שמירה).

שלב 5: שולחים את האירוע הווירטואלי page_view

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

  1. בתפריט Tags (תגים), לוחצים על New (חדש).
  2. בקטע Tag Configuration (הגדרת תג), בוחרים באפשרות Google Analytics: GA4 Event (Google Analytics: אירוע GA4).
  3. מזינים את מזהה המדידה.
  4. מגדירים את שם האירוע לערך page_view.
  5. בקטע הגדרות מתקדמות > הגדרת רצף תגים, בוחרים באפשרות הפעלה של תג לפני הפעלת אירוע GA4 – צפייה בדף וירטואלי ובוחרים בתג Google Tag – SPA Update (Google Tag – עדכון SPA) שיצרתם בשלב 4.
  6. בקטע Triggering (טריגרים), בוחרים את הטריגר History Change (שינוי בהיסטוריה) שיצרתם בשלב 3.
  7. נותנים שם לתג (למשל, GA4 Event - Virtual Page View) ולוחצים על Save (שמירה).

שלב 6: אימות ההגדרה

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

  1. ב-Tag Manager, לוחצים על תצוגה מקדימה כדי להיכנס למצב תצוגה מקדימה.
  2. מנווטים באפליקציית ה-SPA.
  3. ב-DebugView ב-Google Analytics, מוודאים שמופיע אירוע page_view חדש עבור כל שינוי במסך.
  4. בודקים שהערכים של page_location תואמים לציפיות שלכם.
הקודם
מדידה של אפליקציות בדף יחיד (SPA)
הבא
הגדרה של אירועי רכישה