Platzi
Platzi

Suscríbete a Expert y aprende de tecnología al mejor precio anual.

Antes: $249
$209
Currency
Antes: $249
Ahorras: $40
COMIENZA AHORA
Termina en: 5D : 12H : 36M : 19S

No tienes acceso a esta clase

Para ver esta clase necesitas una suscripción a Platzi

Google Analytics Offline

11/16

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.

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)?

  • yarn add react-ga
  • import ReactGA from 'react-ga'
  • import { createBrowserHistory } from 'history'
  • window.location.pathname + window.location.search
  • ReactGA.initialize('UA-000000-01')
  • workbox.googleAnalytics.initialize()

porque no aparece analytics.js en modo produccion?

Porqué el analytics.js no aparece en modo producción, solo en dev, pero al ponerlo en workbox y ponerlo en producción aparece un workbox-google-analytics.dev.js. Se que es evidente que ese workbox analytics sea de lo que hicimos en service-worker pero porque ya no analitycs.js y porque este otro no en produccion? Help me please.

En donde se mete el ID en ReactGA.initialize(‚ÄėID‚Äô) debo de meter el id que me da google analitycs al crear mi cuenta y un nuevo seguimiento??.

Alguien sabe si esto funciona igual con google tag manager?

¬Ņ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

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)?

  • yarn add react-ga
  • import ReactGA from 'react-ga'
  • import { createBrowserHistory } from 'history'
  • window.location.pathname + window.location.search
  • ReactGA.initialize('UA-000000-01')
  • workbox.googleAnalytics.initialize()

porque no aparece analytics.js en modo produccion?

Porqué el analytics.js no aparece en modo producción, solo en dev, pero al ponerlo en workbox y ponerlo en producción aparece un workbox-google-analytics.dev.js. Se que es evidente que ese workbox analytics sea de lo que hicimos en service-worker pero porque ya no analitycs.js y porque este otro no en produccion? Help me please.

En donde se mete el ID en ReactGA.initialize(‚ÄėID‚Äô) debo de meter el id que me da google analitycs al crear mi cuenta y un nuevo seguimiento??.

Alguien sabe si esto funciona igual con google tag manager?

¬Ņ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