Udostępnij za pośrednictwem


Śledzenie informacji o odwiedzających (analiza) dla witryny ASP.NET Web Pages (Razor)

– autor Tom FitzMacken

W tym artykule opisano sposób używania pomocnika do dodawania analizy witryny internetowej do stron w witrynie internetowej ASP.NET Web Pages (Razor).

Zawartość:

  • Jak wysyłać informacje o ruchu witryny internetowej do dostawcy analizy.

Oto ASP.NET funkcje programowania wprowadzone w artykule:

  • Pomocnik Analytics .

Wersje oprogramowania używane w samouczku

  • ASP.NET Web Pages (Razor) 2
  • biblioteka pomocników sieci Web ASP.NET (pakiet NuGet)

Analiza to ogólny termin dla technologii, która mierzy ruch w witrynie internetowej, dzięki czemu można zrozumieć, jak ludzie korzystają z witryny. Dostępnych jest wiele usług analitycznych, w tym usług firmy Google, Yahoo, StatCounter i innych.

Sposób działania analizy polega na zarejestrowaniu się w celu utworzenia konta za pomocą dostawcy analizy, w którym rejestrujesz witrynę, którą chcesz śledzić. Dostawca wysyła fragment kodu JavaScript, który zawiera identyfikator lub kod śledzenia twojego konta. Fragment kodu JavaScript można dodać do stron internetowych w witrynie, którą chcesz śledzić. (Zazwyczaj dodasz fragment kodu analizy do stopki lub strony układu lub innego znacznika HTML wyświetlanego na każdej stronie w witrynie). Gdy użytkownicy żądają strony zawierającej jeden z tych fragmentów kodu JavaScript, fragment kodu wysyła informacje o bieżącej stronie do dostawcy analizy, który rejestruje różne szczegóły dotyczące strony.

Jeśli chcesz zapoznać się ze statystykami witryny, zaloguj się do witryny internetowej dostawcy analiz. Następnie możesz wyświetlać różnego rodzaju raporty dotyczące witryny, takie jak:

  • Liczba wyświetleń stron dla poszczególnych stron. Informuje to (w przybliżeniu) o tylu osobach odwiedzających witrynę, a które strony w witrynie są najbardziej popularne.

  • Jak długo ludzie spędzają na określonych stronach. Może to powiedzieć, czy strona główna utrzymuje zainteresowanie ludzi.

  • Na jakich stronach byli ludzie, zanim odwiedzili twoją witrynę. Pomaga to zrozumieć, czy ruch pochodzi z linków, od wyszukiwań itd.

  • Kiedy ludzie odwiedzają twoją witrynę i jak długo pozostają.

  • Z jakich krajów pochodzą Twoi goście.

  • Jakie przeglądarki i systemy operacyjne są używane przez odwiedzających.

    Ch14traffic-1

Używanie pomocnika do dodawania analizy do strony

ASP.NET Web Pages zawiera kilka pomocników analitycznych (Analytics.GetGoogleHtml, Analytics.GetYahooHtmli Analytics.GetStatCounterHtml), które ułatwiają zarządzanie fragmentami kodu JavaScript używanymi do analizy. Zamiast dowiedzieć się, jak i gdzie umieścić kod JavaScript, wystarczy dodać pomocnika do strony. Jedyne informacje, które należy podać, to nazwa konta, identyfikator lub kod śledzenia. (W przypadku funkcji StatCounter należy również podać kilka dodatkowych wartości).

W tej procedurze utworzysz stronę układu, która używa GetGoogleHtml pomocnika. Jeśli masz już konto z jednym z innych dostawców analizy, możesz zamiast tego użyć tego konta i wprowadzić niewielkie korekty zgodnie z potrzebami.

Uwaga

Podczas tworzenia konta analitycznego rejestrujesz adres URL witryny, którą chcesz śledzić. Jeśli testujesz wszystko na komputerze lokalnym, nie będziesz śledzić rzeczywistego ruchu (jedynym ruchem jest Ty), więc nie będzie można rejestrować i wyświetlać statystyk witryny. Ta procedura pokazuje jednak sposób dodawania pomocnika analizy do strony. Po opublikowaniu witryny witryna na żywo wyśle informacje do dostawcy analiz.

  1. Dodaj bibliotekę pomocników sieci Web ASP.NET do witryny sieci Web zgodnie z opisem w temacie Instalowanie pomocników w witrynie ASP.NET stron sieci Web, jeśli jeszcze jej nie dodano.

  2. Utwórz konto za pomocą usługi Google Analytics i zarejestruj nazwę konta.

  3. Utwórz stronę układu o nazwie Analytics.cshtml i dodaj następujące znaczniki:

    @using Microsoft.Web.Helpers;
    <!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; 2012 MySite
        </div>
        @Analytics.GetGoogleHtml("myaccount")
      </body>
    </html>
    

    Uwaga

    Należy umieścić wywołanie pomocnika Analytics w treści strony internetowej (przed tagiem </body> ). W przeciwnym razie przeglądarka nie uruchomi skryptu.

    Jeśli używasz innego dostawcy analizy, użyj jednego z następujących pomocników:

    • (Yahoo) @Analytics.GetYahooHtml("myaccount")
    • (StatCounter) @Analytics.GetStatCounterHtml("project", "security")
  4. Zastąp myaccount ciąg nazwą konta, identyfikatora lub kodu śledzenia utworzonego w kroku 1.

  5. Uruchom stronę w przeglądarce. (Przed uruchomieniem strony upewnij się, że strona została wybrana w obszarze roboczym Pliki ).

  6. W przeglądarce wyświetl źródło strony. Zobaczysz renderowany kod analizy:

    <!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; 2012 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. Zaloguj się do witryny usługi Google Analytics i sprawdź statystyki twojej witryny. Jeśli uruchamiasz stronę w witrynie na żywo, zobaczysz wpis, który rejestruje wizytę na stronie.

Dodatkowe zasoby