Skip to content

Commit 191cb23

Browse files
cohenericksoncohenerickson
committed
Analytics
1 parent 6cc1241 commit 191cb23

File tree

2 files changed

+271
-1
lines changed

2 files changed

+271
-1
lines changed

‎public/js/count.js

Lines changed: 269 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,269 @@
1+
// GoatCounter: https://www.goatcounter.com
2+
// This file (and *only* this file) is released under the ISC license:
3+
// https://opensource.org/licenses/ISC
4+
;(function() {
5+
'use strict';
6+
7+
if (window.goatcounter && window.goatcounter.vars) // Compatibility with very old version; do not use.
8+
window.goatcounter = window.goatcounter.vars
9+
else
10+
window.goatcounter = window.goatcounter || {}
11+
12+
// Load settings from data-goatcounter-settings.
13+
var s = document.querySelector('script[data-goatcounter]')
14+
if (s && s.dataset.goatcounterSettings) {
15+
try { var set = JSON.parse(s.dataset.goatcounterSettings) }
16+
catch (err) { console.error('invalid JSON in data-goatcounter-settings: ' + err) }
17+
for (var k in set)
18+
if (['no_onload', 'no_events', 'allow_local', 'allow_frame', 'path', 'title', 'referrer', 'event'].indexOf(k) > -1)
19+
window.goatcounter[k] = set[k]
20+
}
21+
22+
var enc = encodeURIComponent
23+
24+
// Get all data we're going to send off to the counter endpoint.
25+
var get_data = function(vars) {
26+
var data = {
27+
p: (vars.path === undefined ? goatcounter.path : vars.path),
28+
r: (vars.referrer === undefined ? goatcounter.referrer : vars.referrer),
29+
t: (vars.title === undefined ? goatcounter.title : vars.title),
30+
e: !!(vars.event || goatcounter.event),
31+
s: [window.screen.width, window.screen.height, (window.devicePixelRatio || 1)],
32+
b: is_bot(),
33+
q: location.search,
34+
}
35+
36+
var rcb, pcb, tcb // Save callbacks to apply later.
37+
if (typeof(data.r) === 'function') rcb = data.r
38+
if (typeof(data.t) === 'function') tcb = data.t
39+
if (typeof(data.p) === 'function') pcb = data.p
40+
41+
if (is_empty(data.r)) data.r = document.referrer
42+
if (is_empty(data.t)) data.t = document.title
43+
if (is_empty(data.p)) data.p = get_path()
44+
45+
if (rcb) data.r = rcb(data.r)
46+
if (tcb) data.t = tcb(data.t)
47+
if (pcb) data.p = pcb(data.p)
48+
return data
49+
}
50+
51+
// Check if a value is "empty" for the purpose of get_data().
52+
var is_empty = function(v) { return v === null || v === undefined || typeof(v) === 'function' }
53+
54+
// See if this looks like a bot; there is some additional filtering on the
55+
// backend, but these properties can't be fetched from there.
56+
var is_bot = function() {
57+
// Headless browsers are probably a bot.
58+
var w = window, d = document
59+
if (w.callPhantom || w._phantom || w.phantom)
60+
return 150
61+
if (w.__nightmare)
62+
return 151
63+
if (d.__selenium_unwrapped || d.__webdriver_evaluate || d.__driver_evaluate)
64+
return 152
65+
if (navigator.webdriver)
66+
return 153
67+
return 0
68+
}
69+
70+
// Object to urlencoded string, starting with a ?.
71+
var urlencode = function(obj) {
72+
var p = []
73+
for (var k in obj)
74+
if (obj[k] !== '' && obj[k] !== null && obj[k] !== undefined && obj[k] !== false)
75+
p.push(enc(k) + '=' + enc(obj[k]))
76+
return '?' + p.join('&')
77+
}
78+
79+
// Show a warning in the console.
80+
var warn = function(msg) {
81+
if (console && 'warn' in console)
82+
console.warn('goatcounter: ' + msg)
83+
}
84+
85+
// Get the endpoint to send requests to.
86+
var get_endpoint = function() {
87+
var s = document.querySelector('script[data-goatcounter]')
88+
if (s && s.dataset.goatcounter)
89+
return s.dataset.goatcounter
90+
return (goatcounter.endpoint || window.counter) // counter is for compat; don't use.
91+
}
92+
93+
// Get current path.
94+
var get_path = function() {
95+
var loc = location,
96+
c = document.querySelector('link[rel="canonical"][href]')
97+
if (c) { // May be relative or point to different domain.
98+
var a = document.createElement('a')
99+
a.href = c.href
100+
if (a.hostname.replace(/^www\./, '') === location.hostname.replace(/^www\./, ''))
101+
loc = a
102+
}
103+
return (loc.pathname + loc.search) || '/'
104+
}
105+
106+
// Run function after DOM is loaded.
107+
var on_load = function(f) {
108+
if (document.body === null)
109+
document.addEventListener('DOMContentLoaded', function() { f() }, false)
110+
else
111+
f()
112+
}
113+
114+
// Filter some requests that we (probably) don't want to count.
115+
goatcounter.filter = function() {
116+
if ('visibilityState' in document && document.visibilityState === 'prerender')
117+
return 'visibilityState'
118+
if (!goatcounter.allow_frame && location !== parent.location)
119+
return 'frame'
120+
if (!goatcounter.allow_local && location.hostname.match(/(localhost$|^127\.|^10\.|^172\.(1[6-9]|2[0-9]|3[0-1])\.|^192\.168\.|^0\.0\.0\.0$)/))
121+
return 'localhost'
122+
if (!goatcounter.allow_local && location.protocol === 'file:')
123+
return 'localfile'
124+
if (localStorage && localStorage.getItem('skipgc') === 't')
125+
return 'disabled with #toggle-goatcounter'
126+
return false
127+
}
128+
129+
// Get URL to send to GoatCounter.
130+
window.goatcounter.url = function(vars) {
131+
var data = get_data(vars || {})
132+
if (data.p === null) // null from user callback.
133+
return
134+
data.rnd = Math.random().toString(36).substr(2, 5) // Browsers don't always listen to Cache-Control.
135+
136+
var endpoint = get_endpoint()
137+
if (!endpoint)
138+
return warn('no endpoint found')
139+
140+
return endpoint + urlencode(data)
141+
}
142+
143+
// Count a hit.
144+
window.goatcounter.count = function(vars) {
145+
var f = goatcounter.filter()
146+
if (f)
147+
return warn('not counting because of: ' + f)
148+
149+
var url = goatcounter.url(vars)
150+
if (!url)
151+
return warn('not counting because path callback returned null')
152+
153+
var img = document.createElement('img')
154+
img.src = url
155+
img.style.position = 'absolute' // Affect layout less.
156+
img.style.bottom = '0px'
157+
img.style.width = '1px'
158+
img.style.height = '1px'
159+
img.loading = 'eager'
160+
img.setAttribute('alt', '')
161+
img.setAttribute('aria-hidden', 'true')
162+
163+
var rm = function() { if (img && img.parentNode) img.parentNode.removeChild(img) }
164+
img.addEventListener('load', rm, false)
165+
document.body.appendChild(img)
166+
}
167+
168+
// Get a query parameter.
169+
window.goatcounter.get_query = function(name) {
170+
var s = location.search.substr(1).split('&')
171+
for (var i = 0; i < s.length; i++)
172+
if (s[i].toLowerCase().indexOf(name.toLowerCase() + '=') === 0)
173+
return s[i].substr(name.length + 1)
174+
}
175+
176+
// Track click events.
177+
window.goatcounter.bind_events = function() {
178+
if (!document.querySelectorAll) // Just in case someone uses an ancient browser.
179+
return
180+
181+
var send = function(elem) {
182+
return function() {
183+
goatcounter.count({
184+
event: true,
185+
path: (elem.dataset.goatcounterClick || elem.name || elem.id || ''),
186+
title: (elem.dataset.goatcounterTitle || elem.title || (elem.innerHTML || '').substr(0, 200) || ''),
187+
referrer: (elem.dataset.goatcounterReferrer || elem.dataset.goatcounterReferral || ''),
188+
})
189+
}
190+
}
191+
192+
Array.prototype.slice.call(document.querySelectorAll("*[data-goatcounter-click]")).forEach(function(elem) {
193+
if (elem.dataset.goatcounterBound)
194+
return
195+
var f = send(elem)
196+
elem.addEventListener('click', f, false)
197+
elem.addEventListener('auxclick', f, false) // Middle click.
198+
elem.dataset.goatcounterBound = 'true'
199+
})
200+
}
201+
202+
// Add a "visitor counter" frame or image.
203+
window.goatcounter.visit_count = function(opt) {
204+
on_load(function() {
205+
opt = opt || {}
206+
opt.type = opt.type || 'html'
207+
opt.append = opt.append || 'body'
208+
opt.path = opt.path || get_path()
209+
opt.attr = opt.attr || {width: '200', height: (opt.no_branding ? '60' : '80')}
210+
211+
opt.attr['src'] = get_endpoint() + 'er/' + enc(opt.path) + '.' + enc(opt.type) + '?'
212+
if (opt.no_branding) opt.attr['src'] += '&no_branding=1'
213+
if (opt.style) opt.attr['src'] += '&style=' + enc(opt.style)
214+
if (opt.start) opt.attr['src'] += '&start=' + enc(opt.start)
215+
if (opt.end) opt.attr['src'] += '&end=' + enc(opt.end)
216+
217+
var tag = {png: 'img', svg: 'img', html: 'iframe'}[opt.type]
218+
if (!tag)
219+
return warn('visit_count: unknown type: ' + opt.type)
220+
221+
if (opt.type === 'html') {
222+
opt.attr['frameborder'] = '0'
223+
opt.attr['scrolling'] = 'no'
224+
}
225+
226+
var d = document.createElement(tag)
227+
for (var k in opt.attr)
228+
d.setAttribute(k, opt.attr[k])
229+
230+
var p = document.querySelector(opt.append)
231+
if (!p)
232+
return warn('visit_count: append not found: ' + opt.append)
233+
p.appendChild(d)
234+
})
235+
}
236+
237+
// Make it easy to skip your own views.
238+
if (location.hash === '#toggle-goatcounter') {
239+
if (localStorage.getItem('skipgc') === 't') {
240+
localStorage.removeItem('skipgc', 't')
241+
alert('GoatCounter tracking is now ENABLED in this browser.')
242+
}
243+
else {
244+
localStorage.setItem('skipgc', 't')
245+
alert('GoatCounter tracking is now DISABLED in this browser until ' + location + ' is loaded again.')
246+
}
247+
}
248+
249+
if (!goatcounter.no_onload)
250+
on_load(function() {
251+
// 1. Page is visible, count request.
252+
// 2. Page is not yet visible; wait until it switches to 'visible' and count.
253+
// See #487
254+
if (!('visibilityState' in document) || document.visibilityState === 'visible')
255+
goatcounter.count()
256+
else {
257+
var f = function(e) {
258+
if (document.visibilityState !== 'visible')
259+
return
260+
document.removeEventListener('visibilitychange', f)
261+
goatcounter.count()
262+
}
263+
document.addEventListener('visibilitychange', f)
264+
}
265+
266+
if (!goatcounter.no_events)
267+
goatcounter.bind_events()
268+
})
269+
})();

‎src/root.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default function Root() {
1212
<meta charset="utf-8" />
1313
<meta name="viewport" content="width=device-width, initial-scale=1" />
1414

15-
<meta name="theme-color" content="#161616" />
15+
<meta name="theme-color" content="#DB006F" />
1616

1717
<title>Cohen Erickson</title>
1818
<meta property="og:title" content="Cohen Erickson" />
@@ -26,6 +26,7 @@ export default function Root() {
2626
<meta name="keywords" content="cohen, erickson, fohen erickson, developer, full stack, front end, back end, radon games, appeal, link bot, osana, programming" />
2727

2828
<script src="/js/contact.js" defer></script>
29+
<script data-goatcounter="https://analytics.cohenerickson.com/count" async src="/js/count.js"></script>
2930
<Meta />
3031
<Links />
3132
</head>

0 commit comments

Comments
 (0)