From 1bcce4eedcfad051e95abb8c6ee29cd5f300f307 Mon Sep 17 00:00:00 2001
From: tim <tim@dexorder.trade>
Date: Tue, 8 Apr 2025 14:07:37 -0400
Subject: [PATCH] video analytics tracking

---
 src/components/IntroVideo.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/IntroVideo.vue b/src/components/IntroVideo.vue
index d9b3691..4153fca 100644
--- a/src/components/IntroVideo.vue
+++ b/src/components/IntroVideo.vue
@@ -1,7 +1,10 @@
 <template>
   <div style="margin-top: 1.5em; margin-bottom: 1.5em;">
-    <!-- NOTE: add ?autoplay=1 to the src query string-->
-    <iframe style="display: inline-block" width="560" height="315" :src="`https://www.youtube.com/embed/${idAndSi}&autoplay=${autoplay?'1':'0'}`" title="Dexorder on YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+    <!-- NOTE:
+      add ?autoplay=1 to the src query string
+      add enablejsapi=1 to query to allow video play tracking in the page's Google Analytics
+    -->
+    <iframe style="display: inline-block" width="560" height="315" :src="`https://www.youtube.com/embed/${idAndSi}&enablejsapi=1&autoplay=${autoplay?'1':'0'}`" title="Dexorder on YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
   </div>
 </template>