<!DOCTYPE html>
<html>
<head>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-9999999999-99', 'auto');
</script>
<script data-require="angular.js@*" data-semver="4.0.0" src="https://code.angularjs.org/latest/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angulartics/1.4.0/angulartics.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angulartics-google-analytics/0.4.0/angulartics-ga.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-route.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="app">
<div ng-view></div>
</body>
</html>
(function(angular) {
angular
.module('app', [
'ngRoute',
'angulartics',
'angulartics.google.analytics'
])
.config(['$routeProvider', '$analyticsProvider', function($routeProvider, $analyticsProvider) {
$analyticsProvider.firstPageview(true); /*Records pages that don't use $state or $route*/
$analyticsProvider.withAutoBase(true); /*Records full path*/
$analyticsProvider.virtualPageviews(true);
$routeProvider.when('/', {
controller: 'MainController as ctrl',
template: '<div><a ng-href="#/demo">Click To Trigger #/demo Pageview</a></div>'
}).when('/demo', {
controller: 'MainController as ctrl',
template: '<div>{{ctrl.message}}</div>'
}).otherwise('/')
}])
.controller('MainController', [function() {
this.message = 'View the GA Hit output in console.';
}]);
})(angular);
/* Styles go here */