וובמאסטר - תיכנות ובניית אתרים

מדריך CSHTML - ניתוח טראפיק באתר

ליאור זמיר ,‏ ג'ון ברייס הדרכה‏ ‏/‏ 6 פברואר, 2011
F+
F-

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

מה תלמד:

· איך לשלוח מידע על התנועה באתר שלך לספק המנתח את התנועה.

במאמר זה נציג את העוזר (Helper) הבא:

· Analytics helper.

מעקב (וניתוח) אחר מידע ממבקרי האתר ("Analytics")

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

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

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

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

Google Analytics


CSHTML כוללת כמה עוזרי Analytics ( Analytics.GetGoogleHtml , Analytics.GetYahooHtml , ו- Analytics.GetStatCounterHtml ) שמקלים על ניהול קטעי ה- JavaScript המשמשים עבור הניתוחים. במקום להבין איך ואיפה לשים את קוד ה- JavaScript, כל שעליך לעשות הוא להוסיף את העוזר לדף. המידע היחיד שעליך לספק הוא שם החשבון שלך. (עבור חשבון Statcounter, אתה צריך גם לספק מספר ערכים נוספים).

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

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

  1. צור חשבון חדש עם Google Analytics.
  2. הוסף לאתר שלך את החבילה: ASP.NET Web Helpers Library במידה ועדיין לא עשית זאת. (ניתן לעשות זאת ע"י הפעלת האתר ופניה לתיקיה Admin_ . לדוגמה: http://localhost:11111/_Admin ולהוסיף מרשימת ה- Online Packages את החבילה ASP.NET Web Helpers Library).
  3. צור דף בשם Analytics.cshtml והוסף את הקוד הבא:
    <!DOCTYPE html>
    <
    html
    >
    <
    head>
      <title>Analytics Test</title
    >
    </
    head
    >
    <
    body>
      <h1>
        Analytics Test Page</h1>
      <p>
        Lorem ipsum dolor sit amet, consectetur
        adipisicing elit, sed do eiusmod tempor
        incididunt ut labore et dolore magna aliqua.
      </p>
      <div id="footer">
        &copy; 2011 MySite
      </div>
      @Analytics.GetGoogleHtml("myaccount")
    </body
    >
    </
    html
    >

     

    הערה עליך למקם את הקריאה ל- Analytics בגוף של דף האינטרנט שלך (לפני התגית <body/>). אחרת, הדפדפן לא יריץ את הסקריפט.

    אם אתה משתמש בספק Analytics שונה, השתמש באחד העוזרים הבאים במקום:

    • Yahoo -
      @Analytics.GetYahooHtml("myaccount")
    • StatCounter -
      @Analytics.GetStatCounterHtml("project", "partition", "security")
  4. החלף את הטקסט myaccount עם השם של החשבון שיצרת בשלב 1.
  5. הפעל את הדף בדפדפן.
  6. באמצעות הדפדפן, הצג את המקור (source) של הדף. תוכל לראות את הקוד שנוצר:
    <!DOCTYPE html>
    <
    html>
      <head>
        <title>Analytics Test</title>
      </head>
      <body>
        <h1>Analytics Test Page</h1>
        <p>
        Lorem ipsum dolor sit amet, consectetur
        adipisicing elit, sed do eiusmod tempor incididunt
        ut labore et dolore magna aliqua.
         </p>
        <div id="footer">
          &copy; 2011 MySite
        </div>

        <script type="text/javascript">
          var gaJsHost = (("https:" == document.location.protocol)?
          "https://ssl." : "http://www.");
          document.write(unescape("%3Cscript src='" + gaJsHost +
          "google-analytics.com/ga.js' " +
          "type='text/javascript'%3E%3C/script%3E"));
        </script
    >




       
        <
    script type="text/javascript">
          try {
            var pageTracker = _gat._getTracker("myaccount");
            pageTracker._trackPageview();
          }
          catch (err) { }
        </script>

      </body
    >
    </
    html
    >

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

ליאור זמיר, ג'ון ברייס הדרכה

כיום אני ה- Webmaster של תוכנית החדשנות של HPE Software.
לפני כן, הייתי מנהל תחום Webmaster ומרצה בכיר בג'ון-ברייס (במשך 9 שנים) בקורסים לפיתוח ותיכנות באמצעות Microsoft .NET, מולטימדיה, בניית אתרי אינטרנט ואינטראנט. פיתוח הדרכה ומתן ייעוץ טכנולוגי.
תגיות: ASP.NET‏  /  CSHTML‏  

תגובות בפייסבוק

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות