@adstage/web-sdk 2.5.1 → 2.5.3

package/dist/index.cjs.js

@@ -499,7 +499,7 @@ class ApiHeaders {
  * AdStage SDK - 버전 정보 유틸리티
  */
 // package.json에서 버전 정보 가져오기 (빌드 시 자동으로 교체됨)
-const SDK_VERSION$1 = '"2.5.1"';
+const SDK_VERSION$1 = '"2.5.3"';
 /**
  * SDK 버전 정보 반환
  */
@@ -1371,6 +1371,7 @@ class CarouselSliderManager {
                 });
             }
             // 현재 슬라이드의 광고에 대해 노출 이벤트 추적 (모든 슬라이드 포함)
+            console.log(`🎯 Triggering VIEWABLE event for slide change: ad ${advertisements[actualIndex]._id} (index: ${actualIndex}) in slot: ${slot.id}`);
             trackEventCallback(advertisements[actualIndex]._id, slot.id, AdEventType.VIEWABLE);
         };
         // 무한 루프 처리 함수
@@ -1413,12 +1414,8 @@ class CarouselSliderManager {
         if (dotContainer) {
             sliderWrapper.appendChild(dotContainer);
         }
-        // 첫 번째 도트 활성화 및 초기 VIEWABLE 이벤트 발생
+        // 첫 번째 도트 활성화 (moveToSlide에서 자동으로 VIEWABLE 이벤트 발생)
         moveToSlide(0);
-        // 슬라이더 DOM 추가 후 첫 번째 광고 VIEWABLE 이벤트 트리거 (500ms 후 실제 노출 확인)
-        setTimeout(() => {
-            trackEventCallback(advertisements[0]._id, slot.id, AdEventType.VIEWABLE);
-        }, 500);
         // 사용자가 크기를 지정하지 않은 경우, 첫 번째 슬라이드 크기에 맞춰 래퍼 크기 동적 조정
         if (!slot.width || slot.width === 0) {
             // DOM 렌더링 후 크기 측정

package/dist/index.esm.js

@@ -497,7 +497,7 @@ class ApiHeaders {
  * AdStage SDK - 버전 정보 유틸리티
  */
 // package.json에서 버전 정보 가져오기 (빌드 시 자동으로 교체됨)
-const SDK_VERSION$1 = '"2.5.1"';
+const SDK_VERSION$1 = '"2.5.3"';
 /**
  * SDK 버전 정보 반환
  */
@@ -1369,6 +1369,7 @@ class CarouselSliderManager {
                 });
             }
             // 현재 슬라이드의 광고에 대해 노출 이벤트 추적 (모든 슬라이드 포함)
+            console.log(`🎯 Triggering VIEWABLE event for slide change: ad ${advertisements[actualIndex]._id} (index: ${actualIndex}) in slot: ${slot.id}`);
             trackEventCallback(advertisements[actualIndex]._id, slot.id, AdEventType.VIEWABLE);
         };
         // 무한 루프 처리 함수
@@ -1411,12 +1412,8 @@ class CarouselSliderManager {
         if (dotContainer) {
             sliderWrapper.appendChild(dotContainer);
         }
-        // 첫 번째 도트 활성화 및 초기 VIEWABLE 이벤트 발생
+        // 첫 번째 도트 활성화 (moveToSlide에서 자동으로 VIEWABLE 이벤트 발생)
         moveToSlide(0);
-        // 슬라이더 DOM 추가 후 첫 번째 광고 VIEWABLE 이벤트 트리거 (500ms 후 실제 노출 확인)
-        setTimeout(() => {
-            trackEventCallback(advertisements[0]._id, slot.id, AdEventType.VIEWABLE);
-        }, 500);
         // 사용자가 크기를 지정하지 않은 경우, 첫 번째 슬라이드 크기에 맞춰 래퍼 크기 동적 조정
         if (!slot.width || slot.width === 0) {
             // DOM 렌더링 후 크기 측정

package/dist/index.standalone.js

@@ -494,7 +494,7 @@ class ApiHeaders {
  * AdStage SDK - 버전 정보 유틸리티
  */
 // package.json에서 버전 정보 가져오기 (빌드 시 자동으로 교체됨)
-const SDK_VERSION$1 = '"2.5.1"';
+const SDK_VERSION$1 = '"2.5.3"';
 /**
  * SDK 버전 정보 반환
  */
@@ -1366,6 +1366,7 @@ class CarouselSliderManager {
                 });
             }
             // 현재 슬라이드의 광고에 대해 노출 이벤트 추적 (모든 슬라이드 포함)
+            console.log(`🎯 Triggering VIEWABLE event for slide change: ad ${advertisements[actualIndex]._id} (index: ${actualIndex}) in slot: ${slot.id}`);
             trackEventCallback(advertisements[actualIndex]._id, slot.id, AdEventType.VIEWABLE);
         };
         // 무한 루프 처리 함수
@@ -1408,12 +1409,8 @@ class CarouselSliderManager {
         if (dotContainer) {
             sliderWrapper.appendChild(dotContainer);
         }
-        // 첫 번째 도트 활성화 및 초기 VIEWABLE 이벤트 발생
+        // 첫 번째 도트 활성화 (moveToSlide에서 자동으로 VIEWABLE 이벤트 발생)
         moveToSlide(0);
-        // 슬라이더 DOM 추가 후 첫 번째 광고 VIEWABLE 이벤트 트리거 (500ms 후 실제 노출 확인)
-        setTimeout(() => {
-            trackEventCallback(advertisements[0]._id, slot.id, AdEventType.VIEWABLE);
-        }, 500);
         // 사용자가 크기를 지정하지 않은 경우, 첫 번째 슬라이드 크기에 맞춰 래퍼 크기 동적 조정
         if (!slot.width || slot.width === 0) {
             // DOM 렌더링 후 크기 측정

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adstage/web-sdk",
-  "version": "2.5.1",
+  "version": "2.5.3",
   "description": "AdStage Web SDK - Production-ready marketing platform SDK with React Provider support for seamless integration",
   "type": "module",
   "main": "dist/index.cjs.js",

package/src/managers/ads/carousel-slider-manager.ts

@@ -218,6 +218,7 @@ export class CarouselSliderManager {
       }
 
       // 현재 슬라이드의 광고에 대해 노출 이벤트 추적 (모든 슬라이드 포함)
+      console.log(`🎯 Triggering VIEWABLE event for slide change: ad ${advertisements[actualIndex]._id} (index: ${actualIndex}) in slot: ${slot.id}`);
       trackEventCallback(advertisements[actualIndex]._id, slot.id, AdEventType.VIEWABLE);
     };
 
@@ -268,13 +269,8 @@ export class CarouselSliderManager {
       sliderWrapper.appendChild(dotContainer);
     }
 
-    // 첫 번째 도트 활성화 및 초기 VIEWABLE 이벤트 발생
+    // 첫 번째 도트 활성화 (moveToSlide에서 자동으로 VIEWABLE 이벤트 발생)
     moveToSlide(0);
-    
-    // 슬라이더 DOM 추가 후 첫 번째 광고 VIEWABLE 이벤트 트리거 (500ms 후 실제 노출 확인)
-    setTimeout(() => {
-      trackEventCallback(advertisements[0]._id, slot.id, AdEventType.VIEWABLE);
-    }, 500);
 
     // 사용자가 크기를 지정하지 않은 경우, 첫 번째 슬라이드 크기에 맞춰 래퍼 크기 동적 조정
     if (!slot.width || slot.width === 0) {