feat: Retention（留存）分析

1. 最受欢迎的功能
    - 哪些功能用户使用最频繁？
    - 新闻、事件、个股、模拟盘的使用对比
  2. 用户行为路径
    - 用户从哪里进入？
    - 在每个页面停留多久？
    - 从哪个环节流失？
  3. 内容偏好
    - 什么类型的新闻最受欢迎？
    - 用户关注哪些行业？
    - 哪些事件获得最多关注？

  Revenue（收入）转化

  1. 付费转化漏斗
  个人中心查看 →
  自选股/关注事件使用 →
  订阅页面查看 →
  升级按钮点击 →
  (付费转化)
  2. 模拟盘转化分析
  模拟盘进入 →
  搜索股票 →
  下单操作 →
  持续使用 →
  (付费转化)

src/views/EventDetail/index.js

@@ -75,6 +75,7 @@ import TransmissionChainAnalysis from './components/TransmissionChainAnalysis';
 import { eventService } from '../../services/eventService';
 import { debugEventService } from '../../utils/debugEventService';
 import { logger } from '../../utils/logger';
+import { useEventDetailEvents } from './hooks/useEventDetailEvents';
 
 // 临时调试代码 - 生产环境测试后请删除
 if (typeof window !== 'undefined') {
@@ -348,6 +349,15 @@ const EventDetail = () => {
     const [postsLoading, setPostsLoading] = useState(false);
     const [error, setError] = useState(null);
     const [activeTab, setActiveTab] = useState(0);
+
+    // 🎯 初始化事件详情埋点Hook（传入event对象）
+    const eventEvents = useEventDetailEvents({
+      event: eventData ? {
+        id: eventData.id,
+        title: eventData.title,
+        importance: eventData.importance
+      } : null
+    });
     const [newPostContent, setNewPostContent] = useState('');
     const [newPostTitle, setNewPostTitle] = useState('');
     const [submitting, setSubmitting] = useState(false);
@@ -380,9 +390,11 @@ const EventDetail = () => {
             setEventData(eventResponse.data);
 
             // 总是尝试加载相关股票（权限在组件内部检查）
+            let stocksCount = 0;
             try {
                 const stocksResponse = await eventService.getRelatedStocks(actualEventId);
                 setRelatedStocks(stocksResponse.data || []);
+                stocksCount = stocksResponse.data?.length || 0;
             } catch (e) {
                 logger.warn('EventDetail', '加载相关股票失败', { eventId: actualEventId, error: e.message });
                 setRelatedStocks([]);
@@ -399,13 +411,25 @@ const EventDetail = () => {
             }
 
             // 历史事件所有用户都可以访问，但免费用户只看到前2条
+            let timelineCount = 0;
             try {
                 const eventsResponse = await eventService.getHistoricalEvents(actualEventId);
                 setHistoricalEvents(eventsResponse.data || []);
+                timelineCount = eventsResponse.data?.length || 0;
             } catch (e) {
                 logger.warn('EventDetail', '历史事件加载失败', { eventId: actualEventId, error: e.message });
             }
 
+            // 🎯 追踪事件分析内容查看（数据加载完成后）
+            if (eventResponse.data && eventEvents) {
+                eventEvents.trackEventAnalysisViewed({
+                    type: 'overview',
+                    relatedStockCount: stocksCount,
+                    timelineEventCount: timelineCount,
+                    marketImpact: eventResponse.data.market_impact
+                });
+            }
+
         } catch (err) {
             logger.error('EventDetail', 'loadEventData', err, { eventId: actualEventId });
             setError(err.message || '加载事件数据失败');