Obteniendo métricas

Tuve problemas al visualizar mi app en Browser applications y esto fue lo que hice:

1. Fui a la documentacion: https://docs.newrelic.com/docs/browser/new-relic-browser/getting-started/compatibility-requirements-browser-monitoring

Ellos dicen: IMPORTANT
Browsers that subscribe to a disconnect list or that use content filtering extensions such as AdBlock may not be able to send data to New Relic. For example, if you are using the Enhanced Tracking Prevention disconnect list for Mozilla Firefox 69.0 or higher, you will need to change the default configuration.

Basicamente es que si usas algun tipo de extension de bloqueo como AdBlock la desactives.

1. Reiniciar las paginas de FootMe y New Relic con (CTRL+R) , volver a hacer la compra en FootMe y revisas tu New Relic.

Si no te llega funcionar puedes seguir echandole un ojo a la documentación, esto fue lo que hice y me funciono y espero que igual a ustedes.

Nota, “New Relic Browser” fue renombrado a “Browser Monitoring”, son lo mismo, solo le cambiaron el nombre

✨ Concepto clave
Con Browser Monitoring, es posible configurar, analizar, consultar alertas sobre aquello que es accionable para la experiencia del tu usuario final.

.

Core Web Vitals

De antemano, sabemos que el contenido de una aplicación es cargado de diferentes formas donde para el usuario, una permitido, toma control para interactuar con ello.
.

ℹ️ Definición
RUM o Real-User-Monitoring, nos proporciona indicadores sobre el rendimiento de nuestro contenido, dando en cara sobre la perspectiva del usuario desde diferentes dispositivos (navegadores web, sistemas operativos, redes, etc.).

.

.
Como core, nos muestra 3 registros importantes:

• LCP o Largest-Content-Paint
  • Indicando la velocidad con la que es cargado el contenido
    .
• FID o First-Input-Delay
  • Indicando la velocidad con la cual el navegador responde al usuario
    .
• CLS o Cumulative-Layout-Shift
  • Indicando la inestabilidad con la que el contenido esta siendo cargado

.

❔ Debate
¿Deseas conocer un mecanismo para ver en tiempo real los valores de Core Web Vitals?
Ve a la sección de query y recolecta la información mediante PageView

.

Requerimientos

Para reportar información desde el navegador, nuestra aplicación o servicio debe considerar:
.

• Permitir la fácil extensión para contenido JavaScript y la configuración de cookies
  .
• Enviar información al servidor, mediante peticiones HTTP / HTTPS

.

✨ Concepto clave
Permitir la opción de bloqueo AdBlock para el envío de información.

.

->Services(ARM): ->FoodMe
1Agregar al HTML de nuestra app spript de javascrips ¿Cómo?:
->Icon(pre-built resources…)
-> Browser and mobile: ->New Relic Browser:
-Método de implementación:
1. habilitar atraves de new relic APM, ver pdf: https://docs.newrelic.com/docs/browser/browser- monitoring/troubleshooting/troubleshoot-your-browser-monitoring- installation/
2. ->copiar/pegar código javascript:
-Instrumentar el agente: copiar código javascript;
-Implementar en la app: ¿como? En glitch, en >app/, en views -> index.html, en el primer head debajo de <meta> pegar código de javascript, identar correctamente.
-Depurar, configura tu instrumentación: todo ON.
-Selecciona tu apliacación, Busca: FoodMe ->Enable
Para determinar si la conexión fué exitosa:
->Browser applizations(1): si no aparece nuestra aplicación se debe a:
-Configuraciones de nuestro navegador: ->Extensiones como addblock, toucan, etc
->En mi caso empecé a utilizar otro navegador en lugar de brave, como crhome y funcionó. Desconozco porque falla en brave.

Crear querys:
en new relic: browser appications: ->icon(explore your metrics, etc): -> Query builder:
SELECT count(*) FROM PageView FACET appName

Así conectamos nuestro frontend, backend.

Si la app no les aparece en New Relic, deben revisar el Cross Domain, a mí no me enviaba datos, instale una extensión de Cross Domain en mi navegador y con eso ya me funciono y empezó a enviar información.

Sugiero utilizar Google Chrome para realizar todas estas simulaciones.

Para borrar la aplicación como 2 días después lo volví a intentar y logre borrarla.

La extensión de dukduckgo de edge/chrome bloquea las metricas de Browser, hay que desactivarla si la tienen.

Que herramienta tan poderosa. Me acabo de volver fan de New Relic

Vamos bien, todo genial, sin problemas hasta el momento

Concepto clave
Con Browser Monitoring, es posible configurar, analizar, consultar alertas sobre aquello que es accionable para la experiencia del tu usuario final.

ℹ️ Definición
RUM o Real-User-Monitoring, nos proporciona indicadores sobre el rendimiento de nuestro contenido, dando en cara sobre la perspectiva del usuario desde diferentes dispositivos (navegadores web, sistemas operativos, redes, etc.).

Glitch decidió no funcionar cuando llegue a esta parte jeje

New Relic Browser a la fecha lo enuentras como Browser Monitoring.

😃

ATENCIÓN

Si no visualizas tú app en browser applications, a mí me funcionó desactivar el bloqueador de anuncios.
Y luego todo funcionó perfecto 😄:

Excelente herramienta! hay mucho mas por aprender y practicar

Funcionó todo ok con google chrome