Add Umami

assets/js/404.js

@@ -1 +1,2 @@
 document.addEventListener('DOMContentLoaded', function () { plausible('404', { props: { path: document.location.pathname } }); });
+umami.track('404', { path: document.location.pathname });

assets/js/base.js

@@ -1,5 +1,13 @@
 window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }
 
+$('a').each(function() {
+  const $a = $(this);
+  if ($a[0].host !== window.location.host && !$a.attr('data-umami-event')) {
+    $a.attr('data-umami-event', 'outbound-link-click');
+    $a.attr('data-umami-event-url', $a.attr('href'));
+  }
+});
+
 function determineGitHubStargazersCount(locale, globalData) {
   $.getJSON('https://api.cryptomator.org/desktop/repo.json', data => {
     globalData.githubStargazers = formatNumber(data.stargazers_count, locale);

content/downloads/android.de.html

@@ -19,7 +19,7 @@ <h3 class="font-h3 text-lg">Google Play</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Minimum: {{< siteparam releases.android.requiredOS >}}</p>
-      <a href="https://play.google.com/store/apps/details?id=org.cryptomator&hl=de" role="button" class="plausible-event-name=downloads-android-googleplay">
+      <a href="https://play.google.com/store/apps/details?id=org.cryptomator&hl=de" role="button" class="plausible-event-name=downloads-android-googleplay" data-umami-event="downloads-android-googleplay">
         <img class="h-10 mx-auto lazyload" data-src="/de/img/downloads/googleplay-badge.png">
       </a>
     </div>
@@ -31,7 +31,7 @@ <h3 class="font-h3 text-lg">APK</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Du kannst Cryptomator für Android auch kaufen, ohne über Google Play zu gehen.</p>
-      <a href="/de/android/" class="btn btn-primary w-full md:w-48 plausible-event-name=downloads-android-apk" role="button">Zur APK-Version</a>
+      <a href="/de/android/" role="button" class="btn btn-primary w-full md:w-48 plausible-event-name=downloads-android-apk" data-umami-event="downloads-android-apk">Zur APK-Version</a>
     </div>
   </div>
 </div>

content/downloads/android.en.html

@@ -21,7 +21,7 @@ <h3 class="font-h3 text-lg">Google Play</h3>
       <div class="mb-4">
         <p class="font-p text-sm mb-4">Minimum: {{< siteparam releases.android.requiredOS >}}</p>
       </div>
-      <a href="https://play.google.com/store/apps/details?id=org.cryptomator&hl=en" role="button" class="plausible-event-name=downloads-android-googleplay">
+      <a href="https://play.google.com/store/apps/details?id=org.cryptomator&hl=en" role="button" class="plausible-event-name=downloads-android-googleplay" data-umami-event="downloads-android-googleplay">
         <img class="h-10 mx-auto lazyload" data-src="/img/downloads/googleplay-badge.png">
       </a>
     </div>
@@ -33,7 +33,7 @@ <h3 class="font-h3 text-lg">APK</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">You can also purchase Cryptomator for Android without going through Google Play.</p>
-      <a href="/android/" class="btn btn-primary w-full md:w-48 plausible-event-name=downloads-android-apk" role="button">Get APK Version</a>
+      <a href="/android/" role="button" class="btn btn-primary w-full md:w-48 plausible-event-name=downloads-android-apk" data-umami-event="downloads-android-apk">Get APK Version</a>
     </div>
   </div>
 </div>

content/downloads/ios.de.html

@@ -19,7 +19,7 @@ <h3 class="font-h3 text-lg">App Store</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Minimum: iOS 14.0</p>
-      <a href="https://apps.apple.com/de/app/cryptomator/id1560822163" role="button" class="mb-4 plausible-event-name=downloads-ios-appstore">
+      <a href="https://apps.apple.com/de/app/cryptomator/id1560822163" role="button" class="mb-4 plausible-event-name=downloads-ios-appstore" data-umami-event="downloads-ios-appstore">
         <img class="h-10 mx-auto mb-4 lazyload" data-src="/de/img/downloads/appstore-badge.svg">
       </a>
       <p class="font-p text-sm">Eine Vollversion ohne In-App-Käufe für Apple School/Business Manager ist <a class="text-link" href="https://apps.apple.com/de/app/cryptomator-full-version/id1665616242">im App Store</a> erhältlich.</p>

content/downloads/ios.en.html

@@ -19,7 +19,7 @@ <h3 class="font-h3 text-lg">App Store</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Minimum: iOS 14.0</p>
-      <a href="https://apps.apple.com/us/app/cryptomator/id1560822163" role="button" class="plausible-event-name=downloads-ios-appstore">
+      <a href="https://apps.apple.com/us/app/cryptomator/id1560822163" role="button" class="plausible-event-name=downloads-ios-appstore" data-umami-event="downloads-ios-appstore">
         <img class="h-10 mx-auto mb-4 lazyload" data-src="/img/downloads/appstore-badge.svg">
       </a>
       <p class="font-p text-sm">A full version without in-app purchases for Apple School/Business Manager is available <a class="text-link" href="https://apps.apple.com/us/app/cryptomator-full-version/id1665616242">on the App Store</a>.</p>

content/downloads/linux.de.html

@@ -27,10 +27,10 @@ <h3 class="font-h3 text-lg">AppImage</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Siehe {{< extlink "https://www.oracle.com/java/technologies/javase/products-doc-jdk21certconfig.html" "Systemanforderungen" >}}</p>
-      <a itemprop="downloadUrl" href="/de/downloads/linux/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-48 plausible-event-name=downloads-linux" role="button">
+      <a itemprop="downloadUrl" href="/de/downloads/linux/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-48 plausible-event-name=downloads-linux" role="button" data-umami-event="downloads-linux">
         <span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(x86_x64)</span>
       </a>
-      <a itemprop="downloadUrl" href="/de/downloads/linux-aarch64/thanks/" rel="nofollow" class="btn btn-primary w-full md:w-48 plausible-event-name=downloads-linux-aarch64" role="button">
+      <a itemprop="downloadUrl" href="/de/downloads/linux-aarch64/thanks/" rel="nofollow" class="btn btn-primary w-full md:w-48 plausible-event-name=downloads-linux-aarch64" role="button" data-umami-event="downloads-linux-aarch64">
         <span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(AArch64)</span>
       </a>
     </div>
@@ -43,9 +43,9 @@ <h3 class="font-h3 text-lg">Paketquellen</h3>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Du findest Cryptomator auch in folgenden Repos:</p>
       <ul class="list-primary list-primary-sm text-left">
-        <li>PPA: <a href="https://launchpad.net/~sebastian-stenzel/+archive/ubuntu/cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-ppa">sebastian-stenzel/cryptomator</a></li>
-        <li>AUR: <a href="https://aur.archlinux.org/packages/cryptomator/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur">cryptomator</a> und <a href="https://aur.archlinux.org/packages/cryptomator-bin/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur">cryptomator-bin</a></li>
-        <li>Flatpak: <a href="https://flathub.org/apps/details/org.cryptomator.Cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-flatpak">org.cryptomator.Cryptomator</a></li>
+        <li>PPA: <a href="https://launchpad.net/~sebastian-stenzel/+archive/ubuntu/cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-ppa" data-umami-event="downloads-linux-ppa">sebastian-stenzel/cryptomator</a></li>
+        <li>AUR: <a href="https://aur.archlinux.org/packages/cryptomator/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur" data-umami-event="downloads-linux-aur">cryptomator</a> und <a href="https://aur.archlinux.org/packages/cryptomator-bin/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur" data-umami-event="downloads-linux-aur">cryptomator-bin</a></li>
+        <li>Flatpak: <a href="https://flathub.org/apps/details/org.cryptomator.Cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-flatpak" data-umami-event="downloads-linux-flatpak">org.cryptomator.Cryptomator</a></li>
       </ul>
     </div>
   </div>

content/downloads/linux.en.html

@@ -27,10 +27,10 @@ <h3 class="font-h3 text-lg">AppImage</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">See {{< extlink "https://www.oracle.com/java/technologies/javase/products-doc-jdk21certconfig.html" "System Requirements" >}}</p>
-      <a itemprop="downloadUrl" href="/downloads/linux/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-48 plausible-event-name=downloads-linux" role="button">
+      <a itemprop="downloadUrl" href="/downloads/linux/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-48 plausible-event-name=downloads-linux" role="button" data-umami-event="downloads-linux">
         <span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(x86_x64)</span>
       </a>
-      <a itemprop="downloadUrl" href="/downloads/linux-aarch64/thanks/" rel="nofollow" class="btn btn-primary w-full md:w-48 plausible-event-name=downloads-linux-aarch64" role="button">
+      <a itemprop="downloadUrl" href="/downloads/linux-aarch64/thanks/" rel="nofollow" class="btn btn-primary w-full md:w-48 plausible-event-name=downloads-linux-aarch64" role="button" data-umami-event="downloads-linux-aarch64">
         <span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(AArch64)</span>
       </a>
     </div>
@@ -43,9 +43,9 @@ <h3 class="font-h3 text-lg">Package Repositories</h3>
     <div class="p-4">
       <p class="font-p text-sm mb-4">You'll also find Cryptomator in the following repos:</p>
       <ul class="list-primary list-primary-sm text-left">
-        <li>PPA: <a href="https://launchpad.net/~sebastian-stenzel/+archive/ubuntu/cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-ppa">sebastian-stenzel/cryptomator</a></li>
-        <li>AUR: <a href="https://aur.archlinux.org/packages/cryptomator/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur">cryptomator</a> and <a href="https://aur.archlinux.org/packages/cryptomator-bin/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur">cryptomator-bin</a></li>
-        <li>Flatpak: <a href="https://flathub.org/apps/details/org.cryptomator.Cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-flatpak">org.cryptomator.Cryptomator</a></li>
+        <li>PPA: <a href="https://launchpad.net/~sebastian-stenzel/+archive/ubuntu/cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-ppa" data-umami-event="downloads-linux-ppa">sebastian-stenzel/cryptomator</a></li>
+        <li>AUR: <a href="https://aur.archlinux.org/packages/cryptomator/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur" data-umami-event="downloads-linux-aur">cryptomator</a> and <a href="https://aur.archlinux.org/packages/cryptomator-bin/" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-aur" data-umami-event="downloads-linux-aur">cryptomator-bin</a></li>
+        <li>Flatpak: <a href="https://flathub.org/apps/details/org.cryptomator.Cryptomator" target="_blank" rel="noopener" class="text-link plausible-event-name=downloads-linux-flatpak" data-umami-event="downloads-linux-flatpak">org.cryptomator.Cryptomator</a></li>
       </ul>
     </div>
   </div>

content/downloads/mac.de.html

@@ -27,11 +27,11 @@ <h3 class="font-h3 text-lg">DMG Image</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Minimum: {{< siteparam releases.dmg.requiredOS >}}</p>
-      <a itemprop="downloadUrl" href="/de/downloads/mac-arm64/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-56 plausible-event-name=downloads-mac-arm64" role="button">
+      <a itemprop="downloadUrl" href="/de/downloads/mac-arm64/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-56 plausible-event-name=downloads-mac-arm64" role="button" data-umami-event="downloads-mac-arm64">
         <span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(Apple Silicon)</span>
       </a>
       <p class="font-p text-sm mb-6">Wir empfehlen die Installation von <a class="text-link" href="https://www.fuse-t.org/" target="_blank" rel="noopener">FUSE-T</a>.</p>
-      <a itemprop="downloadUrl" href="/de/downloads/mac/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-56 plausible-event-name=downloads-mac" role="button">
+      <a itemprop="downloadUrl" href="/de/downloads/mac/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-56 plausible-event-name=downloads-mac" role="button" data-umami-event="downloads-mac">
         <span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(Intel)</span>
       </a>
       <p class="font-p text-sm">Wir empfehlen die Installation von <a class="text-link" href="https://osxfuse.github.io/" target="_blank" rel="noopener">macFUSE</a>.</p>

content/downloads/mac.en.html

@@ -27,11 +27,11 @@ <h3 class="font-h3 text-lg">DMG Image</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Minimum: {{< siteparam releases.dmg.requiredOS >}}</p>
-      <a itemprop="downloadUrl" href="/downloads/mac-arm64/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-56 plausible-event-name=downloads-mac-arm64" role="button">
+      <a itemprop="downloadUrl" href="/downloads/mac-arm64/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-56 plausible-event-name=downloads-mac-arm64" role="button" data-umami-event="downloads-mac-arm64">
         <span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(Apple Silicon)</span>
       </a>
       <p class="font-p text-sm mb-6">We recommend installing <a class="text-link" href="https://www.fuse-t.org/" target="_blank" rel="noopener">FUSE-T</a>.</p>
-      <a itemprop="downloadUrl" href="/downloads/mac/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-56 plausible-event-name=downloads-mac" role="button">
+      <a itemprop="downloadUrl" href="/downloads/mac/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-56 plausible-event-name=downloads-mac" role="button" data-umami-event="downloads-mac">
         <span class="fas fa-download" aria-hidden="true"></span> Download <span class="text-xs">(Intel)</span>
       </a>
       <p class="font-p text-sm">We recommend installing <a class="text-link" href="https://osxfuse.github.io/" target="_blank" rel="noopener">macFUSE</a>.</p>

content/downloads/win.de.html

@@ -27,10 +27,10 @@ <h3 class="font-h3 text-lg">EXE Installer</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Minimum: {{< siteparam releases.msi.requiredOS >}}</p>
-      <a itemprop="downloadUrl" href="/de/downloads/win/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-48 plausible-event-name=downloads-win" role="button">
+      <a itemprop="downloadUrl" href="/de/downloads/win/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-48 plausible-event-name=downloads-win" role="button" data-umami-event="downloads-win">
         <span class="fas fa-download" aria-hidden="true"></span> Download
       </a>
-      <p class="font-p text-sm">Dieser Installer enthält den Drittanbieter-Treiber <a class="text-link" href="https://winfsp.dev/" target="_blank" rel="noopener">WinFsp</a>. Du kannst auch den <a href="/de/downloads/win-msi/thanks/" rel="nofollow" class="text-link plausible-event-name=downloads-win-msi">MSI Installer</a> ohne Abhängigkeiten herunterladen.</p>
+      <p class="font-p text-sm">Dieser Installer enthält den Drittanbieter-Treiber <a class="text-link" href="https://winfsp.dev/" target="_blank" rel="noopener">WinFsp</a>. Du kannst auch den <a href="/de/downloads/win-msi/thanks/" rel="nofollow" class="text-link plausible-event-name=downloads-win-msi" data-umami-event="downloads-win-msi">MSI Installer</a> ohne Abhängigkeiten herunterladen.</p>
     </div>
   </div>
 
@@ -40,7 +40,7 @@ <h3 class="font-h3 text-lg">Portable</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Die portable App ist eine Communityleistung und wird nicht offiziell von Skymatic bereitgestellt und gewartet.</p>
-      <a href="https://portapps.io/app/cryptomator-portable/" target="_blank" rel="noopener" class="btn btn-outline-primary w-full md:w-48 plausible-event-name=downloads-win-portable" role="button">
+      <a href="https://portapps.io/app/cryptomator-portable/" target="_blank" rel="noopener" class="btn btn-outline-primary w-full md:w-48 plausible-event-name=downloads-win-portable" role="button" data-umami-event="downloads-win-portable">
         <span class="fas fa-link" aria-hidden="true"></span> Zu Portapps
       </a>
     </div>

content/downloads/win.en.html

@@ -27,10 +27,10 @@ <h3 class="font-h3 text-lg">EXE Installer</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">Minimum: {{< siteparam releases.msi.requiredOS >}}</p>
-      <a itemprop="downloadUrl" href="/downloads/win/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-48 plausible-event-name=downloads-win" role="button">
+      <a itemprop="downloadUrl" href="/downloads/win/thanks/" rel="nofollow" class="btn btn-primary w-full mb-4 md:w-48 plausible-event-name=downloads-win" role="button" data-umami-event="downloads-win">
         <span class="fas fa-download" aria-hidden="true"></span> Download
       </a>
-      <p class="font-p text-sm">This installer includes the third-party driver <a class="text-link" href="https://winfsp.dev/" target="_blank" rel="noopener">WinFsp</a>. You can also download the <a href="/downloads/win-msi/thanks/" rel="nofollow" class="text-link plausible-event-name=downloads-win-msi">MSI installer</a> without dependencies.</p>
+      <p class="font-p text-sm">This installer includes the third-party driver <a class="text-link" href="https://winfsp.dev/" target="_blank" rel="noopener">WinFsp</a>. You can also download the <a href="/downloads/win-msi/thanks/" rel="nofollow" class="text-link plausible-event-name=downloads-win-msi" data-umami-event="downloads-win-msi">MSI installer</a> without dependencies.</p>
     </div>
   </div>
 
@@ -40,7 +40,7 @@ <h3 class="font-h3 text-lg">Portable</h3>
     </div>
     <div class="p-4">
       <p class="font-p text-sm mb-4">The portable app is a community effort and not officially provided and maintained by Skymatic.</p>
-      <a href="https://portapps.io/app/cryptomator-portable/" target="_blank" rel="noopener" class="btn btn-outline-primary w-full md:w-48 plausible-event-name=downloads-win-portable" role="button">
+      <a href="https://portapps.io/app/cryptomator-portable/" target="_blank" rel="noopener" class="btn btn-outline-primary w-full md:w-48 plausible-event-name=downloads-win-portable" role="button" data-umami-event="downloads-win-portable">
         <span class="fas fa-link" aria-hidden="true"></span> Visit Portapps
       </a>
     </div>

content/sponsors.de.html

@@ -64,7 +64,7 @@ <h2 class="font-h2 mb-6">Bronze-Sponsoren</h2>
 <section class="max-w-3xl mb-12">
   <h2 class="font-h2 mb-6">Möchtest du ein offizieller Sponsor werden?</h2>
   <p class="font-p mb-4">Der einfachste Weg, um Sponsor zu werden, ist über GitHub. Wenn du Interesse hast, uns direkt zu sponsern, oder Fragen hast, <a class="text-link" href="mailto:[email protected]">kontaktiere uns</a>. Sponsoren werden innerhalb der gewählten Kategorie chronologisch gelistet.</p>
-  <a href="https://github.com/sponsors/cryptomator" target="_blank" rel="noopener" role="button" class="btn btn-primary px-8 plausible-event-name=sponsors-github-cta">
+  <a href="https://github.com/sponsors/cryptomator" target="_blank" rel="noopener" role="button" class="btn btn-primary px-8 plausible-event-name=sponsors-github-cta" data-umami-event="sponsors-github-cta">
     <i class="fab fa-github"></i> Werde Sponsor über GitHub
   </a>
 </section>