הוספת analytics.js לאתר

ספריית analytics.js (שנקראת גם 'התג של Google Analytics') היא ספריית JavaScript למדידת האינטראקציות של המשתמשים עם האתר. במסמך הזה מוסבר איך להוסיף את התג של Google Analytics לאתר.

תג Google Analytics

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

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

הקוד שלמעלה מבצע ארבע פעולות עיקריות:

  1. יוצר רכיב <script> שמתחיל להוריד באופן אסינכרוני את ספריית ה-JavaScript analytics.js מ-https://www.google-analytics.com/analytics.js
  2. מפעילה פונקציית ga גלובלית (שנקראת תור הפקודות ga()) שמאפשרת לתזמן הרצה של פקודות ברגע שספריית analytics.js נטענת ומוכנה לפעולה.
  3. מוסיף פקודה לתור הפקודות של ga() כדי ליצור אובייקט מעקב חדש עבור הנכס שצוין באמצעות הפרמטר 'GA_MEASUREMENT_ID'.
  4. מוסיף פקודה נוספת לתור הפקודות ga() כדי לשלוח צפייה בדף אל Google Analytics עבור הדף הנוכחי.

הטמעות מותאמות אישית עשויות לחייב שינוי של שתי השורות האחרונות בתג Google Analytics (הפקודות create ו-send) או הוספה של קוד כדי לתעד יותר אינטראקציות. עם זאת, אין לשנות את הקוד שטוען את ספריית analytics.js או מפעיל את פונקציית תור הפקודות ga().

תג אסינכרוני חלופי

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

התג האסינכרוני החלופי שבהמשך מוסיף תמיכה בטעינה מראש, שתעניק שיפור קטן בביצועים בדפדפנים מודרניים, אבל עלול לפגוע בטעינה ובהפעלה סינכרוניות ב-IE 9 ובדפדפנים ישנים יותר לנייד שאינם מזהים את מאפיין הסקריפט async. יש להשתמש בהגדרת התג הזו רק אם המבקרים משתמשים בעיקר בדפדפנים מודרניים כדי לגשת לאתר.

<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

אילו נתונים מתעד התג של Google Analytics?

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

  • משך הזמן הכולל שמשתמש שוהה באתר שלך.
  • משך הביקור של המשתמש בכל דף והסדר שבו ביקרו בדפים האלה.
  • אילו קישורים פנימיים לחצו (על סמך כתובת ה-URL של הצפייה הבאה בדף).

בנוסף: נעשה שימוש בכתובת ה-IP, במחרוזת של סוכן המשתמש ובבדיקה הראשונית של הדף שמתבצעת ב-analytics.js כשיוצרים אובייקט מעקב חדש, כדי לקבוע דברים כמו:

  • המיקום הגיאוגרפי של המשתמש.
  • סוג הדפדפן ומערכת ההפעלה שבהם נעשה שימוש.
  • גודל המסך והאם מותקנים Flash או Java.
  • האתר המפנה.

השלבים הבאים

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

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

המדריך הבא בסדרה הזו מסביר איך פועל analytics.js.