Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Google Analytics y Angular

10/23
Recursos

Aportes 8

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Google Analytics
Nos dan un script que debemos colocar en el archivo index.html
Es importante fijarse en la documentacion para estos datos
ya que van cambiando en el tiempo.
Usamos pipe y filter para detectar los eventos NavigationEnd
Este video tiene la configuracion de Angular y Analytics.

Yo estoy usando firebase-analytics. Ya maneja de una forma más fácil el cambio de los paths y demas.

Ahora con firebase es más sencillo hacer el tracking de las páginas. Solo tienes que seguir estos pasos

  1. Entrar a la consola de firebase: link.

  2. Ir a la sección Analitycs → Events. Crear un proyecto.

  3. En el paso anterior te va a generar un json con la configuración que debes pegar en tu proyecto. Si ya tenias una configuración previa de firebase solo asegurate de agregar la propiedad “measurementId” en tu archivo enviroment.ts.

  4. Ya por ultimo solamente es seguir los pasos de la documentación oficial link

Te pide que añadas el modulo AngularFireAnalyticsModule y el provide ScreenTrackingService

import { AngularFireAnalyticsModule, ScreenTrackingService } from '@angular/fire/compat/analytics';

@NgModule({
  imports: [
    AngularFireModule.initializeApp(environment.firebase),
    AngularFireAnalyticsModule
  ],
  providers: [ { 
    provide: ScreenTrackingService
  } ]
})
export class AppModule { }

Eso sería todo lo que requieres para empezar a mandar información a Google Analitycs y ver esa información en la consola de firebase en un lapso de 24 horas.

Puedes ver en el tráfico de red que la información es enviada al igual que lo hace el profesor en la clase.

Saludos!

Que tal,
Tenía un error al escribir

.subscribe((event: NavigationEnd) => {
...
}

tuve que implementar una validación para que funcionará 😃:

.subscribe(event => {
      if(event instanceof NavigationEnd){
			...
	}
})

No estoy muy seguro cual fue el error, creo que es debido a las últimas versiones de rxjs y su implementación con pipes, observables etc.
Saludos

Buen Curso 😃

para que me saliera el titulo como le sale al profesor hice esto
navEndEvents$.subscribe((event: NavigationEnd) => {
gtag(‘config’, ‘G-494641PBHE’, {
‘page_title’ : event.urlAfterRedirects,
‘page_path’: event.urlAfterRedirects

});
});