feat: GA/SA 추가 완료

layers/components/layouts/Main.vue

@@ -65,6 +65,7 @@ watchEffect(() => {
       <component
         :is="registry[template.template_code]?.component"
         :components="template.components"
+        :page-ver-tmpl-seq="template.page_ver_tmpl_seq"
       />
     </template>
   </main>

layers/components/widgets/VideoPlay.vue

@@ -2,7 +2,10 @@
 import { getResponsiveSrc, getResponsiveClass } from '#layers/utils/dataUtil'
 import type { PageDataResourceGroup } from '#layers/types/api/pageData'
 
-const props = defineProps<{ resourcesData: PageDataResourceGroup }>()
+const props = defineProps<{ resourcesData: PageDataResourceGroup, pageVerTmplSeq: number }>()
+const { locale } = useI18n()
+const { sendLog, useAnalyticsLogData } = useAnalytics()
+const logData = useAnalyticsLogData(props.resourcesData, props.pageVerTmplSeq)
 
 const bgStyles = getResponsiveSrc(props.resourcesData?.res_path, {
   resourcesType: 'bg',
@@ -31,9 +34,9 @@ const handleCloseModal = () => {
   <button
     v-if="resourcesData"
     class="bg-cover bg-center bg-no-repeat w-[66px] h-[66px] lg:w-[100px] lg:h-[100px]"
-    :class="getResponsiveClass"
+    :class="getResponsiveClass()"
     :style="bgStyles"
-    @click="handleVideoPlayClick"
+    @click="() => { handleVideoPlayClick(); sendLog(locale, logData); }"
   >
     <span class="sr-only">videoPlay</span>
   </button>