Angular2 uygulamasında kullanım metriklerini nasıl izleyebilirim?

Question

Tıklama olayları, ziyaret edilen sayfalar, belirli bir sayfada geçirilen süre vb. Angular2 uygulamasında nasıl izlenebilir? Bunu yapan herhangi bir paket var mı yoksa bir sürü manuel kayıt kullanarak tekerleği yeniden icat etmeliyim.

Answer 1

İzleme ve analitik, AngularJS'nin temel sorumluluğu değildir. Kullanım analizi oldukça geniş bir konudur ve kullanım durumlarına büyük ölçüde bağlıdır, dolayısıyla sorunuza doğru ve doğru bir cevap yoktur. Bununla birlikte, bunu yapan çok sayıda açık kaynak ve ücretli araç vardır.

Sahip olduğunuz trafik miktarına bağlı olarak ücretsiz kullanım sunan Google Analytics, Mixpanel ve Heap'ı incelemenizi öneririz. Daha fazla kişiselleştirme ve veriyi "sahiplenmek" istiyorsanız, ücretsiz bir çözüm olan ancak kurulum ve yönetme için daha fazla çalışma gerektiren Snowplow'u kontrol etmek isteyebilirsiniz.

Answer 2

Angular I ile ilgili deneyimlerimde Adobe DTM gerçekten yararlı bir araç olmuştur.

DTM, işlerinin uygulamalarını izlemek için teknik olmayan 'Pazarlama Arkadaşları' için tasarlanmıştır. Bu nedenle sizin gibi bir adam en azından temel izleme işlevlerini hızlı bir şekilde uygulayabilir.

Answer 3

Google Etiket Yöneticisi ile birlikte ne yaparsanız yapın. GTM, uygulama kaynak kodunuzu ve izleme kodlarınızı ayırmak için en temiz ve en iyi çözümdür. Ayrıca iş akışınızı artıracak birçok kullanışlı özellik ile birlikte gelir. Tüm izleme kodunuz için bir çerez devre dışı bırakılması, 5 dakikadan daha uzun bir sürede kurulmaz.

İzleme aracı olarak Google Analytics'i tercih ediyorum. Kombinasyon oldukça basit. Google Etiket Yöneticisi başka/Analiz/şey için Açısal 2'den veri göndermek için bir sayfa gösterimi için bu örneğe bakın:

import {Component} from '@angular/core'; 
import {Router, ROUTER_DIRECTIVES, Event, NavigationEnd} from '@angular/router'; 

@Component({ 
    selector: 'my-app', 
    templateUrl: './app.html', 
    directives: [ROUTER_DIRECTIVES], 
    providers: [], 
}) 

declare let ga:Function; 
export class AppComponent { 
    constructor(public router:Router) { 
     this.router.events.subscribe(
      (event:Event) => { 
       if (event instanceof NavigationEnd) { 
        ga('send', 'pageview', event.urlAfterRedirects); 
       } 
      }); 
    } 
} 

den: http://blog.thecodecampus.de/angular-2-google-analytics-google-tag-manager