@adstage/web-sdk 3.0.7 → 3.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adstage/web-sdk",
-  "version": "3.0.7",
+  "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

@@ -49,6 +49,16 @@ export class AdvertisementEventTracker {
         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();
 

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();