קבלת סטטיסטיקות על זמני הטעינה באמצעות גוגל אנליטיקס לא הייתה קלה יותר. מעכשיו אתה יכול לקבל יותר מידע מ-Google Analytics באמצעות גרף מדויק וברור יותר שהתווסף בממשק החדש של המערכת. גוגל עדכנה לאחרונה את ממשק משתמש של גוגל אנליטיקס וגם הוסיפה כמה תוספים מאוד מדליקים שיכולים לתת מענה להרבה צרכים, למשל אתרים שרוצים לעקוב ולבדוק את זמני טעינה של האתר ושל העמודים ספציפיים. הנושא שעליו אנחנו נדבר היום הוא Site Speed. חשוב לציין שניתן לצפות בו או להגיע אליו רק דרך ממשק ניהול החדש של Analytics. בממשק הישן זה לא קיים.
כדי לגשת ולקבל מידע על זמני טעינה בתוך גרף הסטטיסטיקות של גוגל אנליטיקס, עליך להתקין אותה באתר ובמדריך הזה נעבור על שלבי התקנה פשוטים לצורך התקנת התוסף.
לפני שניכנס לתוך ההסברים חשוב לציין שאתם חייבים להיות רשומים בגוגל אנליטיקס וקוד שלה צריכה להיות מותקנת אצלכם באתר. אם עדיין לא התקנת את קוד של המערכת באתרך, נא להיכנס למדריך לאיך להתקין גוגל אנליטיקס באתר ועקוב אחרי ההוראות ההתקנה. לאחר שתסיים את שלבי ההתקנה, אתה מוזמן לחזור למדריך זה.
לפני שנתחיל עם ההתקנה של "סייט ספיד" חשוב לציין מה אנחנו יכולים להפיק ממנה. שימוש ב-Site Speed Tracking באנליטיקס אתה יכול לגלות אילו עמודי נחיתה באתר הם איטיים יותר ואילו מהירים יותר. איך זמן הטעינה מושפעת מאזורים גאוגרפיים שונים בעולם ואיך אתר שלך נטען בדפדפנים שונים.
אז בואו נתחיל….
איך להתקין Site Speed בגוגל אנליטיקס?
שלב ראשון: בתמונה למטה מוצג קוד של גוגל אנליטיקס שקיבלת בעת רישום האתר בגוגל אנליטיקס. (אין צורך לעתיק את הקוד.)
כאן מוצג קוד המקור של גוגל אנליטיקס.
<!– Start of GA Code –> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'XX-XXXXXXXX-X']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); <!– END of GA Code –>
שלב 2: עדכון הקוד
עתק את הקוד הנ"ל לתוך קוד שסופק לך במערכת גוגל אנליטיקס.
- _gaq.push(['_trackPageLoadTime']);
אחרי הטמעה הקוד אמור להיראות כך:
<!– Start of GA Code –> var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'XX-XXXXXXXX-X']);
- _gaq.push(['_trackPageview']);
- _gaq.push(['_trackPageLoadTime']);
- (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); <!– END of GA Code –>
שלב 3: בדיקת תקינות.
עליך להתחבר לחשבונך בגוגל אנליטיקס וללחוץ על כתור New Version כדי לעבור לממשק החדש. (במידה והממשק החדש מופיע אצלך בתור ברירת מחדל, אז כנראה המדריך זה נכתב לפני השינוי)
- כנס ל- My Site ->> Reports ->> Content
- בתוך קטגוריית Content מופיע לך Site Speed.
הערות: בתור ברירת מחדל האפשרות של הסיפת נתונים של טעינת האתר ב-Site Speed בגוגל אנליטיקס אינה מופעלת ויש לעקוב אחרי מדריך זה כדי להפעיל אותה. אחרי ההתקנה יש צורך להמתין לפחות כמה דקות ועד לכמה שעות לפני שיהיה אפשר לראות תוצאות במערכת, לכן לא לדאוג אם אינכם רואים תוצאות מידיות לאחר ההתקנה.
נשמע מעניין
לידע כללי, האם להפעלה של האופציה הזאת אין השפעה על זמן הטעינה?
לא. בס"כ זה פונקציה בתוך js שאוסף עוד נתון מזערי. אגב זה מופעל באתר הזה. למרות שאתר הזה כבד בגלל העומס הגולשים ועומס פונקציונלית מאחורי הקלעים, לא הרגשתי שינוי בזמני טעינה לאחר הפעלתו של הפונקציה הזאת.