feat: 버튼 로그 추가

layers/templates/GrGallery01/index.vue

@@ -24,13 +24,20 @@ const slideData = computed(() => {
 const videoPlayData = computed(() =>
   getComponentGroup(props.components, 'videoPlay')
 )
+
+const {locale} = useI18n()
+const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
+const onArrowClick = (direction, targetIndex) => {
+  const logTraking = direction == 'prev' ? props.components.arrow.groups[0] : props.components.arrow.groups[1];
+  sendLog(locale.value, useAnalyticsLogDataDirect(logTraking, 1))
+}
 </script>
 
 <template>
   <section class="section-container">
     <WidgetsBackground v-if="backgroundData" :resources-data="backgroundData" />
     <div class="section-content">
-      <WidgetsMainTitle
+      <WidgetsMainTitle 
         v-if="mainTitleData"
         :resources-data="mainTitleData"
         class="title-sm"
@@ -39,6 +46,7 @@ const videoPlayData = computed(() =>
         :slide-data="slideData"
         :video-play="videoPlayData"
         class="mt-[24px] md:mt-[32px]"
+        @arrow-click="onArrowClick"
       />
     </div>
   </section>

layers/templates/GrGallery02/index.vue

@@ -54,6 +54,12 @@ const handleChange = (
     'buttonList'
   )
 }
+const {locale} = useI18n()
+const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
+const onArrowClick = (direction, targetIndex) => {
+  const logTraking = direction == 'prev' ? props.components.arrow.groups[0] : props.components.arrow.groups[1];
+  sendLog(locale.value, useAnalyticsLogDataDirect(logTraking, 1))
+}
 </script>
 
 <template>
@@ -72,11 +78,13 @@ const handleChange = (
         :pagination="false"
         class="mt-[24px] md:mt-[48px]"
         @move="handleChange"
+        @arrow-click="onArrowClick"
       >
         <SplideSlide v-for="(item, index) in slideData" :key="index">
           <div class="slide-inner border-line mt-auto">
             <BlocksVisualContent
               :resources-data="getComponentGroup(item, 'imgList')"
+              :page-ver-tmpl-seq="Number(props.pageVerTmplSeq)"
               object-fit="cover"
               :alt="getComponentGroup(item, 'subTitle')?.display?.text"
             />

layers/templates/GrVisual03/index.vue

@@ -18,15 +18,8 @@ const props = defineProps<Props>()
 
 const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
 const onArrowClick = (direction, targetIndex) => {
-  
-  // tracking 데이터 복사 및 click_item 수정
-  const modifiedTracking = {
-    ...props.components.arrow.groups[targetIndex].tracking,
-    click_item: props.components.arrow.groups[targetIndex].tracking.click_item + `_slide${targetIndex}`
-  }
-
-  sendLog(locale.value, useAnalyticsLogDataDirect(new Proxy(modifiedTracking, {}), Number(props.pageVerTmplSeq)))
-
+  const logTraking = direction == 'prev' ? props.components.arrow.groups[0] : props.components.arrow.groups[1];
+  sendLog(locale.value, useAnalyticsLogDataDirect(logTraking, 1))
 }
 </script>