add plausible custom event

index.html

@@ -322,7 +322,10 @@ function updateGutters(cm) {
 </textarea>
 </form>
 
+<!-- https://plausible.io/docs/custom-event-goals -->
+<script defer data-domain="programmingfonts.org" src="https://plausible.io/js/script.tagged-events.js"></script>
+<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
+
 <script src="index.js"></script>
-<script defer data-domain="programmingfonts.org" src="https://plausible.io/js/script.js"></script>
 </body>
 </html>

index.js

@@ -1,4 +1,4 @@
-/* global CodeMirror window document Set */
+/* global CodeMirror window document Set plausible */
 /* eslint-disable no-implicit-globals */
 
 // CodeMirror
@@ -74,7 +74,10 @@ const selectFont = () => {
   document.cookie = `font=${font};max-age=172800`
 }
 
-window.onhashchange = selectFont
+window.onhashchange = () => {
+  plausible('Font Selected')
+  selectFont()
+}
 
 function setSize () {
   const size = document.getElementById('size').value