git.fiddlerwoaroof.com
Browse code

Improving analytics

Track link submission (anonymously) and user login (also anonymously).
Also, track new user creation (username reported, otherwise anonymous).

fiddlerwoaroof authored on 15/10/2015 16:48:56
Showing 2 changed files
... ...
@@ -32,6 +32,7 @@
32 32
   <script src="/lib/angular-resource.min.js"></script>
33 33
   <script src="/lib/angulartics.min.js"></script>
34 34
   <script src="/lib/angulartics-ga.min.js"></script>
35
+  <script src="/lib/angulartics-piwik.js"></script>
35 36
   <script src="/js/new/login.js"></script>
36 37
   <!-- CSS -->
37 38
   <link rel="stylesheet" href="/lib/formalize.css" media="screen" />
... ...
@@ -48,8 +49,8 @@
48 49
       <div class="message">{{message}}</div>
49 50
       <input type="text" ng-model="username" placeholder="Username" />
50 51
       <input type="password" ng-model="password" placeholder="Password" />
51
-      <button ng-click="login()">Log In</button>
52
-      <button ng-click="newuser()">Add User</button>
52
+      <button ng-click="login()" analytics-on="click" analytics-category="user" analytics-event="login">Log In</button>
53
+      <button ng-click="newuser()" analytics-on="click" analytics-category="user" analytics-event="new" analytics-label="{{username}}">Add User</button>
53 54
     </form>
54 55
   </div>
55 56
   </main>
... ...
@@ -12,7 +12,7 @@
12 12
   </h2>
13 13
   <form>
14 14
     <input type="text" ng-model="postobj.url" placeholder="http:// . . ."/>
15
-    <button type="submit" ng-click="addLink(postobj.url)">+</button>
15
+    <button type="submit" ng-click="addLink(postobj.url)" analytics-on="click" analytics-category="link" analytics-label="add" analytics-event="{{postobj.url}}">+</button>
16 16
   </form>
17 17
   <ul class="bone-list">
18 18
     <li ng-repeat="marrow in bone.marrow"
... ...
@@ -22,7 +22,9 @@
22 22
         data-posted="{{marrow.posted}}"
23 23
         data-title="{{marrow.title}}"
24 24
         data-votes="{{marrow.votes}}">
25
-      <a href class="delete-link" ng-click="delete(marrow.id)" title="Delete Link from List">(-)</a>
25
+      <a href class="delete-link" ng-click="delete(marrow.id)" title="Delete Link from List"
26
+        analytics-on="click" analytics-category="link" analytics-label="delete"
27
+        analytics-event="{{marrow.url}}">(-)</a>
26 28
       <div class="marrow">
27 29
         <span class="vote-disp">{{marrow.votes}}</span>
28 30
         <span ng-if="marrow.title">