record accordion opens in Matomo

about/faq.md

@@ -18,7 +18,7 @@ menus:
 <!-- End: Info box -->
 
 <!-- START: Accordions Each h2 below will be a separate accordion. -->
-<div class="accordion default border-top-gradient-software-blue-green border-bottom-gradient-software-blue-green">
+<div class="border-top-gradient-software-blue-green border-bottom-gradient-software-blue-green">
   {% capture accordionContent %}
 If you’re new to GitHub and open source in general, figuring out how to get set up can be a challenge. You may want to read through the GitHub Help pages on [setting up and managing your GitHub profile](https://support.github.com/features/account).
 

assets/js/hashes.js

@@ -10,9 +10,9 @@ window.addEventListener('load', function() {
         if (!element) {
             return;
         }
-        console.log(element);
         if (element.className.indexOf('accordion-collapse') > -1) {
             new bootstrap.Collapse(element, { show: true });
+            recordAccordionOpen(element);
         }
     }
 
@@ -22,6 +22,7 @@ window.addEventListener('load', function() {
             element.addEventListener('show.bs.collapse', function(event) {
                 const hash = '#' + event.target.id;
                 window.history.replaceState('', '', hash);
+                recordAccordionOpen(element);
             });
 
             element.addEventListener('hide.bs.collapse', function(event) {
@@ -33,4 +34,10 @@ window.addEventListener('load', function() {
 
         });
     }
+
+    function recordAccordionOpen(element) {
+        if (typeof _paq !== 'undefined') {
+          _paq.push(['trackEvent', 'Accordion', 'Opened', element.id]);
+        }
+    }
 });