Analytics: Add umami for openclimbing.org (#757)

pages/_app.tsx

@@ -12,6 +12,7 @@ import { GlobalStyle } from '../src/helpers/GlobalStyle';
 import { doShortenerRedirect } from '../src/services/helpers';
 import { PROJECT_ID, PROJECT_NAME } from '../src/services/project';
 import { GoogleAnalytics } from './api/google-analytics';
+import { Umami } from './api/umami';
 
 type Props = AppProps & EmotionCacheProviderProps;
 
@@ -48,7 +49,12 @@ export default class MyApp extends App<Props> {
             <GlobalStyle />
           </UserThemeProvider>
         </AppCacheProvider>
-        {isOpenClimbing && <GoogleAnalytics />}
+        {isOpenClimbing && (
+          <>
+            <GoogleAnalytics />
+            <Umami />
+          </>
+        )}
       </>
     );
   }

pages/api/umami.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import Script from 'next/script';
+
+const UMAMI_ID = '85c41d25-1a2a-4168-9786-a442a92e6171';
+
+export const Umami = () => (
+  <Script
+    defer
+    src="https://cloud.umami.is/script.js"
+    data-website-id={UMAMI_ID}
+  />
+);