/ Tools

Como Implementar Google Analytics en Nuestro Proyecto

Google Analytics nos permite obtener información como el numero de visitas (diarias, semanales, mensuales, anuales, determinado rango de fechas), también de que países visitan la web, de que tipo de dispositivos, la página que ha sido visitada entre otras muchas informaciones.

Pera para poder obtener toda esta información tenemos que embeber el ID de seguimiento y el fragmento código de seguimiento que nos brinda Google Analytics en nuestra pagina web completa o parcial.

En este articulo vamos a ver una de las formas de como implementar Google Analytics en nuestra página web.

Generar ID y fragmento de código de seguimiento

Antes de seguir debes de tener una cuenta de Google que te permitirá acceder a los servicios que brinda Google, como lo es Google Analytics.

Una vez iniciado sesión en tu cuenta Google Analytics, dirígete a la opción Administrar, que se encuentra en la parte inferior izquierda de su panel principal.

Panel de administración Goolge Analytics


En la columna CUENTA despliega el ComboBox o menú desplegable y selecciona la opción Crear una cuenta.

Crear cuenta Goolge Analytics


En este formulario escogí la opción Sitio web, si ustedes desean generar el código de seguimiento para una aplicación móvil seleccionen la opción Aplicación móvil, luego llenamos los datos que nos piden, recuerden ingresar la dirección web correcta donde se alojara el ID de seguimiento, una vez culminado hagan clic en el botón Obtener ID de seguimiento.

Ingresar información para la nueva cuenta Google Analytics


Para poder utilizar Google Analytics, primero debe aceptar el acuerdo de Condiciones de Servicio del país o de la región donde reside. Recuerda seleccionar tu país y luego haz clic en el botón Acepto.

Aceptar términos de acuerdo de condiciones


Una vez aceptado el acuerdo de condiciones de servicio, se generara el código de seguimiento.

Si por algún motivo saliste y deseas volver a ver el código de seguimiento, dirigete a la columna PROPIEDAD selecciona la propiedad de la cual quieras ver el código de seguimiento, luego la opción Información de seguimiento y para finalizar Código de seguimiento.

Recuerda que puedes crear mas de una propiedad en una cuenta.

Código de seguimiento generado


Implementación del código de seguimiento en un proyecto

Vamos a implementar el código de seguimiento de Google Analytics en un proyecto, para que entiendan mejor.

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Google Analytics</title>

	<!-- Etiqueta global del sitio (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109127691-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());
	  //ID de seguimiento
	  gtag('config', 'UA-109127691-1');
	</script>

</head>
<body>
	<!--Código HTML-->
</body>
</html>

Así de simple agregamos el código de seguimiento de esta poderosa herramienta que es Google Analytics

Luis Rene Mas Mas

Luis Rene Mas Mas

Hola, soy desarrollador front-end, me encanta las tecnologías web, mi pasatiempo favorito es administrar este blog.

Leer Más