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

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

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

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


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

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

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

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

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

משתמשים ב-Google Tag (gtag.js) API כדי לשלוח אירועים ל-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 יש צורך בכמה נוספים. ההגדרות האישיות של הדוח לפני שתוכלו להשתמש בדוח. שני הדוחות האלה מראים לכם אירועים שהמשתמשים מפעילים באתר בזמן שהם מופעלים.

השלבים הבאים