use the beacon API

choojs · Aug 10, 2017 · 2d4ccb9 · 2d4ccb9
1 parent 75652b0
commit 2d4ccb9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/index.js b/index.js
@@ -1,12 +1,23 @@
 var jsSyntax = require('highlight-syntax/js')
 var Highlight = require('highlight-syntax')
+var nanobeacon = require('nanobeacon')
 var mount = require('choo/mount')
 var html = require('choo/html')
 var css = require('sheetify')
 var choo = require('choo')
 var path = require('path')
 var fs = require('fs')
 
+if (typeof window === 'object') {
+  window.addEventListener('DOMContentLoaded', function () {
+    nanobeacon('https://analytics.choo.io', { type: 'load' })
+  }, false)
+
+  window.addEventListener('unload', function () {
+    nanobeacon('https://analytics.choo.io', { type: 'unload' })
+  }, false)
+}
+
 var highlight = Highlight([ jsSyntax ])
 
 css('tachyons')

diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "choo": "^4.0.0",
     "highlight-syntax": "^3.0.2",
     "highlight-syntax-pastel": "^1.0.0",
+    "nanobeacon": "^1.0.0",
     "tachyons": "^4.5.6",
     "vhs": "^0.2.0"
   },