track events with matomo

src/components/GalleryImage/GalleryImage.js

@@ -18,6 +18,8 @@ const logKeyShortcut = (keyCode) => {
   try {
     // eslint-disable-next-line
     window.plausible("KeyShortcut", { props: { keyCode } });
+    // eslint-disable-next-line
+    _paq.push(['trackEvent', 'GalleryImage', 'KeyShortcut', keyCode]);
   } catch (e) {
     /* do nothing */
   }

src/html.js

@@ -31,7 +31,7 @@ export default function HTML(props) {
         {env === "production" && (
           <script>{`window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }`}</script>
         )}
-        {true && (
+        {env === "production" && (
           <script
             dangerouslySetInnerHTML={{
               __html: `

src/pages/index.js

@@ -139,6 +139,8 @@ const IndexPage = ({
           window.plausible("Shuffle", {
             props: { currentImage: currentImage?.base },
           });
+          // eslint-disable-next-line
+          _paq.push(['trackEvent', 'Index', 'Shuffle', currentImage?.base]);
         } catch (e) {
           /* do nothing */
         }