gtmeventtracking
Version:
GTM Google event Tracking Management System
103 lines (100 loc) • 4.57 kB
JavaScript
import { Injectable } from '@angular/core';
import { Title } from '@angular/platform-browser';
import { NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';
import { filter } from 'rxjs/operators/filter';
import { Angulartics2 } from 'angulartics2';
var __assign = (undefined && undefined.__assign) || Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
var AppInsightsDefaults = (function () {
function AppInsightsDefaults() {
this.userId = null;
}
return AppInsightsDefaults;
}());
var Angulartics2AppInsights = (function () {
function Angulartics2AppInsights(angulartics2, title, router) {
var _this = this;
this.angulartics2 = angulartics2;
this.title = title;
this.router = router;
this.loadStartTime = null;
this.loadTime = null;
this.metrics = null;
this.dimensions = null;
this.measurements = null;
if (typeof appInsights === 'undefined') {
console.warn('appInsights not found');
}
var defaults = new AppInsightsDefaults;
this.angulartics2.settings.appInsights = __assign({}, defaults, this.angulartics2.settings.appInsights);
this.angulartics2.pageTrack
.pipe(this.angulartics2.filterDeveloperMode())
.subscribe(function (x) { return _this.pageTrack(x.path); });
this.angulartics2.eventTrack
.pipe(this.angulartics2.filterDeveloperMode())
.subscribe(function (x) { return _this.eventTrack(x.action, x.properties); });
this.angulartics2.exceptionTrack
.pipe(this.angulartics2.filterDeveloperMode())
.subscribe(function (x) { return _this.exceptionTrack(x); });
this.angulartics2.setUsername
.subscribe(function (x) { return _this.setUsername(x); });
this.angulartics2.setUserProperties
.subscribe(function (x) { return _this.setUserProperties(x); });
this.router.events
.pipe(this.angulartics2.filterDeveloperMode(), filter(function (event) { return event instanceof NavigationStart; }))
.subscribe(function (event) { return _this.startTimer(); });
this.router.events
.pipe(filter(function (event) { return event instanceof NavigationError || event instanceof NavigationEnd; }))
.subscribe(function (error) { return _this.stopTimer(); });
}
Angulartics2AppInsights.prototype.startTimer = function () {
this.loadStartTime = Date.now();
this.loadTime = null;
};
Angulartics2AppInsights.prototype.stopTimer = function () {
this.loadTime = Date.now() - this.loadStartTime;
this.loadStartTime = null;
};
Angulartics2AppInsights.prototype.pageTrack = function (path) {
appInsights.trackPageView(this.title.getTitle(), path, this.dimensions, this.metrics, this.loadTime);
};
Angulartics2AppInsights.prototype.eventTrack = function (name, properties) {
appInsights.trackEvent(name, properties, this.measurements);
};
Angulartics2AppInsights.prototype.exceptionTrack = function (properties) {
var description = properties.event || properties.description || properties;
appInsights.trackException(description);
};
Angulartics2AppInsights.prototype.setUsername = function (userId) {
this.angulartics2.settings.appInsights.userId = userId;
appInsights.setAuthenticatedUserContext(userId);
};
Angulartics2AppInsights.prototype.setUserProperties = function (properties) {
if (properties.userId) {
this.angulartics2.settings.appInsights.userId = properties.userId;
}
if (properties.accountId) {
appInsights.setAuthenticatedUserContext(this.angulartics2.settings.appInsights.userId, properties.accountId);
}
else {
appInsights.setAuthenticatedUserContext(this.angulartics2.settings.appInsights.userId);
}
};
Angulartics2AppInsights.decorators = [
{ type: Injectable },
];
Angulartics2AppInsights.ctorParameters = function () { return [
{ type: Angulartics2, },
{ type: Title, },
{ type: Router, },
]; };
return Angulartics2AppInsights;
}());
export { AppInsightsDefaults, Angulartics2AppInsights };
//# sourceMappingURL=appinsights.es2015.js.map