@adstage/web-sdk 3.0.6 → 3.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adstage/web-sdk",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "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/advertisement-event-tracker.ts

@@ -41,13 +41,31 @@ export class AdvertisementEventTracker {
       // 현재 슬롯 정보 가져오기
       const slot = this.slots.get(slotId);
       
+      // 슬롯이 없으면 추적하지 않음 (잘못된 adType으로 저장되는 것 방지)
+      if (!slot) {
+        if (this.debug) {
+          console.warn(`⚠️ Slot not found for slotId: ${slotId}. Skipping event tracking to prevent incorrect adType.`);
+        }
+        return;
+      }
+      
+      // DOM 요소가 실제로 존재하는지 확인 (이미 제거된 요소에 대한 추적 방지)
+      const element = document.getElementById(slot.containerId) || 
+                     document.querySelector(`[data-adstage-slot-id="${slotId}"]`);
+      if (!element) {
+        if (this.debug) {
+          console.warn(`⚠️ DOM element not found for slotId: ${slotId} (containerId: ${slot.containerId}). Skipping event tracking.`);
+        }
+        return;
+      }
+      
       // 디바이스 정보 수집
       const deviceInfo = DeviceInfoCollector.collectDeviceInfo();
 
       // 광고 이벤트 데이터 구성 (단순화됨)
       const eventData = {
-        // 필수 필드들 (DTO 검증용)
-        adType: slot?.adType || 'BANNER',
+        // 필수 필드들 (DTO 검증용) - 이제 slot이 확실히 존재함
+        adType: slot.adType,
         platform: deviceInfo.platform,
         deviceId: deviceInfo.deviceId,
         
@@ -59,9 +77,9 @@ export class AdvertisementEventTracker {
         pageTitle: DOMUtils.getPageInfo().title,
         referrer: DOMUtils.getPageInfo().referrer,
         slotId,
-        slotPosition: DeviceInfoCollector.getSlotPosition(slot?.containerId || ''),
-        slotWidth: AdvertisementEventTracker.parseNumericValue(slot?.width),
-        slotHeight: AdvertisementEventTracker.parseNumericValue(slot?.height),
+        slotPosition: DeviceInfoCollector.getSlotPosition(slot.containerId),
+        slotWidth: AdvertisementEventTracker.parseNumericValue(slot.width),
+        slotHeight: AdvertisementEventTracker.parseNumericValue(slot.height),
         sessionId: deviceInfo.sessionId,
         
         // 성능 메트릭

package/src/managers/device-info-collector.ts

@@ -119,9 +119,26 @@ export class DeviceInfoCollector {
 
   /**
    * 슬롯 위치 정보 가져오기 (SSR 안전)
+   * 슬라이더 내부 광고 요소도 지원
    */
   static getSlotPosition(containerId: string): string {
-    const element = DOMUtils.safeGetElementById(containerId);
+    // 1. 기본 컨테이너 ID로 먼저 찾기
+    let element = DOMUtils.safeGetElementById(containerId);
+    
+    // 2. 컨테이너를 찾지 못한 경우, 슬라이더 래퍼 찾기
+    if (!element) {
+      // 슬라이더 래퍼는 일반적으로 원본 컨테이너 내부에 있음
+      const sliderWrapper = DOMUtils.safeQuerySelector(`#${containerId} .adstage-slider-wrapper`);
+      if (sliderWrapper) {
+        element = sliderWrapper as HTMLElement;
+      }
+    }
+    
+    // 3. 여전히 찾지 못한 경우, data-adstage-slot-id 속성으로 찾기
+    if (!element) {
+      element = DOMUtils.safeQuerySelector(`[data-adstage-slot-id="${containerId}"]`);
+    }
+    
     if (!element) return 'unknown';
     
     const rect = element.getBoundingClientRect();