25
בינואר
2010

קוד אסינכרוני של גוגל אנליטיקס ושיפור ביצועי האתר

מאת: מאור ברזני | תגובות: 8 | נושאים: אינטרנט,וורדפרס
תגיות: , , , , |

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

קוד האנליטיקס הרגיל, עשוי לגרום להאטת זמן טעינת העמוד בזמנים שונים, ושימוש בקוד א-סינכרוני למעקב מבצע את הקוד כביכול ב"ערוץ תקשורת נוסף" מול השרת, ונטען במקביל לטעינת העמוד. כלומר, בעזרת המעבר לקוד א-סיכנרוני ניתן לצמצם את זמן טעינת העמוד ובכך להאיץ את זמן עליית האתר.

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

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

איך שותלים את הקוד החדש של גוגל אנליטיקס?

כדי לשתול את הקוד החדש, יש להסיר קודם את קוד האנליטיקן הרגיל.

לאחר מכן, יש לאתר את מספר המזהה של החשבון שלכם, המופיעה בצורת UA-XXXXX-X (ספרות במקום XXXXX-X) בתוך הסקריפט הקיים בעמוד. את מספר ה-ID שלכם תוכלו לאתר גם בתוך חשבון גוגל אנליטיקס עצמו.

לאחר מכן, יש לשתול באתר שלכם, מיד אחרי פתיחת אלמנט ה- body, את הקוד הבא, תוך כדי שמוסיפים את מס' ה-ID שלכם במקום המתאים, במקום ה- UA-XXXXX-X: (שימו לב גם ל – ga.async = true; שמופיע בתוך הקוד)

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-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';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
  })();

</script>

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

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

מידע נוסף ניתן לקרוא אצל בעמוד על קוד מעקב אסינכורני של גוגל

שתפו גם אחרים:
  • email
  • Print
  • RSS
  • Facebook
  • Twitter
  • LinkedIn
  • Google Bookmarks
  • Live
  • PDF
  • MySpace
  • del.icio.us
  • Digg
  • Technorati
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Add to favorites

8 תגובות »

  • מאת יצחק:

    תודה

    כתוב ברור – למדתי הרבה.

  • מאת גיא:

    הי מאור,

    "… לקרוא לכל שאר הסקריפטים הנוספים באתר שלכם בתחתית העמוד, לפני סגירת ה-body, או לחילופין בתוך ה- head…מומלץ להוציא החוצה מהעמוד הראשי אל קבצים חיצוניים כמה שיותר סקריפטים ולקרוא להם מתוך ה-head של האתר,.."

    עד כמה זה ישים בוורדפרס כשרוב הסקריפטים נשתלים ע"י תוספים ?
    פורסם לאחרונה אצל גיא.. Special packages Kibbutz hotels + Car Rental My ComLuv Profile

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

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

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

  • מאת גיא:

    אולי הדבר הזה יעניין אותך http://www.webogroup.com/home/site-speedup/features/

    יש לו גם גירסת פלגין חינמית, ניסיתי אותה, מרשים למדי
    פורסם לאחרונה אצל גיא.. Special packages Kibbutz hotels + Car Rental My ComLuv Profile

  • מאת zipdrive:

    שלום,
    התקנתי את הקוד הנ"ל באתר לפני כרבע שעה, אבל מתוך גוגל אנליטיקס אני מקבל את ההודעה הבאה
    Analytics has been successfully installed and data is being gathered now.

    יש לך מושג אם זה עניין של זמן עד שיהיה מידע, או שיש אצלי בעיה מסוימת?
    פורסם לאחרונה אצל zipdrive.. ‫אוי, יוביסופט, מה יהיה?‬ My ComLuv Profile

  • @zipdrive –
    קודם כל ההודעה אומרת שקוד המעקב הותקן בהצלחה.
    לגבי המידע באנליטיקס – זה אחד החסרונות שלם, המידע הוא לא אונליין ומיידי ולוקח זמן עד שהנתונים מופיעים בתוך המערכת.
    קח בחשבון שכל נתון שאתה רואה שם עדכני לבערך 24 שעות אחורה. אני מניח שתוך יום תתחיל לראות שם גם את נתוני המעקב שלך.

    אגב, הסתכלתי באתר שלך וראיתי שהקוד האסינכרוני שם בהערה ולא פעיל. הקוד שאתה מפעיל הוא הרגיל.
    אחד משניים – או שתעבור לקוד גוגל האסינכרוני (שזה עדיף ומומלץ), או שתישאר עם הקוד הקיים אבל במקרה הזה תוריד אותו למטה לפני סגירת תגית ה-body ואל תשאיר אותו שם למעלה.

  • מאת ariel:

    לפי ההמלצות של גוגל לגבי הקוד האסינכרני, הם כותבים במפורש לשים אותו לפני סגירת התגית
    למה כתבת ששמים את זה בבודי?

    • ההמלצה הנוכחית של גוגל היא לשים את קוד המעקב ממש לפני סגירת תגית ה-head.
      כנראה שהם שינו את ההמלצה הקודמת שלהם, כי כשהפוסט הזה פורסם, ההמלצה הרשמית של גוגל היתה לשים את הקוד מיד עם פתיחת תגית ה -body, ולא בסוף ה-head.

פיד RSS לתגובות בפוסט | טראקבק


הוסף תגובה

You can add images to your comment by clicking here.

TechnoCraft - פתרונות אינטרנט


אֶקְסְפֶּרִימֶנְט דוֹט אֶפֶס - וורדפרס, תוכן, טכנולוגיה ועוד כמה דברים - מופעל באמצעות WordPress | פתרונות אינטרנט