Obteniendo métricas de usuario con Azure para tu aplicación React

Slide 1

Slide 1 text

Obteniendo métricas de usuario con Azure para tu aplicación React Lautaro Carro

Slide 2

Slide 2 text

{ "name": "Lautaro Carro", "username": "@lauchacarro 📷", "award": "Microsoft MVP 🏆", "job": "Desarrollador y Coach en Algeiba 💻", "communities": ["Latino .NET Online", "NET-Baires", "ReactBA"] }

Slide 3

Slide 3 text

¿Qué metricas podemos obtener? • Funcionalidades favoritas de los usuarios • Contador de Views por Página • Top 10 Browsers - Países – Device

Slide 4

Slide 4 text

NO CONFUNDIR !!!

Slide 5

Slide 5 text

Hablemos de Azure

Slide 6

Slide 6 text

¿Qué es Azure? • Azure es la nube creada por Microsoft para construir, probar, desplegar y administrar nuestras aplicaciones.

Slide 7

Slide 7 text

¿De que trata Azure Application Insights? • Nos permite recopilar métricas y datos de telemetría de las actividades que se realizan en nuestra aplicación. • Originalmente fue desarrollado para el monitoreo de errores de nuestras aplicaciones pero también guarda información sobre los usuarios (EJ: país, ciudad, OS, dispositivo, browser, ip y mucho más).

Slide 8

Slide 8 text

Kusto Query Language (KQL) • Lenguaje de consultas de solo lectura que permite explorar nuestros datos, detectar patrones, identificar anomalías, valores atípicos y mucho más. microsoft/Kusto-Query-Language: Kusto Query Language is a simple and productive language for querying Big Data. (github.com)

Slide 9

Slide 9 text

Application Insights: NPM Packages

Slide 10

Slide 10 text

Resumen Conceptual KQL

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

• Conocimos el Portal de Azure • Creamos un recurso de Azure Application Insights • Enviamos datos de usuario y la analizamos con KQL Resumen Demo 1

Slide 13

Slide 13 text

Nuestro Algoritmo de Recomendación

Slide 14

Slide 14 text

Nuestro Algoritmo de Recomendación 10 seg vistos / 10 seg totales

Slide 15

Slide 15 text

Nuestro Algoritmo de Recomendación 10 seg vistos 5 seg vistos / 10 seg

Slide 16

Slide 16 text

Nuestro Algoritmo de Recomendación 10 seg vistos 5 seg vistos / 10 seg 10 seg vistos

Slide 17

Slide 17 text

Nuestro Algoritmo de Recomendación 10 seg vistos 5 seg vistos / 10 seg 15 seg vistos

Slide 18

Slide 18 text

Nuestro Algoritmo de Recomendación 10 seg vistos 5 seg vistos / 10 seg 15 seg vistos 20 seg vistos

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Conclusiones • Al utilizar Application Insights con React tenemos la libertad de crear las metricas necesarias para saber que les gusta a los usuarios de nuestra aplicación … y que cosas no le gustan • Además de los valores predeterminados, nosotros podemos enviar información adicional (EJ: el email del usuario, el tag del contenido, valores personalizados). • Podemos implementar Azure Application Insights con la tranquilidad de que no afectara el rendimiento ni la UX de nuestra aplicación • Con KQL podemos armar consultas dinámicas para obtener gráficos y exportar los resultados para enviarlos a las personas interesadas.

Slide 21

Slide 21 text

{ "message": "MUCHAS GRACIAS 👏", "fullname": "Lautaro Carro", "email": "[email protected] 📧", "isQuestionTime": true, "github": "github.com/lauchacarro/React-Application-Insights- IG-Stories", }