No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Obteniendo m茅tricas

15/28
Recursos

Aportes 16

Preguntas 4

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

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, 鈥淣ew Relic Browser鈥 fue renombrado a 鈥淏rowser 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