Saltar al contenido

integración angular y google analytics => ga no es una función

Verificamos completamente cada reseñas en nuestra web con la meta de enseñarte en todo momento información veraz y certera.

Solución:

Tuve un problema similar al intentar integrar Google Analytics en mi aplicación Angular 4.

Lo que hizo el truco para mí fue mover el código de Google Analytics del constructor de AppComponent al ngAfterViewInit() enlace de ciclo de vida para asegurarse de que la vista se inicialice completamente primero.

Aquí está el código que obtuve:

index.html (igual que tú):


aplicación.componente.ts:

import AfterViewInit, Component, Inject, PLATFORM_ID from '@angular/core';
import isPlatformBrowser from '@angular/common';
import NavigationEnd, Router from '@angular/router';

// declare google analytics
declare const ga: any;

@Component(
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
)
export class AppComponent implements AfterViewInit 

  constructor(@Inject(PLATFORM_ID) private platformId: Object,
              private router: Router) 


  ngAfterViewInit(): void 
    this.router.events.subscribe(event => 
      // I check for isPlatformBrowser here because I'm using Angular Universal, you may not need it
      if (event instanceof NavigationEnd && isPlatformBrowser(this.platformId)) 
        console.log(ga); // Just to make sure it's actually the ga function
        ga('set', 'page', event.urlAfterRedirects);
        ga('send', 'pageview');
      
    );
  

Déjame saber si esto también funciona para ti. ¡Que tenga un lindo día! 🙂

Ok, soy retrasado, no puse el script de googleAnalytics antes del cuerpo, fue después. Ahora funciona bien. gracias a @WeissDev, me puso en camino cuando vi eso ga no se definió a pesar de estar en el window (extraño). De todos modos, su solución también funciona bien.

Te mostramos las reseñas y valoraciones de los lectores

Si te gustó nuestro trabajo, tienes la habilidad dejar un tutorial acerca de qué te ha impresionado de esta noticia.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *