feat: 已完成的工作:

- ✅ 创建了4个P1优先级Hook（搜索、导航、个人资料、订阅）
  - ✅ 将其中3个Hook集成到5个组件中
  - ✅ 在个人资料、设置、搜索、订阅流程中添加了15+个追踪点
  - ✅ 覆盖了完整的收入漏斗（支付发起 → 成功 → 订阅创建）
  - ✅ 添加了留存追踪（个人资料更新、设置修改、搜索查询）

  影响:
  - 完整的用户订阅旅程可见性
  - 个人资料/设置参与度追踪
  - 搜索行为分析
  - 完整的支付漏斗追踪（微信支付）

src/components/Subscription/SubscriptionContent.js

@@ -33,6 +33,7 @@ import {
 import React, { useState, useEffect } from 'react';
 import { logger } from '../../utils/logger';
 import { useAuth } from '../../contexts/AuthContext';
+import { useSubscriptionEvents } from '../../hooks/useSubscriptionEvents';
 
 // Icons
 import {
@@ -54,6 +55,14 @@ export default function SubscriptionContent() {
   // Auth context
   const { user } = useAuth();
 
+  // 🎯 初始化订阅埋点Hook（传入当前订阅信息）
+  const subscriptionEvents = useSubscriptionEvents({
+    currentSubscription: {
+      plan: user?.subscription_plan || 'free',
+      status: user?.subscription_status || 'none'
+    }
+  });
+
   // Chakra color mode
   const textColor = useColorModeValue('gray.700', 'white');
   const borderColor = useColorModeValue('gray.200', 'gray.600');
@@ -161,6 +170,13 @@ export default function SubscriptionContent() {
       return;
     }
 
+    // 🎯 追踪定价方案选择
+    subscriptionEvents.trackPricingPlanSelected(
+      plan.name,
+      selectedCycle,
+      selectedCycle === 'monthly' ? plan.monthly_price : plan.yearly_price
+    );
+
     setSelectedPlan(plan);
     onPaymentModalOpen();
   };
@@ -170,6 +186,17 @@ export default function SubscriptionContent() {
 
     setLoading(true);
     try {
+      const price = selectedCycle === 'monthly' ? selectedPlan.monthly_price : selectedPlan.yearly_price;
+
+      // 🎯 追踪支付发起
+      subscriptionEvents.trackPaymentInitiated({
+        planName: selectedPlan.name,
+        paymentMethod: 'wechat_pay',
+        amount: price,
+        billingCycle: selectedCycle,
+        orderId: null // Will be set after order creation
+      });
+
       const response = await fetch('/api/payment/create-order', {
         method: 'POST',
         headers: {
@@ -204,6 +231,13 @@ export default function SubscriptionContent() {
         throw new Error('网络错误');
       }
     } catch (error) {
+      // 🎯 追踪支付失败
+      subscriptionEvents.trackPaymentFailed({
+        planName: selectedPlan.name,
+        paymentMethod: 'wechat_pay',
+        amount: selectedCycle === 'monthly' ? selectedPlan.monthly_price : selectedPlan.yearly_price
+      }, error.message);
+
       toast({
         title: '创建订单失败',
         description: error.message,
@@ -251,6 +285,26 @@ export default function SubscriptionContent() {
             setAutoCheckInterval(null);
 
             logger.info('SubscriptionContent', '自动检测到支付成功', { orderId });
+
+            // 🎯 追踪支付成功
+            subscriptionEvents.trackPaymentSuccessful({
+              planName: selectedPlan?.name,
+              paymentMethod: 'wechat_pay',
+              amount: paymentOrder?.amount,
+              billingCycle: selectedCycle,
+              orderId: orderId,
+              transactionId: data.transaction_id
+            });
+
+            // 🎯 追踪订阅创建
+            subscriptionEvents.trackSubscriptionCreated({
+              plan: selectedPlan?.name,
+              billingCycle: selectedCycle,
+              amount: paymentOrder?.amount,
+              startDate: new Date().toISOString(),
+              endDate: null // Will be calculated by backend
+            });
+
             toast({
               title: '支付成功！',
               description: '订阅已激活，正在跳转...',