Merge pull request #54 from calderbuild/feat/multi-dimension-optimization

calderbuild · web-flow · commit 7becc5bef682 · 2026-02-19T00:35:19.000+08:00
feat: multi-dimension optimization (analytics, CRO, schema, UI)
diff --git a/api/index.py b/api/index.py
@@ -841,6 +841,14 @@ async def _process_meetspot_request(request: MeetSpotRequest, start_time: float)
             }
 
             print(f"📤 返回响应: success={response_data['success']}, html_url={response_data['html_url']}")
+            logger.info(
+                "recommendation_completed",
+                location_count=len(request.locations),
+                venue_type=request.keywords or "咖啡馆",
+                has_html=html_url is not None,
+                processing_time_ms=int(processing_time * 1000),
+                mode="rule_llm",
+            )
             # 主动释放内存
             gc.collect()
             return response_data
@@ -998,6 +1006,12 @@ async def get_amap_config():
     }
 
 
+@app.get("/api/config/analytics")
+async def get_analytics_config():
+    """返回分析追踪配置（百度统计 ID）"""
+    return {"baidu_tongji_id": os.getenv("BAIDU_TONGJI_ID", "")}
+
+
 @app.get("/api/status")
 async def api_status():
     """API状态检查"""
diff --git a/api/routers/seo_pages.py b/api/routers/seo_pages.py
@@ -17,6 +17,7 @@
 
 router = APIRouter()
 templates = Jinja2Templates(directory="templates")
+templates.env.globals["baidu_tongji_id"] = os.getenv("BAIDU_TONGJI_ID", "")
 limiter = Limiter(key_func=get_remote_address)
 
 
diff --git a/api/services/seo_content.py b/api/services/seo_content.py
@@ -124,6 +124,7 @@ def generate_schema_org(self, page_type: str, data: Dict) -> Dict:
                 "@context": "https://schema.org",
                 "@type": "WebApplication",
                 "name": "MeetSpot",
+                "url": base_url + "/",
                 "description": "Find the perfect meeting location midpoint for groups",
                 "applicationCategory": "UtilitiesApplication",
                 "operatingSystem": "Web",
@@ -153,6 +154,7 @@ def generate_schema_org(self, page_type: str, data: Dict) -> Dict:
                 "@type": "Organization",
                 "name": "MeetSpot",
                 "url": base_url,
+                "logo": base_url + "/public/favicon.svg",
                 "contactPoint": [
                     {
                         "@type": "ContactPoint",
@@ -391,7 +393,7 @@ def generate_city_content(self, city_data: Dict) -> Dict[str, str]:
                 <section class="cta-section">
                     <h2>开始规划{city}聚会</h2>
                     <p>无需注册，输入地址即可获取推荐</p>
-                    <a href="/" class="cta-button">立即使用 MeetSpot</a>
+                    <a href="/public/meetspot_finder.html" class="cta-button" data-track="cta_click" data-track-label="city_page">立即使用 MeetSpot</a>
                 </section>''',
         }
 
diff --git a/app/tool/meetspot_recommender.py b/app/tool/meetspot_recommender.py
@@ -2548,6 +2548,21 @@ async def _generate_html_content(
             --venue-icon-bg: {cfg.get("theme_primary", "#0A4D68")};
         }}"""
 
+        baidu_tongji_id = os.getenv("BAIDU_TONGJI_ID", "")
+        analytics_script = ""
+        if baidu_tongji_id:
+            analytics_script = (
+                "\n    <script>"
+                "\n    var _hmt = _hmt || [];"
+                "\n    (function() {"
+                '\n        var hm = document.createElement("script");'
+                f'\n        hm.src = "https://hm.baidu.com/hm.js?{baidu_tongji_id}";'
+                '\n        var s = document.getElementsByTagName("script")[0];'
+                "\n        s.parentNode.insertBefore(hm, s);"
+                "\n    })();"
+                "\n    </script>"
+            )
+
         html_content = f"""<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
@@ -2576,7 +2591,7 @@ async def _generate_html_content(
     <!-- Modern UI Components -->
     <link rel="stylesheet" href="/public/css/components.css">
 
-    {schema_script}
+    {schema_script}{analytics_script}
     <style>
         {dynamic_style} /* Inject dynamic theme colors here */
 
@@ -2991,6 +3006,13 @@ async def _generate_html_content(
     </style>
 </head>
 <body>
+    <nav style="background:#001524;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;">
+        <a href="/" style="color:white;text-decoration:none;font-family:'Outfit',sans-serif;font-weight:700;font-size:1.1rem;">MeetSpot</a>
+        <div style="display:flex;gap:16px;align-items:center;">
+            <a href="/public/meetspot_finder.html" style="color:#06D6A0;text-decoration:none;font-size:0.9rem;">重新搜索</a>
+            <button onclick="navigator.clipboard.writeText(location.href).then(function(){{this.textContent='已复制!'}}.bind(this))" data-track="result_share" data-track-label="copy_link" style="background:#FF6B35;color:white;border:none;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:0.85rem;">复制链接</button>
+        </div>
+    </nav>
     <header>
         <div class="container">
             <div class="header-logo">
@@ -3184,6 +3206,20 @@ async def _generate_html_content(
 
     <!-- Modern Toast Notification System -->
     <script src="/public/js/toast.js"></script>
+
+    <script>
+    if (typeof _hmt !== "undefined") {{
+        _hmt.push(["_trackEvent", "meetspot", "result_page_view",
+            "{primary_keyword}", {len(places)}]);
+    }}
+    document.addEventListener("click", function(e) {{
+        var el = e.target.closest("[data-track]");
+        if (el && typeof _hmt !== "undefined") {{
+            _hmt.push(["_trackEvent", "meetspot", el.dataset.track,
+                        el.dataset.trackLabel || ""]);
+        }}
+    }});
+    </script>
 </body>
 </html>"""
         return html_content
diff --git a/public/meetspot_finder.html b/public/meetspot_finder.html
@@ -1456,8 +1456,24 @@
             right: 12px;
         }
     </style>
+
+    <script>
+    var _hmt = _hmt || [];
+    fetch("/api/config/analytics").then(function(r) { return r.json(); }).then(function(cfg) {
+        if (cfg.baidu_tongji_id) {
+            var hm = document.createElement("script");
+            hm.src = "https://hm.baidu.com/hm.js?" + cfg.baidu_tongji_id;
+            document.head.appendChild(hm);
+        }
+    }).catch(function() {});
+    </script>
 </head>
 <body>
+    <nav style="background:#001524;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;">
+        <a href="/" style="color:white;text-decoration:none;font-family:'Outfit',sans-serif;font-weight:700;font-size:1rem;">MeetSpot</a>
+        <a href="/how-it-works" style="color:#06D6A0;text-decoration:none;font-size:0.85rem;">使用指南</a>
+    </nav>
+
     <!-- Floating Particles Background -->
     <div class="particles">
         <div class="particle"></div>
@@ -2365,6 +2381,12 @@ <h4 id="loadingTitle">智能分析中</h4>
                     requestBody.location_coords = location_coords;
                 }
 
+                if (typeof _hmt !== "undefined") {
+                    _hmt.push(["_trackEvent", "meetspot", "tool_submit",
+                        keywords, locations.length]);
+                }
+
+                const _submitTime = Date.now();
                 const response = await fetch('/api/find_meetspot', {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
@@ -2383,6 +2405,10 @@ <h4 id="loadingTitle">智能分析中</h4>
                 ThinkingAnimator.complete(mode);
 
                 if (result.success && result.html_url) {
+                    if (typeof _hmt !== "undefined") {
+                        _hmt.push(["_trackEvent", "meetspot", "recommendation_result",
+                            mode, Date.now() - _submitTime]);
+                    }
                     // Show mode-aware success message
                     const modeText = mode === 'agent' ? 'Agent 深度分析' : '快速推荐';
                     showSuccess(`${modeText}完成`, `${keywords}推荐已生成，正在跳转...`);
diff --git a/templates/base.html b/templates/base.html
@@ -676,6 +676,18 @@
     </style>
 
     {% block extra_head %}{% endblock %}
+
+    {% if baidu_tongji_id %}
+    <script>
+    var _hmt = _hmt || [];
+    (function() {
+        var hm = document.createElement("script");
+        hm.src = "https://hm.baidu.com/hm.js?" + "{{ baidu_tongji_id }}";
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(hm, s);
+    })();
+    </script>
+    {% endif %}
 </head>
 <body>
     <a href="#main" class="sr-only">跳转到主内容</a>
@@ -846,5 +858,17 @@ <h3>感谢你的支持</h3>
 
     <!-- AI Chat Widget -->
     {% include 'components/ai_chat.html' %}
+
+    {% if baidu_tongji_id %}
+    <script>
+    document.addEventListener("click", function(e) {
+        var el = e.target.closest("[data-track]");
+        if (el && typeof _hmt !== "undefined") {
+            _hmt.push(["_trackEvent", "meetspot", el.dataset.track,
+                        el.dataset.trackLabel || ""]);
+        }
+    });
+    </script>
+    {% endif %}
 </body>
 </html>
diff --git a/templates/pages/home.html b/templates/pages/home.html
@@ -1059,7 +1059,7 @@ <h1>
             <span class="divider"></span>
             <span>5步推理</span>
         </div>
-        <a href="/public/meetspot_finder.html" class="hero-cta">
+        <a href="/public/meetspot_finder.html" class="hero-cta" data-track="cta_click" data-track-label="hero">
             立即免费使用
         </a>
 
@@ -1178,7 +1178,7 @@ <h2 class="main-heading">多人聚会，一键找到最公平的中点位置</h2
             MeetSpot（聚点）是一个智能会面地点推荐AI Agent。无论是咖啡馆商务会谈、餐厅朋友聚餐、还是图书馆学习讨论，都能根据多人位置快速计算最佳中点，推荐附近高评分场所。
         </p>
         <div class="btn-group">
-            <a class="btn-primary btn-primary-filled" href="/public/meetspot_finder.html">
+            <a class="btn-primary btn-primary-filled" href="/public/meetspot_finder.html" data-track="cta_click" data-track-label="main_content">
                 <i class='bx bx-rocket'></i>
                 立即免费使用
             </a>
@@ -1310,7 +1310,7 @@ <h2>开始规划你的下一次聚会</h2>
             有问题或建议？欢迎通过 <a href="https://github.com/calderbuild/MeetSpot/issues">GitHub Issues</a> 反馈。
         </p>
         <div class="cta-buttons">
-            <a href="/public/meetspot_finder.html" class="cta-btn cta-btn-primary">立即创建聚会计划</a>
+            <a href="/public/meetspot_finder.html" class="cta-btn cta-btn-primary" data-track="cta_click" data-track-label="bottom">立即创建聚会计划</a>
             <a href="/about" class="cta-btn cta-btn-secondary">了解更多</a>
         </div>
     </div>
