Hola lectores de SharingAway, espero se encuentren muy bien y con ganas de un poco de analítica.

Esto porque hoy les traigo una herramienta de análisis que probablemente ya conocen, pero lo interesante será que lo conectaremos con FlutterFlow. Vamos a conectar Google Analytics con FlutterFlow y ver cuales son las posibilidades de este mix 😉.

Por cierto, te recomiendo leer hasta el final porque hay un bonus muy importante 😏

Introducción

Ya sea que estes creando una App o una WebApp, para tu empresa o bien un producto para terceros, siempre es imprescindible conectar Google Analytics, esto por muchas razones. Por solo mencionar algunas, te permite conocer mejor cómo los usuarios usan el producto, detectar incidencias o comportamientos que no se dan como esperábamos e incluso aumentar el valor de lo que estás creando. No quiero dejar de mencionar que es una herramienta 100% gratuita 🤑.

Conectando FlutterFlow y Google Analytics

Sin mucha más introducción comenzamos y lo primero que debemos hacer es dirigirnos a la pestaña de settings, bajar hasta integraciones y elegir Google Analytics.

‍

‍

Allí simplemente debemos activar la funcionalidad, si, como FlutterFlow nos tiene acostumbrados, alcanza con prender un switch 👀

‍

‍

Como ven, FlutterFlow nos lo hace muy fácil y nos permite hacer track de determinados elementos sin ninguna otra acción por nuestra parte. Creanme, esto es salvador, la simpleza con la que nos ofrecen esto, no tiene punto de comparación con lo que podría llevarnos hacer una implementación con esta escalabilidad en código. Vayamos a las opciones:

• On Page Load: Significa que automáticamente FlutterFlow va a disparar un evento cada vez que se carga una página. Enviará un evento de “screen_view” con un parámetro que definirá el nombre de la página visitada.
• On Action Start: En esta opción FlutterFlow hará track cada vez que se interactúa con un widget que posee acciones.‍
• On Each individual Action: En esta opción FlutterFlow hará track de todas las acciones que se disparen al momento de un usuario interactuar con un widget. Si tenemos muchas acciones asociadas a un mismo widget se dispara un evento para cada acción.‍
• On Authentication: FlutterFlow enviará a Google Analytics los eventos recomendados de Autenticación, registro de usuario, inicio de sesión, recupero de contraseña, etc.

A modo de consejo, para empezar no entren en tentaciones y les recomiendo solo activar la primera y la última opción, es decir, On Page Load y On Authentication. Las demás podrán generar un desorden bastante grande en Google Analytics y además ni siquiera será relevante mucha de esa información. No se preocupen porque igual vamos a tener la posibilidad de hacer track de aquello que si es realmente importante para nuestra aplicación.

Importante: Recuerden que para que esto funcione, deben tener configurada la cuenta de Analytics. Tienen la opción de crearla al momento que crean el proyecto de Firebase.

Creando nuestro primer evento en FlutterFlow

Ahora llegó el momento de hacer un track para un evento puntual que nos interese mucho en nuestra Aplicación. En nuestro caso, tenemos una App de ejemplo que reúne diferentes puntos de reciclaje. El usuario que visite esos puntos de reciclaje puede dar reporte sobre el estado de ese punto cuando lo visitó, y nosotros vamos a querer monitorear esa funcionalidad enviando un evento a Google Analytics desde nuestra aplicación de FlutterFlow.

Está es nuestra pantalla:

‍

‍

Nos vamos a parar en el botón de ThumsUp y vamos a crear un action de Google Analytics Event.

‍

‍

Nos va a solicitar un nombre para nuestro evento y en caso que queramos hacerlo definir un parámetro con su respectiva clave y valor. En nuestro caso, al evento le llamamos status_reported y al parámetro le llamaremos status, pudiendo este tomar dos posibles valores, thumb_up o thumb_down. Adicionalmente vamos a enviar como parámetro el nombre del centro de reciclaje en cuestión.

‍

‍

Como comentaba al principio, la analítica de una aplicación no solo te permite entender mejor a los usuarios sino que además le aporta valor al producto que estás creando, es más valioso un producto que tienes medido a uno que al final es una caja negra.

En la membresía PRO de SharingAway vamos a estar entrando en más detalles y viendo otras posibilidades que se desprenden de esta herramienta, no te pierdas todo ese contenido adicional.

Por acá dejamos esto por hoy y nos leemos la próxima 👋🏼.

Bonus

Para poder visualizar los parámetros en Google Analytics 4, deberás crear la dimensión personalizada correspondiente. Si no haces esto, verás tu evento, pero no verás que valores toman los parámetros que envías desde la APP. ¿Suena complejo? No te preocupes, aquí te explico como se hace.

1. Debes dirigirte a la sección Administrar y buscar la opción definiciones personalizadas
2. Allí elegir crear dimensión personalizada
3. Deberás definir un nombre para la dimensión, definir el alcance como Evento y buscar el parámetro de evento.

‍

‍

Importante: Puede que no encuentres el parámetro y esto es porque necesitas dejar pasar al menos 24HS hasta que Google Analytics procese los eventos.

Ahora si, nos despedimos. Por más y mejor analítica para nuestras aplicaciones 📊 .

¡Hasta la próxima!

‍