ionic-cordova-gulp-seed
Version:
Ionic & Cordova & Gulp seed with organized code, tests, bower support and some other stuff. Originated from ionic-angular-cordova-seed.
67 lines (56 loc) • 2.83 kB
HTML
<html>
<head>
<meta charset="utf8">
<title>Splunk sample | Angulartics</title>
<link rel="stylesheet" href="//bootswatch.com/cosmo/bootstrap.min.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script src="../src/angulartics.js"></script>
<script src="../src/angulartics-splunk.js"></script>
<script type="text/javascript">
var sp=sp||[];(function(){var e=["init","identify","track","trackLink","pageview"],t=function(e){return function(){sp.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var n=0;n<e.length;n++)sp[e[n]]=t(e[n])})(),sp.load=function(e,o){sp._endpoint=e;if(o){sp.init(o)};var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src=("https:"===document.location.protocol?"https://":"http://")+"d21ey8j28ejz92.cloudfront.net/analytics/v1/sp.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)};
sp.load("http://localhost:9000/api/log");
</script>
</head>
<body ng-app="sample">
<div class="navbar navbar-default">
<div class="navbar-header">
<a class="navbar-brand" href="#/">My App</a>
</div>
<div>
<ul class="nav navbar-nav">
<li><a href="#/a">Page A</a></li>
<li><a href="#/b">Page B</a></li>
<li><a href="#/c">Page C</a></li>
</ul>
</div>
</div>
<div class="container">
<div ng-view></div>
<hr>
<button analytics-on="click" analytics-event="Button 1" analytics-category="Commands" class="btn btn-default">Button 1</button>
<!-- same as analytics-on="click", because 'click' is the default -->
<button analytics-on analytics-event="Button 2" analytics-category="Commands" class="btn btn-primary">Button 2</button>
<!-- same as analytics-event="Button 3", because is inferred from innerText -->
<button analytics-on analytics-category="Commands" class="btn btn-success">Button 3</button>
<button analytics-on analytics-label="Button4 label" analytics-value="1" class="btn btn-info">Button 4</button>
<hr>
<p class="alert alert-success">
Open the network inspector in your browser, click any of the nav options or buttons above and you'll see the analytics
request being executed.
</p>
</div>
<script>
angular.module('sample', ['angulartics', 'angulartics.splunk'])
.config(function ($routeProvider, $analyticsProvider) {
$routeProvider
.when('/', { templateUrl: '/samples/partials/root.tpl.html', controller: 'SampleCtrl' })
.when('/a', { templateUrl: '/samples/partials/a.tpl.html', controller: 'SampleCtrl' })
.when('/b', { templateUrl: '/samples/partials/b.tpl.html', controller: 'SampleCtrl' })
.when('/c', { templateUrl: '/samples/partials/c.tpl.html', controller: 'SampleCtrl' })
.otherwise({ redirectTo: '/' });
})
.controller('SampleCtrl', function () {});
</script>
</body>
</html>