הגדרת אירועים

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

במדריך הזה מוסבר איך להגדיר אירועים מומלצים ואירועים מותאמים אישית באתר באמצעות Google Tag‏ (gtag.js) או Google Tag Manager. אין צורך להגדיר אירועים שנאספים באופן אוטומטי ואירועי מדידה משופרת.

קהל

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


‫

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

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

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

  • שיש לכם גישה לקוד המקור של האתר
  • הרשאת עריכה בחשבון Google Analytics

סקירה כללית על Google Tag‏ (gtag.js)

משתמשים ב-API של Google Tag ‏ (gtag.js) כדי לשלוח אירועים אל Google Analytics. ל-API יש פונקציה אחת שנקראת gtag(), ובכל פעם שרוצים לשלוח אירוע ל-Google Analytics, משתמשים בתחביר הבא:

gtag('event', '<event_name>', {
  <event_parameters>
});

בדוגמה הזו, הפונקציה gtag() כוללת את הרכיבים הבאים:

  • פקודה event שמורה ל-Google שאתם שולחים אירוע
  • השם של האירוע המומלץ או המותאם אישית
  • (אופציונלי) אוסף של פרמטרים שמספקים מידע נוסף על האירוע

לדוגמה, האירוע המומלץ הבא שנקרא screen_view כולל שני פרמטרים:

gtag('event', 'screen_view', {
  'app_name': 'myAppName',
  'screen_name': 'Home'
});

הוספת אירועים ל-JavaScript

‫gtag() היא פונקציית JavaScript, ולכן צריך להוסיף את הפונקציה ל-JavaScript בדף האינטרנט. לדוגמה, אפשר להוסיף את הפונקציה בתוך התגים <script> או בקובץ JavaScript נפרד שמייבאים לדף ה-HTML.

אתם יכולים להוסיף אירועים ל-JavaScript בכל מקום מתחת לקטע הקוד של Google Tag. ‫Google לא תעבד נתונים מאירועים שמוצבים מעל קטע הקוד של Google Tag. לדוגמה, קטע הקוד הבא כולל אירוע בשם screen_view בתוך תג <script>:

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-XXXXXXXXXX');
    </script>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title of the page</title>
</head>
<body>
    <p>Welcome to my website!</p>
    
    <script>
      /**
      *   The following event is sent when the page loads. You could
      *   wrap the event in a JavaScript function so the event is
      *   sent when the user performs some action.
      */
      gtag('event', 'screen_view', {
        'app_name': 'myAppName',
        'screen_name': 'Home'
      });
    </script> 
</body>
</html>

אם רוצים לשלוח את האירוע על סמך קליק על לחצן (או פעולת משתמש אחרת), אפשר להוסיף קצת JavaScript לאירוע.

צפייה באירועים ב-Analytics

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

השלבים הבאים

הקודם
Web
הבא
הוספת פרמטרים