Cómo configurar Google Analytics en una aplicación Flutter

La configuración de Google Analytics en una aplicación Flutter es una herramienta valiosa para entender cómo los usuarios interactúan con la aplicación. Con Google Analytics, los desarrolladores pueden responder preguntas clave como: ¿cuántos usuarios están utilizando la aplicación?; ¿cuáles son las pantallas o secciones más populares?; ¿cuánto tiempo pasan los usuarios en la aplicación?. Esta información es crucial para tomar decisiones informadas y mejorar la experiencia de los usuarios en la aplicación. Sobre cómo configurar Google Analytics en una aplicación móvil trataremos en el siguiente artículo.

¿Qué es Google Analytics?

Google Analytics es un servicio de análisis de web gratuito proporcionado por Google que permite a los propietarios de sitios web y aplicaciones móviles recopilar, analizar y monitorear datos sobre el tráfico y el comportamiento de los usuarios.

Con Google Analytics se puede entender mejor cómo los usuarios interactúan con su contenido y tomar decisiones informadas sobre cómo mejorar la experiencia del usuario y el rendimiento del sitio o aplicación. Google Analytics ofrece una amplia variedad de informes y herramientas de análisis que permiten ver información detallada sobre el tráfico, las conversiones, la retención de usuarios y mucho más.

Ventajas de Google Analytics en una aplicación

Los beneficios de utilizar Google Analytics en una aplicación Flutter son los siguientes:

Análisis en tiempo real: obtenga información en tiempo real sobre el uso de su aplicación y cómo sus usuarios interactúan con ella.
Datos precisos: rastree y analice métricas claves, como el número de instalaciones, las sesiones de usuario, la tasa de retención, el tiempo de uso y mucho más.
Seguimiento personalizado: configure eventos personalizados para seguir las acciones específicas que realizan sus usuarios en su aplicación.
Integración fácil: la biblioteca de Google Analytics para Flutter es fácil de instalar y configurar, lo que significa que puede comenzar a recopilar y analizar datos en cuestión de minutos.
Información detallada de los usuarios: obtenga información detallada sobre los usuarios, incluidas sus características demográficas y cómo interactúan con su aplicación.
Mejore la experiencia del usuario: use los datos recopilados por Google Analytics para mejorar la experiencia del usuario y ajustar su aplicación para satisfacer mejor sus necesidades.
Integración con otras herramientas: Google Analytics se integra con otras herramientas de Google, como AdWords y BigQuery, para una visión más completa de su aplicación y de sus usuarios.

En resumen, Google Analytics te brinda información valiosa para mejorar la experiencia del usuario y el rendimiento de tu aplicación Flutter.

Implementación de Google Analytics en una aplicación Flutter

Para poder implementar Google Analytics en una aplicación Flutter debe tener previamente configurado el proyecto de Firebase y habilitado la opción de Google Analytics. Le recomendamos el artículo Cómo configurar Firebase en una aplicación Flutter en caso de que no tenga experiencia sobre este tema.

Además, resulta necesario agregar al proyecto de Flutter el paquete firebase_analytics dentro de las dependencias en el fichero pubspec.yaml. Esta biblioteca posibilita el uso del API de Firebase Analytics de manera simple.

Seguido, creamos una clase llamada FirebaseAnalyticsService dentro del archivo firebase_analytics_service.dart, donde tendremos una variable que corresponda a la instancia de Firebase Analytics y un objeto de la clase FirebaseAnalyticsObserver, que puede realizar un seguimiento de las pantallas visitadas por el usuario.

import 'package:firebase_analytics/firebase_analytics.dart';

class FirebaseAnalyticsService {
 static FirebaseAnalytics analytics = FirebaseAnalytics.instance;
 static FirebaseAnalyticsObserver observer =
     FirebaseAnalyticsObserver(analytics: analytics);
}

Luego en la clase principal de la aplicación, dentro del widget MaterialApp, asignamos el objeto observador.

class OctaApp extends StatelessWidget {
 const OctaApp({Key? key}) : super(key: key);
 @override
 Widget build(BuildContext context) {
   return MaterialApp(
     ...
     navigatorObservers: [
       FirebaseAnalyticsService.observer,
     ],
    ...
   );
 }
}

Además, es necesario insertar el fichero google-services.json en la configuración de la aplicación para Android; este se descarga desde el proyecto de Firebase, y se ubica dentro del directorio app del proyecto. En el archivo app/build.gradle se debe agregar el siguiente plugin:

apply plugin: 'com.google.gms.google-services'

Para el caso de iOS, se coloca en el directorio raíz de tu proyecto de Xcode el archivo GoogleService-Info.plist que puedes descargar desde Firebase igualmente.

Quedando terminada la configuración básica de Google Analytics en la aplicación Flutter.

Existen configuraciones adicionales para eventos que se pueden establecer para Google Analytics, como el uso de la función logEvent que registra un evento personalizado con el nombre y los parámetros dados.

static Future<void> sendAnalyticsEvent() async {
 await analytics.logEvent(
   name: 'test_event',
   parameters: <String, dynamic>{
     'string': 'string',
     'int': 42,
     'long': 12345678910,
     'double': 42.0,
     'bool': true.toString(),
   },
 );
}

Para más información puede consultar la documentación oficial en GitHub.

¿Dónde ver la información proporcionada por Google Analytics en Firebase?

Firebase ofrece dos opciones para ver la información proveniente de Google Analytics:

Menú Descripción General: puedes observar los usuarios activos por día y la retención rápidamente.

Menú Analytics: puedes ver un resumen general de los datos, los eventos en tiempo real, conversiones, audiencias, definiciones personalizadas, seguimiento de los lanzamientos y eventos de depuración.

Si se desea una información más detallada, es recomendable ir directamente a la plataforma de Google Analytics.

¡Síguenos para más información sobre el desarrollo de aplicaciones con Flutter!