google-analytics

#google-
analytics
Tabla de contenido
Acerca de 1

Capítulo 1: Empezando con google-analytics 2

Observaciones 2

Bibliotecas y SDKs para seguimiento. 2

APIs para informes y configuración 2

Examples 2

Agregando analytics.js a su sitio web 2

Visión general 3

Seguimiento de páginas llamadas por AJAX y contenido no html 3

Fragmento de seguimiento asíncrono alternativo 4

Usando Plugins 4

¿Qué datos captura el fragmento de seguimiento? 5

Subirse a bordo con Google Analytics 5

Capítulo 2: Crear y gestionar objetivos. 7

Examples 7

Objetivos inteligentes 7

Capítulo 3: Latencia de procesamiento de datos 8

Examples 8

¿Qué es la latencia de procesamiento de datos? 8

Capítulo 4: Muestreo 9

Parámetros 9

Observaciones 9

Examples 9

Frecuencia de muestreo 9

Capítulo 5: Registro de errores de JavaScript en Google Analytics 11

Observaciones 11

Examples 11

El siguiente código enviará todos los errores de JavaScript en Google Analytics 11

Capítulo 6: Seguimiento de eventos 12

Introducción 12
 Sintaxis 12

Parámetros 12

Examples 12

Seguimiento de búsquedas dentro de su sitio 12

Seguimiento de las acciones del carrito de compras. 13

Capítulo 7: Visualización de datos de Google Analytics en su sitio web 15

Examples 15

Visualización de datos de Google Analytics en su sitio web 15

PASO 1: Configurar Google Analytics 15

PASO 2: Obtener fichas 15

Paso 3: Obtener datos 18

Paso 4: Mostrar datos 19

Creditos 21
Acerca de
You can share this PDF with anyone you feel could benefit from it, downloaded the latest version
from: google-analytics

It is an unofficial and free google-analytics ebook created for educational purposes. All the content
is extracted from Stack Overflow Documentation, which is written by many hardworking individuals
at Stack Overflow. It is neither affiliated with Stack Overflow nor official google-analytics.

The content is released under Creative Commons BY-SA, and the list of contributors to each
chapter are provided in the credits section at the end of this book. Images may be copyright of
their respective owners unless otherwise specified. All trademarks and registered trademarks are
the property of their respective company owners.

Use the content presented in this book at your own risk; it is not guaranteed to be correct nor
accurate, please send your feedback and corrections to [email protected]

https://riptutorial.com/es/home 1
Capítulo 1: Empezando con google-analytics
Observaciones
Google Analytics y la plataforma para desarrolladores de Google Analytics le permiten recopilar,
configurar y analizar sus datos para llegar a la audiencia adecuada.

Bibliotecas y SDKs para seguimiento.

• Seguimiento web (analytics.js) : mide la interacción del usuario con sitios web o aplicaciones
web.
• Android : mide la interacción del usuario con las aplicaciones de Android.
• iOS : mide la interacción del usuario con las aplicaciones iOS.
• Protocolo de medición : mida la interacción del usuario en cualquier entorno con este
protocolo de bajo nivel.
• Unity : rastrea las interacciones de los usuarios en los juegos de Unity.
• AMP HTML : rastrea las interacciones del usuario en las páginas de AMP.

APIs para informes y configuración

• Core Reporting API : consulte las dimensiones y métricas para producir informes
personalizados.
• Incrustar API : cree e incruste fácilmente paneles en un sitio web de terceros en cuestión de
minutos.
• API de informes de embudos multicanal : consulte las rutas de origen de tráfico que
conducen a la conversión de objetivos de un usuario.
• API de informes en tiempo real : informe sobre la actividad que se está produciendo en su
propiedad en este momento.
• API de metadatos : acceda a la lista de dimensiones y métricas de la API y sus atributos.
• API de administración : vea y administre cuentas, propiedades, vistas, filtros, subidas,
permisos, etc.
• API de aprovisionamiento : cree cuentas de Google Analytics y habilite Google Analytics
para sus clientes a escala.

Examples
Agregando analytics.js a su sitio web

Agregue el siguiente código (conocido como "fragmento de seguimiento de JavaScript") a las

plantillas de su sitio.

El código debe agregarse antes de la etiqueta de cierre y la cadena 'UA-XXXXX-Y' debe

reemplazarse con la ID de propiedad (también llamada "ID de seguimiento") de la propiedad de
Google Analytics que desea rastrear.

https://riptutorial.com/es/home 2
 <!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');

ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

El código anterior hace cuatro cosas principales:

1. Crea un elemento <script> que comienza a descargar de forma asíncrona la biblioteca de

JavaScript analytics.js desde https://www.google-analytics.com/analytics.js
2. Inicializa una función global ga (llamada la cola de comandos ga() ) que le permite
programar comandos para que se ejecuten una vez que la biblioteca analytics.js esté
cargada y lista para funcionar.
3. Agrega un comando a la cola de comandos ga() para crear un nuevo objeto de rastreador
para la propiedad especificada a través del parámetro 'UA-XXXXX-Y' .
4. Agrega otro comando a la cola de comandos ga() para enviar una página a Google
Analytics para la página actual.

Visión general

Google Analytics se utiliza para rastrear la actividad del usuario en su sitio web o aplicación móvil.

Para configurar Google Analytics en un sitio web, deberá obtener un fragmento de código
JavaScript de Google que incruste en el encabezado de cada página de su sitio para el que
desee realizar un seguimiento de la actividad de los usuarios.

Obtenga el fragmento de código en www.google.com/analytics , y en la pestaña Administrador,

seleccione "Crear nueva cuenta" en el menú desplegable de la columna de la cuenta a la
izquierda.

Seguimiento de páginas llamadas por AJAX y contenido no html

Para rastrear las llamadas "vistas de página virtuales", use el método ga('send') justo después de
su solicitud asíncrona:

Sintaxis: ga('send', 'pageview', 'path to your virtual page');

Ejemplo (enlace simple):

<a href="http://example.com/my.pdf"
onClick="ga('send', 'pageview', '/virtual/my.pdf');">Download PDF</a>

Ejemplo (JQuery AJAX):

https://riptutorial.com/es/home 3
 $.ajax({
url: '/ajax-url/file.json',
data: {page: 4},
success: function(data) {
ga('send', 'pageview', '/ajax-url/file.json');
console.log("Got response",data);
},
dataType: 'json',
method: 'GET'
});

Fuentes:

• ¿Cómo puedo hacer que Google Analytics realice un seguimiento de las páginas a las que
llama AJAX?
• Seguimiento de páginas vistas virtuales: developers.google.com

Fragmento de seguimiento asíncrono alternativo

Si bien el fragmento de seguimiento de JavaScript descrito anteriormente garantiza que el script

se cargará y ejecutará de forma asíncrona en todos los navegadores, tiene la desventaja de no
permitir que los navegadores modernos carguen el script con anterioridad.

El fragmento de seguimiento asíncrono alternativo a continuación agrega soporte para la

precarga, que proporcionará un pequeño aumento de rendimiento en los navegadores modernos,
pero puede degradarse a la carga y ejecución síncronas en IE 9 y los navegadores móviles más
antiguos que no reconocen el atributo de script asíncrono. Utilice este fragmento de seguimiento
solo si sus visitantes utilizan principalmente navegadores modernos para acceder a su sitio.

<!-- Google Analytics -->

<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

Usando Plugins

Los complementos son scripts que mejoran la funcionalidad de analytics.js para ayudar a medir la
interacción del usuario. Los complementos suelen ser específicos de un conjunto de
características que pueden no ser requeridos por todos los usuarios de Google Analytics, como el
comercio electrónico o el seguimiento entre dominios, y por lo tanto no están incluidos en
analytics.js de forma predeterminada.

Esta guía explica cómo requerir y usar los complementos de analytics.js.

El comando require toma el nombre de un complemento y lo registra para su uso con la cola de
comandos ga() . Si el complemento acepta opciones de configuración, esas opciones se pueden

https://riptutorial.com/es/home 4
pasar como el argumento final al comando require.

La siguiente es la firma completa del comando require:

ga('[trackerName.]require', pluginName, [pluginOptions]);

Por ejemplo, aquí es cómo necesitaría el complemento de comercio electrónico mejorado para
usar con el rastreador predeterminado:

ga('require', 'ec');

Y aquí es cómo necesitaría el complemento de Características de pantalla para un rastreador

llamado "myTracker" y pasar una opción de configuración que invalida el valor de nombre de
cookie predeterminado:

ga('myTracker.require', 'displayfeatures', {
cookieName: 'display_features_cookie'
});

¿Qué datos captura el fragmento de seguimiento?

Cuando agrega cualquiera de estos fragmentos de seguimiento a su sitio web, envía una visita de
página para cada página que visitan sus usuarios. Google Analytics procesa estos datos y puede
inferir una gran cantidad de información que incluye:

El tiempo total que un usuario pasa en su sitio. El tiempo que un usuario pasa en cada página y
en qué orden se visitaron esas páginas. En qué enlaces internos se hizo clic (según la URL de la
siguiente página vista). Además, la dirección IP, la cadena de agente de usuario y la inspección
de la página inicial analytics.js se utilizan cuando se crea un nuevo rastreador para determinar
cosas como las siguientes:

La ubicación geográfica del usuario. Qué navegador y sistema operativo se están utilizando.
Tamaño de pantalla y si está instalado Flash o Java. El sitio de referencia.

Subirse a bordo con Google Analytics

1. Obtención de una cuenta de GA : Si no tiene una cuenta de Analytics, cree una. Si tiene
una cuenta de Analytics, inicie sesión. Ambas opciones están disponibles en
google.com/analytics

2. Configuración de una propiedad en su cuenta de Analytics: Una propiedad representa

su sitio web o aplicación donde los datos se agregan.

3. Cree una vista: las vistas le permiten crear perspectivas filtradas de sus datos. Cuando
creas una propiedad, se crea una vista por defecto. Puede crear varias vistas según el
requisito y filtrar los informes según la estructura de informes.

4. Incruste Analytics en su sitio web : vaya a la propiedad> información de seguimiento y

https://riptutorial.com/es/home 5
 obtenga el código de seguimiento que se muestra a continuación

<!-- Google Analytics -->

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');

ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

5. La cadena ' UA-XXXXX-Y ' debe reemplazarse con la ID de propiedad (también llamada "ID
de seguimiento") de la propiedad de Google Analytics que desea rastrear.

Con estos sencillos pasos, su sitio web estará listo para enviar las páginas vistas a GA.

Lea Empezando con google-analytics en línea: https://riptutorial.com/es/google-

analytics/topic/1246/empezando-con-google-analytics

https://riptutorial.com/es/home 6
Capítulo 2: Crear y gestionar objetivos.
Examples
Objetivos inteligentes

Además de los tipos de objetivos descritos anteriormente, Analytics proporciona un método

alternativo de seguimiento de conversiones llamado Smart Goals. Los objetivos inteligentes están
diseñados específicamente para ayudar a los anunciantes de AdWords que pueden no tener
suficientes conversiones para usar las herramientas de optimización de AdWords, como las
ofertas automáticas. Cuando tiene habilitados los objetivos inteligentes, Analytics evalúa
automáticamente su sitio web o las visitas a las aplicaciones y le asigna un puntaje, y las
"mejores" visitas se traducen en objetivos inteligentes.

Lea Crear y gestionar objetivos. en línea: https://riptutorial.com/es/google-

analytics/topic/6142/crear-y-gestionar-objetivos-

https://riptutorial.com/es/home 7
Capítulo 3: Latencia de procesamiento de
datos
Examples
¿Qué es la latencia de procesamiento de datos?

Cuando se envía un hit a Google Analytics, los datos deben procesarse. La latencia de
procesamiento es de 24-48 horas. Esto significa que puede tomar tiempo antes de que vea los
datos en los informes estándar (no en tiempo real), es posible que cualquier información que vea
no sea correcta, ya que probablemente no se haya completado el procesamiento.

Las cuentas estándar que envían más de 200,000 sesiones por día a Analytics harán que los
informes se actualicen solo una vez al día. Esto puede demorar las actualizaciones de los
informes y las métricas hasta por dos días. Para restaurar el procesamiento interno, reduzca el
número de sesiones que su cuenta envía a <200,000 por día. Para las cuentas de Analytics 360,
este límite se extiende a 2 mil millones de visitas por mes.

Lea Latencia de procesamiento de datos en línea: https://riptutorial.com/es/google-

analytics/topic/6413/latencia-de-procesamiento-de-datos

https://riptutorial.com/es/home 8
Capítulo 4: Muestreo
Parámetros

Parámetro Detalles

Número flotante que describe la cantidad de usuarios en porcentaje a realizar

sampleRate
un seguimiento. Predeterminado = 100.

Observaciones
El muestreo en Analytics es la práctica de seleccionar un subconjunto de datos de su
tráfico e informar sobre las tendencias disponibles en ese conjunto de muestra. El
muestreo se usa ampliamente en el análisis estadístico porque el análisis de un
subconjunto de datos da resultados similares al análisis de todos los datos. Además,
el muestreo acelera el procesamiento de informes cuando el volumen de datos es tan
grande como para ralentizar las consultas de informes.

En términos sencillos, esto significa que cuando hay una gran cantidad de datos, podemos tomar
una parte de esos datos y analizarlos en función de esa muestra. Cuando se miran grandes
conjuntos de datos, a menudo puede ser más rápido analizar una muestra en lugar del conjunto
completo de datos. Sin embargo, siempre se debe tener en cuenta que los resultados no serán
100% los mismos que si hubiera realizado el análisis en el conjunto completo de datos.

El muestreo del manejador de Google Analytics es el siguiente:

Analytics inspecciona el número de sesiones para el intervalo de fechas especificado

en el nivel de propiedad. Si el número de sesiones en la propiedad durante el rango de
fechas dado excede las 500k sesiones (100M para Analytics 360) 1, Analytics
empleará un algoritmo de muestreo que utiliza un conjunto de muestras proporcional a
la distribución de sesiones por día para el rango de fechas seleccionado. Por lo tanto,
la frecuencia de muestreo de la sesión varía para cada consulta dependiendo del
número de sesiones incluidas en el rango de fechas seleccionado para la propiedad
dada.

Puede encontrar información adicional aquí: Cómo funciona el muestreo

Examples
Frecuencia de muestreo

ga('create', 'UA-XXXX-Y', {'sampleRate': 5});

Opcional. Esto solo se puede establecer en el método de creación.

https://riptutorial.com/es/home 9
Especifica qué porcentaje de usuarios deben ser rastreados. El valor predeterminado es 100 (no
se muestrea a los usuarios) pero los sitios grandes pueden necesitar una frecuencia de muestreo
más baja para mantenerse dentro de los límites de procesamiento de Google Analytics.

Lea Muestreo en línea: https://riptutorial.com/es/google-analytics/topic/2805/muestreo

https://riptutorial.com/es/home 10
Capítulo 5: Registro de errores de JavaScript
en Google Analytics
Observaciones
El ejemplo anterior tiene dos eventos de seguimiento, Seguimiento de eventos y Seguimiento de
excepciones .

El seguimiento de eventos le permitirá ver los errores de JS en tiempo real. En Real Time ->
Events Secciones de Real Time -> Events .

Desafortunadamente, sus mensajes de error estarán limitados por 500 bytes, por lo que no podrá
entender un problema correctamente, sin embargo, sabrá que algo va mal.

El seguimiento de excepciones le proporcionará un informe más detallado, con un mensaje de

error completo e información del navegador.

Puede generar informes de seguimiento de excepciones con informes personalizados .

Examples
El siguiente código enviará todos los errores de JavaScript en Google
Analytics

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','_watchdog');

_watchdog('create', 'UA-xxxxxxx-x', 'auto');

window.onerror = function(msg) {
_watchdog('send', 'exception', { 'exDescription': msg });

_watchdog('send', 'event', {
eventCategory: 'javascript',
eventAction: 'error',
eventLabel: msg,
transport: 'beacon'
});
}
</script>

Lea Registro de errores de JavaScript en Google Analytics en línea:

https://riptutorial.com/es/google-analytics/topic/6317/registro-de-errores-de-javascript-en-google-
analytics

https://riptutorial.com/es/home 11
Capítulo 6: Seguimiento de eventos
Introducción
A continuación se muestra el ejemplo de cómo codificar la implementación de Google Analytics
en el sitio web. Para rastrear las acciones del carrito de compras, induzca el fragmento de
seguimiento. Se ve como abajo. Puedes seguir los eventos en la herramienta de código abierto
de Google Analytics.

Sintaxis
• ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue],
[fieldsObject]);

Parámetros

Nombre del campo Descripción

eventCategoria Normalmente, el objeto con el que se interactuó (por ejemplo, 'Video')

eventAction El tipo de interacción (por ejemplo, 'jugar')

eventLabel Útil para categorizar eventos (por ejemplo, 'Campaña de otoño')

eventoValor Un valor numérico asociado con el evento (por ejemplo, 42)

Examples
Seguimiento de búsquedas dentro de su sitio

Inserte la siguiente llamada a la función dentro de su JavaScript cuando realice búsquedas en su

sitio web para hacer un seguimiento de cómo los visitantes utilizan sus funciones de búsqueda
internas.

En este ejemplo, los filters acción de evento son una lista delimitada por comas de pares de
nombre / valor de filtro de búsqueda, y la etiqueta de evento orderedBy es una cadena que
describe el orden de clasificación determinado por el usuario.

ga('send', 'event', 'Product Search', filters, orderedBy);

Estos eventos se pueden ver en Analytics en Comportamiento> Eventos:

https://riptutorial.com/es/home 12
Del mismo modo, Label puede ver las búsquedas para ver cómo los usuarios clasifican sus datos:

Seguimiento de las acciones del carrito de compras.

Agregar un producto a un carrito de compras (Label item.name referencia a la propiedad del

nombre del producto agregado):

ga('send', 'event', 'Cart', 'Add', product.name);

Esto le permite ver lo que la gente está agregando al carrito de compras, incluso si nunca
completan el pedido, lo que permite conocer mejor dónde abandonan los usuarios la sesión:

https://riptutorial.com/es/home 13
Eliminar un artículo de un carrito de compras:

ga('send', 'event', 'Shopping', 'Removed', product.name);

Vaciando un carrito de compras:

ga('send', 'event', 'Cart', 'Emptied', 'empty');

Lea Seguimiento de eventos en línea: https://riptutorial.com/es/google-

analytics/topic/6521/seguimiento-de-eventos

https://riptutorial.com/es/home 14
Capítulo 7: Visualización de datos de Google
Analytics en su sitio web
Examples
Visualización de datos de Google Analytics en su sitio web

Este documento explica cómo obtener tokens de Google Access y cómo usarlos para que los
datos de Google Analytics se muestren en nuestros sitios web.

Ejemplo: Un ejemplo en vivo está disponible en

https://newtonjoshua.com

nota: use la misma cuenta de gmail para todos los pasos a continuación.

PASO 1: Configurar Google Analytics

Siga los pasos a continuación para configurar Google Analytics en su sitio web

1. Inicie sesión en su cuenta de Analytics.

2. Seleccione la pestaña Admin.
3. Seleccione una cuenta en el menú desplegable en la columna CUENTA.
4. Seleccione una propiedad del menú desplegable en la columna PROPIEDAD.
5. En PROPIEDAD, haga clic en Información de seguimiento> Código de seguimiento.
6. Para recopilar datos, debe copiar y pegar el código de seguimiento de Analytics en el código
fuente en cada página web que desee rastrear.
7. Una vez que tenga el fragmento de código de seguimiento de Javascript para su propiedad,
copie el fragmento exactamente sin editarlo.
8. Pegue el fragmento de código de seguimiento (sin alterar, en su totalidad) antes de la
etiqueta de cierre en cada página web de su sitio que desee rastrear.
9. Una vez que haya instalado satisfactoriamente el seguimiento de Analytics, puede tardar
hasta 24 horas para que aparezcan en sus informes datos tales como información de
referencia de tráfico, características del usuario e información de navegación.

referir,

1. https://support.google.com/analytics/answer/1008080?hl=es
2. https://analytics.google.com

PASO 2: Obtener fichas

Proyecto de Google:

https://riptutorial.com/es/home 15
Para crear un proyecto de Google Cloud Platform, abra la Consola de desarrolladores de Google (
https://console.developers.google.com ) y haga clic en Crear proyecto.

Habilitar el acceso a la API de OAuth 2.0:

Su aplicación deberá acceder a los datos del usuario y ponerse en contacto con otros servicios de
Google en su nombre. Utilice OAuth 2.0 para otorgar acceso a la API de su aplicación.

Para habilitar eso, necesitas un ID de cliente:

1. Abra la página de Credenciales de la Consola API de Google (

https://console.developers.google.com/apis/credentials) .
2. Desde el menú desplegable del proyecto, seleccione su proyecto.
3. Seleccione Crear credenciales y elija el ID de cliente de OAuth .
4. En Tipo de aplicación, seleccione Aplicación web , ingrese un Nombre y
5. configure las Restricciones al ingresar los orígenes de JavaScript , Redirigir los URI para
que apunten al sitio web donde planea mostrar los datos y luego haga clic en Crear .

5. Tome nota de OAuth 2.0 client_id y client_secret . Los necesitará para configurar la
interfaz de usuario.

Obtener el código de autorización:

Entrar en el navegador,

https://accounts.google.com/o/oauth2/auth?scope=https://www.googleapis.com/auth/analytics.reado
{{clientid | force & access_type = fuera de línea

Serás redirigido a

{{redirect_uri}}? code == {{ permission_code }} #

Obtener token de actualización:

Envíe una solicitud POST, posiblemente a través de una consola REST a

https://www.googleapis.com/oauth2/v3/token?code= {{permission_code}} & client_id =

{{client_id}} & client_secret = {{client_secret}} & redirect_uri = {{redirect_uri}} &
grant_type = permission_code

Obtendrá una respuesta JSON con

{"refresh_token": refresh_token }

Puede usar la opción de actualización para obtener el token de acceso para acceder a las API de
Google

Obtener el token de acceso:

Enviar una solicitud POST a,

https://riptutorial.com/es/home 16
 https://www.googleapis.com/oauth2/v3/token?client_id= {{client_id}} & client_secret =
{{client_id}} & grant_type = refresh_token & refresh_token = {{refresh_token}}

Obtendrá un JSON con access_token en la respuesta.

{access_token: {{access_token}} }

Ejemplo:

var access_token = '';

function getAccessToken(){
$.post('https://www.googleapis.com/oauth2/v3/token', {
client_id: {{client_id}},
client_secret: {{client_secret}},
grant_type: 'refresh_token',
refresh_token: {{refresh_token}}
}, function (data, status) {
if (status === 'success') {
access_token = data.access_token;
// Do something eith the access_token
} else {
console.error(status);
}
});
}

Comprobar la validez del token:

Enviar una solicitud POST a,

https://www.googleapis.com/oauth2/v1/tokeninfo?access_token= {{access_token}}

Ejemplo:

function checkValidity() {
$.post('https://www.googleapis.com/oauth2/v1/tokeninfo', {
access_token:{{access_token}}
}).done(function (data, status) {
if (status === 'success') {
console.debug(data.expires_in);
var check = false;
check = data.hasOwnProperty('expires_in');
if (check) {
// Token is valid
}
if (!check) {
getAccessToken();
}
} else {
console.debug(status);
}

})
.fail(function (data) {
console.error(data);
getAccessToken();
});

https://riptutorial.com/es/home 17
 }

Paso 3: Obtener datos

API incrustada:

La API integrada de GA es una biblioteca de JavaScript que le permite crear e integrar fácilmente
su tablero de instrumentos de GA en su sitio web en cuestión de minutos.

consulte https://developers.google.com/analytics/devguides/reporting/embed/v1/getting-started

Query Explorer: visite Embed API Query Explorer y autorice

https://ga-dev-tools.appspot.com/query-explorer/

Seleccione la vista para la que desea obtener los datos.

Seleccione las métricas y dimensiones requeridas.

Ejemplo:

Obtener datos de país (quiero saber la cantidad de usuarios que acceden a mi sitio web desde
cada país)

Para obtener esos datos, seleccione las métricas como 'usuarios' y las dimensiones como 'país'

Haga clic en Ejecutar consulta

Encontrará los datos analíticos para la consulta mostrada en una tabla.

Copie el URI de la consulta API . Y agrega access_token = {{access_token}} al uri

Ejemplo:

https://www.googleapis.com/analytics/v3/data/ga?ids= {{ids}} & start-date = 2015-07-01

y end-date = today & metrics = ga% 3Ausers & dimensions = ga% 3A country &
access_token = { {access_token}}

Envíe la solicitud POST a los URI para obtener los datos en su navegador.

Ejemplo:

function gaGetCountry() {
$.get('https://www.googleapis.com/analytics/v3/data/ga?' +
'ids={{ids}}' +
'start-date=2015-07-01&' +
'end-date=today&' +
'metrics=ga%3Ausers&' +
'dimensions=ga%3Acountry&' +
'sort=ga%3Ausers&' +
'filters=ga%3Ausers%3E10&' +

https://riptutorial.com/es/home 18
 'max-results=50' +
'&access_token=' + {{access_token}},
function (data, status) {
if (status === 'success') {

// Display the Data

drawRegionsMap(data.rows);

} else {
console.debug(status);
}

});
}

Paso 4: Mostrar datos

Ahora hemos recogido los datos. Finalmente tenemos que jugar con ellos en nuestra página web.

" Mostrar datos en vivo en su sitio " es el título de Google Charts. Y eso es lo que vamos a hacer.

consulte https://developers.google.com/chart/

El siguiente ejemplo dibujará un GeoChart en la div con id = 'countryChart'

//Draw country Chart

function drawRegionsMap(data) {

var head = data[0];

head[0] = 'Country';
head[1] = 'Users';
for (var i = 1; i < data.length; i++) {
var d = data[i];
d[1] = Number(d[1]);
}

var chartData = google.visualization.arrayToDataTable(data);

var options = {
title: 'My Website is viewed from,',
domain: '{{Country Code eg: IN for India}}',
tooltip: {
textStyle: {
color: 'navy'
},
showColorCode: true
},
legend: {
textStyle: {
color: 'navy',
fontSize: 12
}
},
colorAxis: {
colors: ['#00FFFF', '#0000FF']
}
};

https://riptutorial.com/es/home 19
 var chart = new
google.visualization.GeoChart(document.getElementById('countryChart'));

chart.draw(chartData, options);
}

Consulte https://newtonjoshua.com para ver el ejemplo anterior en acción.

Lea Visualización de datos de Google Analytics en su sitio web en línea:

https://riptutorial.com/es/google-analytics/topic/7430/visualizacion-de-datos-de-google-analytics-
en-su-sitio-web

https://riptutorial.com/es/home 20
Creditos
S.
Capítulos Contributors
No

Empezando con Community, GlabbichRulz, James, James Steele, Matt, Nick, P.

1
google-analytics Alexandru, RamenChef, Tiem Song, Tushar

Crear y gestionar
2 Beofett, P. Alexandru
objetivos.

Latencia de
3 procesamiento de DaImTo
datos

4 Muestreo acalb, DaImTo, Jensd

Registro de errores
5 de JavaScript en mrded
Google Analytics

Seguimiento de
6 Beofett, Priya
eventos

Visualización de
datos de Google
7 Newton Joshua
Analytics en su sitio
web

https://riptutorial.com/es/home 21