Si estoy utilizando next-offline para una PWA con NextJS ¿Cómo debo indicar que hago el trackeo cuando estoy offline (lo equivalente a esta clase en el archivo service-worker.js al agregar el initialize)?
Introducción a PWA
¿Qué es una PWA?
Progressive Web App vs. Native App
El proyecto
Google Lighthouse
Creando un Web Manifest
Implementar el Manifest
Service Workers
¿Qué es un Service Worker?
Introducción a Workbox
Implementando Workbox
Aplicando Estrategias de Carga
Google Analytics Offline
Experimentar con Workbox
Funcionalidades Avanzadas
Web Share API
Trabajando Offline
Notificaciones
Publicando la app
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
En esta clase vamos a implementar Google Analytics con soporte offline en nuestra aplicación.
Como primer paso debemos incorporar react-ga, un plugin que nos permite correr Google Analytics dentro de React.
Para unir nuestro plugin a la historia de React Router la mejor opción es incorporarlo dentro de la historia de la aplicación cambiando el BrowserRouter por un Router común, creamos un nuevo history para poder extender los métodos del Router, y que cada vez que el usuario cambie de pagina haga tracking de una page view.
Si tienes algún AdBlocker desactÃvalo cuando estés desarrollando tu sitio para que evitar que bloqueé Google Analytics.
Workbox ya cuenta con un método para facilitar que Google Analytics funcione de forma offline, va a capturar todas las peticiones que hagamos a GA, las va a guardar en memoria y cuando el usuario retome la conexión a internet se enviaran las peticiones.
Aportes 4
Preguntas 3
Si estoy utilizando next-offline para una PWA con NextJS ¿Cómo debo indicar que hago el trackeo cuando estoy offline (lo equivalente a esta clase en el archivo service-worker.js al agregar el initialize)?
porque no aparece analytics.js en modo produccion?
¿Cuál serÃa la forma correcta de implementar lo visto en esta clase si no estoy ocupando React Router (Estoy trabajando con NextJs y ocupo el Link que trae por default)?
pero que pasa su no quiero usar react lo quiero generar directo con workbox
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?