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

אירועים מאפשרים למדוד אינטראקציות של משתמשים באתר או באפליקציה. לדוגמה, אפשר למדוד מקרים שבהם משתמש טוען דף, לוחץ על קישור ומבצע רכישה. מערכת 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 ואירוע מותאם אישית בשם signup_newsletter בתוך תג <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 events are sent when the page loads. You send
      *   recommended and custom events the same way. You could wrap
      *   the events in JavaScript functions so they are sent when
      *   users perform specific actions.
      */
      gtag('event', 'screen_view', {
        'app_name': 'myAppName',
        'screen_name': 'Home'
      });
      gtag('event', 'signup_newsletter', {
        'method': 'web'
      });
    </script> 
</body>
</html>

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

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

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

השלבים הבאים

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