Aracılığıyla paylaş


ASP.NET Web Sayfaları (Razor) Sitesi için Ziyaretçi Bilgilerini İzleme (Analiz)

yazan: Tom FitzMacken

Bu makalede, bir ASP.NET Web Sayfaları (Razor) web sitesindeki sayfalara web sitesi analizi eklemek için yardımcının nasıl kullanılacağı açıklanır.

Öğrenecekleriniz:

  • Web sitesi trafiğiniz hakkında bir analiz sağlayıcısına bilgi gönderme.

Makalede tanıtılan ASP.NET programlama özellikleri şunlardır:

  • Yardımcı Analytics .

Öğreticide kullanılan yazılım sürümleri

  • ASP.NET Web Sayfaları (Razor) 2
  • ASP.NET Web Yardımcıları Kitaplığı (NuGet paketi)

Analiz, kullanıcıların siteyi nasıl kullandığını anlayabilmen için web sitenizdeki trafiği ölçen genel bir teknoloji terimidir. Google, Yahoo, StatCounter ve diğer hizmetler de dahil olmak üzere birçok analiz hizmeti mevcuttur.

Analizin çalışma şekli, izlemek istediğiniz siteyi kaydettiğiniz analiz sağlayıcısıyla bir hesaba kaydolmanızdır. Sağlayıcı, hesabınız için bir kimlik veya izleme kodu içeren bir JavaScript kodu parçacığı gönderir. JavaScript kod parçacığını, izlemek istediğiniz sitedeki web sayfalarına eklersiniz. (Analiz parçacığını genellikle bir alt bilgi veya düzen sayfasına ya da sitenizdeki her sayfada görünen başka bir HTML işaretlemesine eklersiniz.) Kullanıcılar bu JavaScript kod parçacıklarından birini içeren bir sayfa istediğinde, kod parçacığı geçerli sayfa hakkındaki bilgileri analiz sağlayıcısına gönderir ve bu bilgiler sayfayla ilgili çeşitli ayrıntıları kaydeder.

Site istatistiklerinize göz atmak istediğinizde analiz sağlayıcısının web sitesinde oturum açarsınız. Daha sonra siteniz hakkında her türlü raporu görüntüleyebilirsiniz, örneğin:

  • Tek tek sayfaların sayfa görüntüleme sayısı. Bu size (kabaca) siteyi kaç kişinin ziyaret ettiğinizi ve sitenizdeki hangi sayfaların en popüler olduğunu bildirir.

  • İnsanların belirli sayfalarda ne kadar zaman harcadığı. Bu, giriş sayfanızın insanların ilgisini koruyup korumadığı gibi şeyler söyleyebilir.

  • Kişilerin sitenizi ziyaret etmeden önce hangi sitelerde bulundukları. Bu, trafiğinizin bağlantılardan mı, aramalardan mı geldiğini vb. anlamanıza yardımcı olur.

  • İnsanlar sitenizi ziyaret ettiğinde ve ne kadar süre kaldıkları.

  • Ziyaretçilerinin hangi ülkelerden olduğunu.

  • Ziyaretçilerinizin kullandığı tarayıcılar ve işletim sistemleri.

    Ch14traffic-1

Sayfaya Analiz Eklemek için Yardımcı Kullanma

ASP.NET Web Sayfaları, analiz için kullanılan JavaScript kod parçacıklarını yönetmeyi kolaylaştıran çeşitli analiz yardımcıları (Analytics.GetGoogleHtml, Analytics.GetYahooHtmlve Analytics.GetStatCounterHtml) içerir. JavaScript kodunun nasıl ve nereye yerleştirileceğine karar vermek yerine tek yapmanız gereken yardımcıyı bir sayfaya eklemektir. Sağlamanız gereken tek bilgi hesap adınız, kimliğiniz veya izleme kodunuzdur. (StatCounter için birkaç ek değer de sağlamanız gerekir.)

Bu yordamda, yardımcıyı GetGoogleHtml kullanan bir düzen sayfası oluşturacaksınız. Diğer analiz sağlayıcılarından biriyle zaten bir hesabınız varsa, bunun yerine bu hesabı kullanabilir ve gerektiğinde küçük ayarlamalar yapabilirsiniz.

Not

Analiz hesabı oluşturduğunuzda, izlemek istediğiniz sitenin URL'sini kaydedersiniz. Yerel bilgisayarınızda her şeyi test ediyorsanız gerçek trafiği izlemezsiniz (tek trafik sizsiniz), bu nedenle site istatistiklerini kaydedemez ve görüntüleyemezsiniz. Ancak bu yordamda bir sayfaya analiz yardımcısını nasıl ekleyeceğiniz gösterilir. Sitenizi yayımladığınızda, canlı site analiz sağlayıcınıza bilgi gönderir.

  1. ASP.NET Web Yardımcıları Kitaplığı'nı, daha önce eklemediyseniz , ASP.NET Web Sayfaları Sitesine Yardımcı Yükleme bölümünde açıklandığı gibi web sitenize ekleyin.

  2. Google Analytics ile bir hesap oluşturun ve hesap adını kaydedin.

  3. Analytics.cshtml adlı bir düzen sayfası oluşturun ve aşağıdaki işaretlemeyi ekleyin:

    @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>
    

    Not

    Web sayfanızın gövdesinde (etiketinden önce) yardımcıya çağrıyı Analytics</body> yerleştirmeniz gerekir. Aksi takdirde, tarayıcı betiği çalıştırmaz.

    Farklı bir analiz sağlayıcısı kullanıyorsanız, bunun yerine aşağıdaki yardımcılardan birini kullanın:

    • (Yahoo) @Analytics.GetYahooHtml("myaccount")
    • (StatCounter) @Analytics.GetStatCounterHtml("project", "security")
  4. değerini 1. adımda oluşturduğunuz hesap, kimlik veya izleme kodunun adıyla değiştirin myaccount .

  5. Sayfayı tarayıcıda çalıştırın. (Sayfayı çalıştırmadan önce Dosyalar çalışma alanında seçili olduğundan emin olun.)

  6. Tarayıcıda sayfa kaynağını görüntüleyin. İşlenmiş analiz kodunu görebilirsiniz:

    <!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. Google Analytics sitesinde oturum açın ve sitenizin istatistiklerini inceleyin. Sayfayı canlı bir sitede çalıştırıyorsanız ziyaretinizi sayfanıza kaydeden bir girdi görürsünüz.

Ek Kaynaklar