add: tracking

Add Plausible

app/components/Pp/Header.vue

@@ -9,7 +9,7 @@
         </div>
       </NuxtLink>
       <button class="burger-button" @click="open()">
-        <Icon name="uil:bars" size="2em" />
+        <Icon name="uil:bars" size="2em" mode="svg" />
       </button>
     </header>
     <div id="subheader" />

app/pages/index.vue

@@ -9,7 +9,7 @@
           <PpButton class="cta">Preise vergleichen</PpButton>
         </NuxtLink>
         <h2>
-          Mit Propapier Preise vergleichen und sparen.
+          Mit ProPapier Preise vergleichen und sparen.
         </h2>
       </div>
     </div>

app/pages/privacy.vue

@@ -4,10 +4,7 @@
       Datenschutzerklärung
     </h1>
     <p>
-      Wir senden keinerlei Daten an Drittanbieter.
+      Wir sammeln anonyme Daten zum Erstellen von Statistiken über die Anzahl der Besuche auf unserer Seite, um herauszufinden, wie viel Pflegeaufwand und Rechenleistung benötigt wird.
-    </p>
-    <p>
-      Wir verwerten keinerlei Daten.
     </p>
     <p>
       Alle persistierten Daten befinden sich ausschließlich auf Ihrem Endgerät im sogenannten "localStorage" und werden ausschließlich auf Ihrem Gerät verarbeitet.

nuxt.config.ts

@@ -36,7 +36,17 @@ export default defineNuxtConfig({
     '/privacy': { prerender: true },
   },
 
-  modules: ['@nuxt/icon', '@vueuse/nuxt', '@nuxtjs/device', '@nuxt/fonts', 'nuxt-seo-utils', 'nuxt-ripple', '@nuxtjs/sitemap', '@nuxtjs/robots'],
+  modules: [
+    '@nuxt/icon',
+    '@vueuse/nuxt',
+    '@nuxtjs/device',
+    '@nuxt/fonts',
+    'nuxt-seo-utils',
+    'nuxt-ripple',
+    '@nuxtjs/sitemap',
+    '@nuxtjs/robots',
+    '@nuxtjs/plausible'
+  ],
 
   css : [
     './app/assets/styles/general.css',
@@ -90,5 +100,10 @@ export default defineNuxtConfig({
   sitemap: {
     // exclude all URLs that start with /secret
     exclude: ['/other/**'],
-  }
+  },
+
+  plausible: {
+    // Prevent tracking on localhost
+    ignoredHostnames: ['localhost'],
+  },
 })

package-lock.json

@@ -12,6 +12,7 @@
         "@nuxt/fonts": "^0.11.3",
         "@nuxt/icon": "^1.10.3",
         "@nuxtjs/device": "^3.2.4",
+        "@nuxtjs/plausible": "^1.2.0",
         "@nuxtjs/robots": "^5.2.10",
         "@nuxtjs/sitemap": "^7.3.0",
         "@vueuse/nuxt": "^13.1.0",
@@ -445,6 +446,12 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@barbapapazes/plausible-tracker": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/@barbapapazes/plausible-tracker/-/plausible-tracker-0.5.6.tgz",
+      "integrity": "sha512-GRZxn3ZngYQ1+QbdP8d66D/lQg+T2oEevG8kBGfNwVbt9VZB67sgMx/gkRo/Ww2lH7QelgjUNzvOeG+DsJX2HQ==",
+      "license": "MIT"
+    },
     "node_modules/@capsizecss/metrics": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/@capsizecss/metrics/-/metrics-3.5.0.tgz",
@@ -2928,6 +2935,18 @@
         "defu": "^6.1.4"
       }
     },
+    "node_modules/@nuxtjs/plausible": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@nuxtjs/plausible/-/plausible-1.2.0.tgz",
+      "integrity": "sha512-pjfps32fFN77BhjqHmq2Jx4XCNso9TcYnB+S4IR2qH/c26WDfYB5mQxN5pOEiWRlMkiKq+Y45mBBFtSOVKClCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@barbapapazes/plausible-tracker": "^0.5.6",
+        "@nuxt/kit": "^3.14.1592",
+        "defu": "^6.1.4",
+        "ufo": "^1.5.4"
+      }
+    },
     "node_modules/@nuxtjs/robots": {
       "version": "5.2.10",
       "resolved": "https://registry.npmjs.org/@nuxtjs/robots/-/robots-5.2.10.tgz",

package.json

@@ -17,6 +17,7 @@
     "@nuxt/fonts": "^0.11.3",
     "@nuxt/icon": "^1.10.3",
     "@nuxtjs/device": "^3.2.4",
+    "@nuxtjs/plausible": "^1.2.0",
     "@nuxtjs/robots": "^5.2.10",
     "@nuxtjs/sitemap": "^7.3.0",
     "@vueuse/nuxt": "^13.1.0",