Update index.html

index.html

@@ -324,11 +324,11 @@
                     </div>
                     <div class="row">
                         <span class="label">추적 서버:</span>
-                        <span class="value">seawolf2357-evcook.hf.space</span>
+                        <span class="value">seawolf2357-ev-cook-siteurl.static.hf.space</span>
                     </div>
                     <div class="row">
                         <span class="label">사이트 ID:</span>
-                        <span class="value">38e0a883</span>
+                        <span class="value">c4562ca1</span>
                     </div>
                     <div class="row">
                         <span class="label">추적 시작:</span>
@@ -354,8 +354,7 @@
             <div class="debug-log" id="debugLog"></div>
             <div class="buttons" style="margin-top: 10px;">
                 <button onclick="clearDebugLog()" class="secondary">로그 지우기</button>
-                <button onclick="window._tracker.debug.checkConfig()" class="secondary">서버 구조 확인</button>
-                <button onclick="window._tracker.debug.testAllMethods()" class="secondary">모든 방법 테스트</button>
+                <button onclick="checkServerStatus()" class="secondary">서버 상태 확인</button>
             </div>
         </div>
 
@@ -388,92 +387,27 @@
 
     <footer class="footer">
         <p>&copy; 2025 EV Cook. 모든 권리 보유.</p>
-        <p>추적 서버: <a href="https://seawolf2357-evcook.hf.space" target="_blank" style="color: white;">seawolf2357-evcook.hf.space</a></p>
+        <p>추적 서버: <a href="https://seawolf2357-ev-cook-siteurl.static.hf.space" target="_blank" style="color: white;">seawolf2357-ev-cook-siteurl.static.hf.space</a></p>
     </footer>
 
-    <!-- 완벽한 방문자 추적 스크립트 -->
+    <!-- Visitor Tracking Script -->
     <script>
     (function() {
-        // 추적 서버 설정
-        const TRACKING_SERVER = 'https://seawolf2357-evcook.hf.space';
-        const SITE_ID = '38e0a883';
-        const PROCESS_TRACKING_FN_INDEX = 10;  // 서버 분석 결과 process_tracking의 fn_index
-        
-        // 디버그 로깅
-        const debugLog = [];
-        function addDebugLog(type, message) {
-            const timestamp = new Date().toLocaleTimeString();
-            const logEntry = { type, message, timestamp };
-            debugLog.push(logEntry);
-            
-            // 콘솔에도 출력
-            const consoleMethod = type === 'error' ? 'error' : type === 'success' ? 'log' : 'info';
-            console[consoleMethod](`[Tracker ${timestamp}] ${message}`);
-            
-            // UI 업데이트
-            updateDebugPanel();
-        }
-        
-        function updateDebugPanel() {
-            const debugLogEl = document.getElementById('debugLog');
-            if (debugLogEl) {
-                debugLogEl.innerHTML = debugLog.slice(-50).reverse().map(entry => 
-                    `<div class="log-entry ${entry.type}">[${entry.timestamp}] ${entry.message}</div>`
-                ).join('');
-            }
-        }
+        // 추적 서버 URL
+        const TRACKING_SERVER = 'https://seawolf2357-ev-cook-siteurl.static.hf.space/';
+        const SITE_ID = 'c4562ca1';
         
         // 디바이스 ID 생성/조회
         function getDeviceId() {
             let deviceId = localStorage.getItem('_tracker_device_id');
             if (!deviceId) {
-                // 하드웨어 기반 ID 생성
-                const components = [
-                    screen.width + 'x' + screen.height,
-                    navigator.hardwareConcurrency || 0,
-                    navigator.deviceMemory || 0,
-                    navigator.platform,
-                    navigator.language,
-                    new Date().getTimezoneOffset(),
-                    navigator.vendor,
-                    screen.colorDepth,
-                    window.devicePixelRatio || 1
-                ];
-                
-                // 더 강력한 해시 함수
-                let hash = 0;
-                const str = components.join('|');
-                for (let i = 0; i < str.length; i++) {
-                    const char = str.charCodeAt(i);
-                    hash = ((hash << 5) - hash) + char;
-                    hash = hash & hash;
-                }
-                
-                deviceId = 'DEV_' + Math.abs(hash).toString(36).toUpperCase();
+                deviceId = 'DEV_' + Date.now() + '_' + Math.random().toString(36).substring(2, 9);
                 localStorage.setItem('_tracker_device_id', deviceId);
-                addDebugLog('info', `새 Device ID 생성: ${deviceId}`);
             }
             return deviceId;
         }
         
-        // WebGL 정보 수집
-        function getWebGLInfo() {
-            try {
-                const canvas = document.createElement('canvas');
-                const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
-                if (!gl) return 'Not supported';
-                
-                const debugInfo = gl.getExtension('WEBGL_debug_renderer_info');
-                if (debugInfo) {
-                    return gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
-                }
-                return 'Unknown';
-            } catch(e) {
-                return 'Error: ' + e.message;
-            }
-        }
-        
-        // 추적 데이터 전송 (모든 방법 시도)
+        // 추적 데이터 전송
         async function collectAndSend(eventType = 'pageview', eventData = {}) {
             const data = {
                 siteId: SITE_ID,
@@ -487,292 +421,84 @@
                 screenResolution: screen.width + 'x' + screen.height,
                 platform: navigator.platform,
                 language: navigator.language,
-                timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-                cpuCores: navigator.hardwareConcurrency || 0,
-                deviceMemory: navigator.deviceMemory || 0,
-                gpuInfo: getWebGLInfo(),
                 timestamp: new Date().toISOString()
             };
             
-            addDebugLog('info', `이벤트 전송 시작: ${eventType}`);
-            updateTrackingStatus('전송 중...');
-            
-            let success = false;
-            
-            // 방법 1: Gradio Client API (/call/process_tracking)
-            if (!success) {
-                try {
-                    addDebugLog('info', '방법 1: Gradio Client API 시도');
-                    const response = await fetch(TRACKING_SERVER + '/call/process_tracking', {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json',
-                        },
-                        body: JSON.stringify({
-                            data: [JSON.stringify(data)]
-                        })
-                    });
-                    
-                    if (response.ok) {
-                        const result = await response.json();
-                        
-                        // event_id를 사용해서 결과 가져오기
-                        if (result.event_id) {
-                            const resultResponse = await fetch(TRACKING_SERVER + '/call/process_tracking/' + result.event_id);
-                            if (resultResponse.ok) {
-                                addDebugLog('success', '✅ 방법 1 성공: Gradio Client API');
-                                success = true;
-                                updateTrackingStatus('전송 완료 (Client API)');
-                            }
-                        }
-                    }
-                } catch (e) {
-                    addDebugLog('error', `방법 1 실패: ${e.message}`);
-                }
-            }
-            
-            // 방법 2: Direct API with fn_index=10
-            if (!success) {
-                try {
-                    addDebugLog('info', `방법 2: Direct API (fn_index=${PROCESS_TRACKING_FN_INDEX}) 시도`);
-                    const response = await fetch(TRACKING_SERVER + '/api/predict', {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json',
-                        },
-                        body: JSON.stringify({
-                            data: [JSON.stringify(data)],
-                            fn_index: PROCESS_TRACKING_FN_INDEX
-                        })
-                    });
-                    
-                    if (response.ok) {
-                        const result = await response.json();
-                        addDebugLog('success', '✅ 방법 2 성공: Direct API');
-                        success = true;
-                        updateTrackingStatus('전송 완료 (Direct API)');
-                    } else {
-                        addDebugLog('error', `방법 2 실패: HTTP ${response.status}`);
-                    }
-                } catch (e) {
-                    addDebugLog('error', `방법 2 실패: ${e.message}`);
-                }
-            }
-            
-            // 방법 3: Queue API
-            if (!success) {
-                try {
-                    addDebugLog('info', '방법 3: Queue API 시도');
-                    const session_hash = Math.random().toString(36).substring(2, 15);
-                    
-                    const joinResponse = await fetch(TRACKING_SERVER + '/queue/join', {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json',
-                        },
-                        body: JSON.stringify({
-                            data: [JSON.stringify(data)],
-                            fn_index: PROCESS_TRACKING_FN_INDEX,
-                            session_hash: session_hash
-                        })
-                    });
-                    
-                    if (joinResponse.ok) {
-                        // SSE로 결과 받기
-                        const reader = joinResponse.body.getReader();
-                        const decoder = new TextDecoder();
-                        
-                        while (true) {
-                            const { done, value } = await reader.read();
-                            if (done) break;
-                            
-                            const text = decoder.decode(value);
-                            if (text.includes('process_completed')) {
-                                addDebugLog('success', '✅ 방법 3 성공: Queue API');
-                                success = true;
-                                updateTrackingStatus('전송 완료 (Queue API)');
-                                break;
-                            }
-                        }
-                    }
-                } catch (e) {
-                    addDebugLog('error', `방법 3 실패: ${e.message}`);
-                }
-            }
-            
-            // 방법 4: Run endpoint
-            if (!success) {
-                try {
-                    addDebugLog('info', '방법 4: Run endpoint 시도');
-                    const response = await fetch(TRACKING_SERVER + '/run/process_tracking', {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json',
-                        },
-                        body: JSON.stringify({
-                            data: [JSON.stringify(data)]
-                        })
-                    });
-                    
-                    if (response.ok) {
-                        addDebugLog('success', '✅ 방법 4 성공: Run endpoint');
-                        success = true;
-                        updateTrackingStatus('전송 완료 (Run API)');
+            try {
+                const response = await fetch(TRACKING_SERVER + '/call/process_tracking', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ data: [JSON.stringify(data)] })
+                });
+                
+                if (response.ok) {
+                    const result = await response.json();
+                    if (result.event_id) {
+                        console.log('[Tracker] ✅ Event tracked');
+                        updateTrackingStatus('전송 완료');
+                        addDebugLog('success', `이벤트 전송 성공: ${eventType}`);
                     }
-                } catch (e) {
-                    addDebugLog('error', `방법 4 실패: ${e.message}`);
+                } else {
+                    console.error('[Tracker] Server error:', response.status);
+                    updateTrackingStatus('전송 실패');
+                    addDebugLog('error', `서버 오류: ${response.status}`);
                 }
-            }
-            
-            if (!success) {
-                addDebugLog('error', '❌ 모든 전송 방법 실패');
-                updateTrackingStatus('전송 실패');
-            }
-            
-            return success;
-        }
-        
-        // 추적 상태 업데이트
-        function updateTrackingStatus(status) {
-            const statusEl = document.getElementById('trackingStatus');
-            if (statusEl) {
-                statusEl.textContent = status;
+            } catch(e) {
+                console.error('[Tracker] Error:', e);
+                updateTrackingStatus('네트워크 오류');
+                addDebugLog('error', `네트워크 오류: ${e.message}`);
             }
         }
         
-        // 전역 추적 객체
+        // 전역 추적 함수
         window._tracker = {
             trackEvent: function(eventName, eventData) {
-                return collectAndSend('custom', { name: eventName, data: eventData });
-            },
-            
-            // 디버깅 도구
-            debug: {
-                getDeviceId: getDeviceId,
-                getWebGLInfo: getWebGLInfo,
-                
-                // 서버 구조 확인
-                checkConfig: async function() {
-                    addDebugLog('info', '서버 구조 확인 중...');
-                    try {
-                        const response = await fetch(TRACKING_SERVER + '/config');
-                        const config = await response.json();
-                        
-                        addDebugLog('info', `Gradio 버전: ${config.version}`);
-                        
-                        if (config.dependencies) {
-                            addDebugLog('info', `API 함수 개수: ${config.dependencies.length}`);
-                            config.dependencies.forEach((dep, i) => {
-                                if (dep.api_name) {
-                                    addDebugLog('info', `[${i}] ${dep.api_name}`);
-                                }
-                            });
-                        }
-                    } catch (e) {
-                        addDebugLog('error', `서��� 구조 확인 실패: ${e.message}`);
-                    }
-                },
-                
-                // 모든 방법 테스트
-                testAllMethods: async function() {
-                    addDebugLog('info', '=== 모든 전송 방법 테스트 시작 ===');
-                    const testData = {
-                        test: true,
-                        method: 'all',
-                        timestamp: new Date().toISOString()
-                    };
-                    await collectAndSend('test_all_methods', testData);
-                },
-                
-                // 간단한 테스트
-                test: function() {
-                    return collectAndSend('debug_test', {
-                        test: true,
-                        timestamp: new Date().toISOString(),
-                        random: Math.random()
-                    });
-                },
-                
-                // 로그 확인
-                getLogs: function() {
-                    return debugLog;
-                }
+                collectAndSend('custom', { name: eventName, data: eventData });
             }
         };
         
         // 페이지 로드시 추적
         if (document.readyState === 'loading') {
-            document.addEventListener('DOMContentLoaded', () => {
-                addDebugLog('info', 'DOM 로드 완료, pageview 전송');
-                collectAndSend();
-            });
+            document.addEventListener('DOMContentLoaded', () => collectAndSend());
         } else {
-            addDebugLog('info', '페이지 이미 로드됨, pageview 전송');
             collectAndSend();
         }
         
-        // SPA 지원 - URL 변경 감지
-        let lastUrl = location.href;
-        new MutationObserver(() => {
-            const url = location.href;
-            if (url !== lastUrl) {
-                lastUrl = url;
-                addDebugLog('info', `URL 변경 감지: ${url}`);
-                collectAndSend('navigation', { from: lastUrl, to: url });
-            }
-        }).observe(document, {subtree: true, childList: true});
-        
-        // 스크롤 추적
-        let scrollTracked = false;
-        window.addEventListener('scroll', () => {
-            if (!scrollTracked && window.scrollY > 100) {
-                scrollTracked = true;
-                addDebugLog('info', `스크롤 이벤트: ${window.scrollY}px`);
-                window._tracker.trackEvent('scroll', { depth: window.scrollY });
+        // 디버그 로그 (UI 연동용)
+        const debugLog = [];
+        function addDebugLog(type, message) {
+            const timestamp = new Date().toLocaleTimeString();
+            debugLog.push({ type, message, timestamp });
+            updateDebugPanel();
+        }
+        
+        function updateDebugPanel() {
+            const debugLogEl = document.getElementById('debugLog');
+            if (debugLogEl) {
+                debugLogEl.innerHTML = debugLog.slice(-50).reverse().map(entry => 
+                    `<div class="log-entry ${entry.type}">[${entry.timestamp}] ${entry.message}</div>`
+                ).join('');
             }
-        });
+        }
         
-        // 클릭 추적 (선택사항)
-        document.addEventListener('click', (e) => {
-            const target = e.target;
-            if (target.tagName === 'A' || target.tagName === 'BUTTON') {
-                const trackData = {
-                    element: target.tagName,
-                    text: target.textContent.substring(0, 50),
-                    href: target.href || '',
-                    id: target.id || '',
-                    class: target.className || ''
-                };
-                window._tracker.trackEvent('click', trackData);
+        function updateTrackingStatus(status) {
+            const statusEl = document.getElementById('trackingStatus');
+            if (statusEl) {
+                statusEl.textContent = status;
             }
-        });
+        }
         
-        // 페이지 이탈 추적 (선택사항)
-        window.addEventListener('beforeunload', () => {
-            const timeOnPage = Math.floor((Date.now() - window._trackerStartTime) / 1000);
-            window._tracker.trackEvent('page_exit', { 
-                timeOnPage: timeOnPage,
-                scrollDepth: window.scrollY
-            });
-        });
+        // 전역 함수 확장
+        window._tracker.getDebugLog = function() {
+            return debugLog;
+        };
         
-        // 시작 시간 기록
-        window._trackerStartTime = Date.now();
-        
-        // 초기화 메시지
-        console.log('%c🔍 EV Cook Tracker v6.0 (완벽한 버전)', 'color: #4CAF50; font-size: 16px; font-weight: bold;');
-        console.log('%c서버: ' + TRACKING_SERVER, 'color: #2196F3');
-        console.log('%c사이트 ID: ' + SITE_ID, 'color: #2196F3');
-        console.log('%cDevice ID: ' + getDeviceId(), 'color: #2196F3');
-        console.log('%cprocess_tracking fn_index: ' + PROCESS_TRACKING_FN_INDEX, 'color: #2196F3');
-        console.log('\n%c📚 사용 가능한 명령어:', 'font-weight: bold');
-        console.log('• window._tracker.trackEvent(name, data) - 커스텀 이벤트 전송');
-        console.log('• window._tracker.debug.checkConfig() - 서버 구조 확인');
-        console.log('• window._tracker.debug.test() - 테스트 이벤트 전송');
-        console.log('• window._tracker.debug.testAllMethods() - 모든 방법 테스트');
-        console.log('• window._tracker.debug.getLogs() - 디버그 로그 확인');
-        
-        addDebugLog('success', 'EV Cook Tracker 초기화 완료');
+        // 초기화 로그
+        console.log('🔍 EV Cook Tracker 초기화됨');
+        console.log('서버:', TRACKING_SERVER);
+        console.log('사이트 ID:', SITE_ID);
+        console.log('디바이스 ID:', getDeviceId());
+        addDebugLog('info', 'EV Cook Tracker 초기화 완료');
     })();
     </script>
     <!-- End Visitor Tracking Script -->
@@ -799,13 +525,8 @@
                     timestamp: Date.now(),
                     location: 'hero_section',
                     userAction: true
-                }).then(success => {
-                    if (success) {
-                        alert('✅ 추적 이벤트가 성공적으로 전송되었습니다!\n\n디버그 패널에서 상세 정보를 확인하세요.');
-                    } else {
-                        alert('❌ 추적 이벤트 전송에 실패했습니다.\n\n디버그 패널에서 오류를 확인하세요.');
-                    }
                 });
+                alert('✅ 추적 이벤트가 전송되었습니다!\n\n콘솔과 디버그 패널에서 확인하세요.');
             } else {
                 alert('❌ 추적 스크립트가 로드되지 않았습니다.');
             }
@@ -843,9 +564,9 @@
             const details = {
                 tracking: {
                     deviceId: localStorage.getItem('_tracker_device_id'),
-                    siteId: '38e0a883',
-                    serverUrl: 'https://seawolf2357-evcook.hf.space',
-                    startTime: window._trackerStartTime ? new Date(window._trackerStartTime).toLocaleString() : 'Unknown'
+                    siteId: 'c4562ca1',
+                    serverUrl: 'https://seawolf2357-ev-cook-siteurl.static.hf.space',
+                    startTime: new Date().toLocaleString()
                 },
                 browser: {
                     userAgent: navigator.userAgent,
@@ -874,8 +595,7 @@
                 hardware: {
                     cpuCores: navigator.hardwareConcurrency || 'Unknown',
                     deviceMemory: navigator.deviceMemory ? navigator.deviceMemory + 'GB' : 'Unknown',
-                    maxTouchPoints: navigator.maxTouchPoints || 0,
-                    webGL: window._tracker.debug.getWebGLInfo()
+                    maxTouchPoints: navigator.maxTouchPoints || 0
                 },
                 location: {
                     href: window.location.href,
@@ -888,8 +608,7 @@
                 time: {
                     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
                     offset: new Date().getTimezoneOffset(),
-                    locale: new Date().toLocaleString(),
-                    timeOnPage: window._trackerStartTime ? Math.floor((Date.now() - window._trackerStartTime) / 1000) + '초' : 'Unknown'
+                    locale: new Date().toLocaleString()
                 },
                 storage: {
                     localStorage: typeof(Storage) !== "undefined",
@@ -922,17 +641,33 @@
         
         // 디버그 로그 지우기
         function clearDebugLog() {
-            window._tracker.debug.getLogs().length = 0;
-            const debugLogEl = document.getElementById('debugLog');
-            if (debugLogEl) {
-                debugLogEl.innerHTML = '<div class="log-entry info">로그가 지워졌습니다.</div>';
+            if (window._tracker && window._tracker.getDebugLog) {
+                window._tracker.getDebugLog().length = 0;
+                const debugLogEl = document.getElementById('debugLog');
+                if (debugLogEl) {
+                    debugLogEl.innerHTML = '<div class="log-entry info">로그가 지워졌습니다.</div>';
+                }
+            }
+        }
+        
+        // 서버 상태 확인
+        async function checkServerStatus() {
+            try {
+                const response = await fetch('https://seawolf2357-ev-cook-siteurl.static.hf.space/');
+                if (response.ok) {
+                    alert('✅ 서버가 정상적으로 작동 중입니다.');
+                } else {
+                    alert('⚠️ 서버 응답 상태: ' + response.status);
+                }
+            } catch (e) {
+                alert('❌ 서버에 연결할 수 없습니다: ' + e.message);
             }
         }
         
         // 콘솔에 추적 정보 출력
         console.log('%c🔍 EV Cook 추적 시스템 활성화됨', 'color: #4CAF50; font-size: 16px; font-weight: bold;');
-        console.log('%c추적 서버:', 'font-weight: bold;', 'https://seawolf2357-evcook.hf.space');
-        console.log('%c사이트 ID:', 'font-weight: bold;', '38e0a883');
+        console.log('%c추적 서버:', 'font-weight: bold;', 'https://seawolf2357-ev-cook-siteurl.static.hf.space');
+        console.log('%c사이트 ID:', 'font-weight: bold;', 'c4562ca1');
         console.log('%cDevice ID:', 'font-weight: bold;', localStorage.getItem('_tracker_device_id') || '생성 중...');
         console.log('\n%c💡 Tip: 디버그 패널 버튼을 클릭하여 실시간 추적 로그를 확인하세요!', 'color: #666;');
     </script>