add goatcounter as page element to hopefully catch routing

1 files changed, 26 insertions, 0 deletions

diff --git a/src/GoatCounter.js b/src/GoatCounter.js
new file mode 100644
index 0000000..15ec5ef
--- /dev/null
+++ b/src/GoatCounter.js
@@ -0,0 +1,26 @@
+import React from 'react'
+
+class GoatCounter extends React.Component {
+  componentDidMount () {
+    window.counter = 'https://rcd.goatcounter.com/count';
+    const script = window.document.createElement('script');
+    script.async = 1;
+    script.src = 'https://gc.zgo.at/count.js';
+    script.id = 'goatcounter';
+    script.setAttribute('data-goatcounter', "https://rcd.goatcounter.com/count");
+    (window.document.head || window.document.body).appendChild(script);
+  }
+
+  componentWillUnmount () {
+    const script = window.document.getElementById('goatcounter')
+    if (script) {
+      script.parentNode.removeChild(script)
+    }
+  }
+
+  render () {
+    return null
+  }
+}
+
+export default GoatCounter
\ No newline at end of file