feat(showcase): use manual track

src/components/player.js

@@ -55,7 +55,7 @@ export default function spinePlayer(el) {
         entry.mixDuration = 0.3;
         widget.animationState.addAnimation(0, "Idle", true, 0);
       }
-      window.settings.loadViewport()
+      window.settings.success()
     },
   })
 }

src/components/settings.js

@@ -37,6 +37,7 @@ export default class Settings {
   #padBottom = this.#defaultPadBottom
   #logoX = this.#defaultLogoX
   #logoY = this.#defaultLogoY
+  #isInsightsInited = false
 
   constructor(el, logoEl) {
     this.#el = el
@@ -62,6 +63,17 @@ export default class Settings {
     this.#insertHTML()
   }
 
+  success() {
+    this.loadViewport()
+    this.insights(false)
+  }
+
+  insights(flag) {
+    if (this.#isInsightsInited) return
+    window.umami.trackView(`/${import.meta.env.VITE_LINK}${flag ? "?steam" : ""}`);
+    this.#isInsightsInited = true
+  }
+
   setFPS(value) {
     this.#fps = value
     this.spinePlayer.setFps(value)

src/libs/wallpaper_engine.js

@@ -5,6 +5,7 @@ window.wallpaperPropertyListener = {
         }
     },
     applyUserProperties: function (properties) {
+        window.settings.insights(true)
         if (properties.logo) {
             window.settings.setLogoDisplay(!properties.logo.value)
         }