Better analytics on demo page

Author: Maronato

package.json

@@ -60,7 +60,7 @@
     "jest-serializer-vue": "^2.0.2",
     "lint-staged": "10.3.0",
     "nuxt": "^2.12.2",
-    "plausible-tracker": "^0.2.2",
+    "plausible-tracker": "^0.3.1",
     "prettier": "^2.0.5",
     "prismjs": "^1.20.0",
     "rollup": "^2.11.2",

public/components/EthicalAds.vue

@@ -4,10 +4,12 @@
     :data-ea-type="type"
     data-ea-publisher="maronato-github-iovue-toastification"
     data-ea-keywords="vue|frontend|design|javascript|typescript"
+    @click="track()"
   />
 </template>
 
 <script>
+import { trackEvent } from "../plausible";
 export default {
   props: {
     adId: {
@@ -19,5 +21,15 @@ export default {
       default: "text",
     },
   },
+  methods: {
+    track() {
+      trackEvent("Ad click", {
+        props: {
+          placement: this.adId,
+          type: this.type,
+        },
+      });
+    },
+  },
 };
 </script>

public/index.js

@@ -1,5 +1,5 @@
 import Vue from "vue";
-import { enableAutoPageviews } from "./plausible";
+import { enableAutoPageviews, enableAutoOutboundTracking } from "./plausible";
 import vuetify from "./vuetify";
 import App from "./App.vue";
 import Toast from "../src/index";
@@ -9,6 +9,7 @@ Vue.config.productionTip = false;
 Vue.use(Toast);
 
 enableAutoPageviews();
+enableAutoOutboundTracking();
 
 new Vue({
   vuetify,

public/plausible.js

@@ -1,6 +1,10 @@
 import Plausible from "plausible-tracker";
 
-export const { enableAutoPageviews, trackEvent } = Plausible({
+export const {
+  enableAutoPageviews,
+  trackEvent,
+  enableAutoOutboundTracking,
+} = Plausible({
   domain: "maronato.github.io/vue-toastification",
   apiHost: "https://plausible.maronato.dev",
 });

yarn.lock

@@ -9851,10 +9851,10 @@ pkg-up@^3.1.0:
   dependencies:
     find-up "^3.0.0"
 
-plausible-tracker@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/plausible-tracker/-/plausible-tracker-0.2.2.tgz#bdbbad038816bac5b14b5b2216a48c5ddec59598"
-  integrity sha512-DxTszs9U2GAGg799TXL/w4uRRSoxcBt9v08zQgQVrs1SYlR0c+fPFXKuN1lv6RPTSIiQ7/UbXteR4GWz/bcLRA==
+plausible-tracker@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/plausible-tracker/-/plausible-tracker-0.3.1.tgz#dd4e1f59cafc7bf1b00e30890567287b3f204efd"
+  integrity sha512-oXnVyfTF2gzkfK3iOZCRZEnf8sH4gBASaJhY+clwWW1orIybfQpfbgg4U5Bwj5dW/4iNstM4tx4jMCVUfMCUbg==
 
 please-upgrade-node@^3.2.0:
   version "3.2.0"