En este tutorial mostramos como agregar los scripts de Google Analitycs a una aplicación de ASP.NET Core MVC. Estos scripts permiten acceder a información util sobre los visitantes a nuestro sitio web como son el número de vistas diarias,las ubicaciones, el navegador utilizado.

Si solo lo usas para un sitio web lo mas sencillo es incluir el script dentro del la elemento head del layout. Pero si usas varios layout o tienes más de una aplicación en la que requieres métricas de uso tiene sentido pensar en un tener un componente adicional que te permita reutilizarlo en tus aplicaciones o crear una plantilla personalizada que lo incluya.

Configuración de Google Analitycs

Agrega la propiedad en GA Verificar la propiedad de tu dominio

Usando vistas parciales

Primero agregamos el código de rastreo de Google Analitycs al archivo de configuración appsettings.json

{
  "GoogleAnalytics": "UA-130293099-1"
}

Usando inyección de dependencias en la vista inyectamos una propiedad del tipo IConfiguration para leer la clave GoogleAnalytics del archivo de configuración.

@inject Microsoft.Extensions.Configuration.IConfiguration configuration
@using Microsoft.Extensions.Configuration
@{
    var code = configuration.GetValue<string>("GoogleAnalytics");
    var gtag = $"https://www.googletagmanager.com/gtag/js?id={code}";
}
@*Global site tag(gtag.js) - Google Analytics*@
<environment exclude="Development">
    <script async src="@gtag"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', '@code');
    </script>
</environment>

Usando Tag Helpers Components

Anuncio diib es un servicio que se conecta a la API de google Analytics y usa la Inteligencia Artificial para generar un plan de crecimiento personalizado para tu sitio web.