feat: 所有页面接入 Google Analytics (G-LVVXH3TL04)

2026-07-02 15:57:15 +08:00
parent 02a52c04dd
commit 2e905e7238
3 changed files with 398 additions and 0 deletions
@@ -0,0 +1,380 @@
+#!/usr/bin/env python3
+"""
+twitter_web.py — Twitter 监控账号管理 Web 界面。
+单文件，零依赖，只用到 Python 标准库。
+"""
+
+import json
+import os
+import sys
+import re
+from datetime import datetime, timezone
+from http.server import HTTPServer, BaseHTTPRequestHandler
+from urllib.parse import urlparse, parse_qs
+
+SCRIPT_DIR = os.path.dirname(os.path.abspath(__file__))
+WATCHLIST_PATH = os.path.join(SCRIPT_DIR, "twitter_watchlist.json")
+STATE_PATH = os.path.join(SCRIPT_DIR, "twitter_state.json")
+
+PORT = int(sys.argv[1]) if len(sys.argv) > 1 else 8010
+
+
+def extract_username(value: str) -> str:
+    value = value.strip().rstrip("/")
+    if value.startswith("@"):
+        return value[1:]
+    for pattern in [r"(?:twitter\.com|x\.com)/(\w+)(?:/|$)", r"/(\w+)$"]:
+        m = re.search(pattern, value)
+        if m:
+            return m.group(1)
+    if re.match(r"^\w+$", value):
+        return value
+    raise ValueError(f"无法提取用户名: {value}")
+
+
+def load_json(path):
+    if os.path.exists(path):
+        with open(path) as f:
+            return json.load(f)
+    return {}
+
+
+def save_json(path, data):
+    with open(path, "w") as f:
+        json.dump(data, f, indent=2, ensure_ascii=False)
+
+
+def get_watchlist():
+    return load_json(WATCHLIST_PATH).get("users", [])
+
+
+def save_watchlist(users):
+    save_json(WATCHLIST_PATH, {"users": users})
+
+
+def get_state():
+    return load_json(STATE_PATH)
+
+
+HTML = """<!DOCTYPE html>
+<html lang="zh">
+<head>
+<!-- Google tag (gtag.js) -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-LVVXH3TL04"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'G-LVVXH3TL04');
+</script>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Twitter 监控管理</title>
+<style>
+  :root {
+    --bg: #0d1117; --card: #161b22; --border: #30363d;
+    --text: #c9d1d9; --muted: #8b949e; --accent: #58a6ff;
+    --green: #3fb950; --red: #f85149; --yellow: #d2991d;
+  }
+  * { margin:0; padding:0; box-sizing:border-box; }
+  body { font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
+         background:var(--bg); color:var(--text); padding:24px; max-width:680px; margin:auto; }
+  h1 { font-size:20px; margin-bottom:4px; }
+  .sub { color:var(--muted); font-size:12px; margin-bottom:20px; }
+  .add-bar { display:flex; gap:8px; margin-bottom:20px; }
+  .add-bar input { flex:1; padding:8px 12px; border:1px solid var(--border);
+    border-radius:6px; background:var(--card); color:var(--text); font-size:14px; outline:none; }
+  .add-bar input:focus { border-color:var(--accent); }
+  .add-bar input::placeholder { color:var(--muted); }
+  button { padding:8px 16px; border:none; border-radius:6px; cursor:pointer; font-size:13px;
+    font-weight:500; transition:opacity .15s; }
+  button:hover { opacity:0.85; }
+  .btn-add { background:var(--accent); color:#fff; }
+  .btn-edit, .btn-save { background:var(--yellow); color:#000; }
+  .btn-del { background:var(--red); color:#fff; }
+  .btn-cancel { background:var(--border); color:var(--text); }
+  .account { background:var(--card); border:1px solid var(--border); border-radius:8px;
+    padding:12px 16px; margin-bottom:8px; display:flex; align-items:center; gap:12px; }
+  .account .name { font-weight:600; min-width:160px; }
+  .account .name a { color:var(--accent); text-decoration:none; }
+  .account .name a:hover { text-decoration:underline; }
+  .account .meta { font-size:12px; color:var(--muted); flex:1; }
+  .account .actions { display:flex; gap:6px; flex-shrink:0; }
+  .edit-row { display:flex; gap:6px; align-items:center; width:100%; }
+  .edit-row input { flex:1; padding:6px 10px; border:1px solid var(--accent);
+    border-radius:4px; background:var(--bg); color:var(--text); font-size:13px; outline:none; }
+  .badge { display:inline-block; font-size:11px; padding:2px 8px; border-radius:10px;
+    background:var(--green); color:#000; margin-left:6px; }
+  .empty { text-align:center; padding:60px 20px; color:var(--muted); }
+  .empty p { margin-bottom:8px; }
+  .toast { position:fixed; bottom:20px; right:20px; padding:10px 20px; border-radius:6px;
+    font-size:13px; color:#fff; opacity:0; transition:opacity .3s; z-index:100; }
+  .toast.show { opacity:1; }
+  .toast.ok { background:var(--green); }
+  .toast.err { background:var(--red); }
+</style>
+</head>
+<body>
+<h1>🐦 Twitter 账号监控</h1>
+<p class="sub">管理 twitterapi.io 监控账号 · 增删改查</p>
+
+<div class="add-bar">
+  <input id="urlInput" type="text" placeholder="输入 Twitter/X 链接或用户名..." autofocus>
+  <button class="btn-add" onclick="addAccount()">➕ 添加</button>
+</div>
+
+<div id="list"></div>
+
+<div class="toast" id="toast"></div>
+
+<script>
+const API = '/twitter/api/accounts';
+let editing = null;
+
+async function api(method, path='', body=null) {
+  const opts = { method, headers:{} };
+  if (body) { opts.headers['Content-Type']='application/json'; opts.body=JSON.stringify(body); }
+  const r = await fetch(API + path, opts);
+  const data = await r.json();
+  if (!r.ok) throw new Error(data.error || '请求失败');
+  return data;
+}
+
+function toast(msg, ok=true) {
+  const t = document.getElementById('toast');
+  t.textContent = msg; t.className = 'toast ' + (ok?'ok':'err') + ' show';
+  setTimeout(() => t.classList.remove('show'), 2500);
+}
+
+async function load() {
+  const data = await api('GET');
+  const div = document.getElementById('list');
+  if (!data.accounts.length) {
+    div.innerHTML = '<div class="empty"><p>📭 暂无监控账号</p><p style="font-size:12px;color:var(--muted)">在上方输入 Twitter/X 链接或用户名添加</p></div>';
+    return;
+  }
+  div.innerHTML = data.accounts.map(a => `
+    <div class="account" id="row-${a.username}">
+      ${editing===a.username ? `
+        <div class="edit-row">
+          <input id="editInput" value="${esc(a.display_name || a.username)}" placeholder="备注名称">
+          <button class="btn-save" onclick="saveEdit('${esc(a.username)}')">保存</button>
+          <button class="btn-cancel" onclick="cancelEdit()">取消</button>
+        </div>
+      ` : `
+        <div class="name">
+          <a href="https://x.com/${esc(a.username)}" target="_blank">@${esc(a.username)}</a>
+          ${a.display_name && a.display_name !== a.username ? `<span style="color:var(--text)">(${esc(a.display_name)})</span>` : ''}
+        </div>
+        <div class="meta">
+          添加: ${a.added_at?.slice(0,10) || '?'}
+          ${a.last_check ? ` · 上次检查: ${a.last_check}` : ''}
+        </div>
+        <div class="actions">
+          <button class="btn-edit" onclick="startEdit('${esc(a.username)}','${esc(a.display_name||a.username)}')">✏️</button>
+          <button class="btn-del" onclick="removeAccount('${esc(a.username)}')">🗑</button>
+        </div>
+      `}
+    </div>
+  `).join('');
+}
+
+function esc(s) { return s.replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/'/g,'&#39;'); }
+
+async function addAccount() {
+  const inp = document.getElementById('urlInput');
+  const val = inp.value.trim();
+  if (!val) { toast('请输入链接或用户名', false); return; }
+  try {
+    const r = await api('POST', '', {url: val});
+    toast(r.message || '添加成功');
+    inp.value = '';
+    load();
+  } catch(e) { toast(e.message, false); }
+}
+
+async function removeAccount(username) {
+  if (!confirm(`确定删除 @${username}？`)) return;
+  try {
+    const r = await api('DELETE', '/' + username);
+    toast(r.message || '已删除');
+    load();
+  } catch(e) { toast(e.message, false); }
+}
+
+function startEdit(username, name) {
+  editing = username;
+  load();
+  setTimeout(() => {
+    const inp = document.getElementById('editInput');
+    if (inp) { inp.focus(); inp.select(); }
+  }, 50);
+}
+
+function cancelEdit() { editing = null; load(); }
+
+async function saveEdit(username) {
+  const val = document.getElementById('editInput').value.trim();
+  editing = null;
+  try {
+    const r = await api('PUT', '/' + username, {display_name: val});
+    toast(r.message || '已更新');
+    load();
+  } catch(e) { toast(e.message, false); }
+}
+
+document.getElementById('urlInput').addEventListener('keydown', e => {
+  if (e.key === 'Enter') addAccount();
+});
+
+load();
+</script>
+</body>
+</html>"""
+
+
+class Handler(BaseHTTPRequestHandler):
+    def log_message(self, format, *args):
+        pass  # silent
+
+    def _send(self, code, body, content_type="application/json"):
+        body = body.encode() if isinstance(body, str) else json.dumps(body, ensure_ascii=False).encode()
+        self.send_response(code)
+        self.send_header("Content-Type", content_type + "; charset=utf-8")
+        self.send_header("Content-Length", str(len(body)))
+        self.send_header("Access-Control-Allow-Origin", "*")
+        self.end_headers()
+        self.wfile.write(body)
+
+    def _json(self, code, data):
+        self._send(code, data)
+
+    def _error(self, code, msg):
+        self._json(code, {"error": msg})
+
+    def do_OPTIONS(self):
+        self.send_response(204)
+        self.send_header("Access-Control-Allow-Origin", "*")
+        self.send_header("Access-Control-Allow-Methods", "GET,POST,PUT,DELETE,OPTIONS")
+        self.send_header("Access-Control-Allow-Headers", "Content-Type")
+        self.end_headers()
+
+    def do_GET(self):
+        path = urlparse(self.path).path
+        if path == "/" or path == "/index.html":
+            self._send(200, HTML, "text/html")
+            return
+        if path.startswith("/api/accounts"):
+            username = path[len("/api/accounts"):].strip("/")
+            if username:
+                # GET /api/accounts/<username> — single account
+                users = get_watchlist()
+                state = get_state()
+                for u in users:
+                    if u["username"].lower() == username.lower():
+                        entry = dict(u)
+                        entry["last_check"] = state.get(u["username"], {}).get("last_check")
+                        self._json(200, entry)
+                        return
+                self._error(404, "账号不存在")
+                return
+            # GET /api/accounts — list all
+            users = get_watchlist()
+            state = get_state()
+            accounts = []
+            for u in users:
+                entry = dict(u)
+                sc = state.get(u["username"], {})
+                ts = sc.get("last_check")
+                if ts:
+                    try:
+                        ts = datetime.fromisoformat(ts).strftime("%m-%d %H:%M")
+                    except Exception:
+                        pass
+                else:
+                    ts = "从未"
+                entry["last_check"] = ts
+                accounts.append(entry)
+            self._json(200, {"accounts": accounts})
+        else:
+            self._error(404, "Not Found")
+
+    def do_POST(self):
+        path = urlparse(self.path).path
+        if path != "/api/accounts":
+            self._error(404, "Not Found")
+            return
+        length = int(self.headers.get("Content-Length", 0))
+        body = json.loads(self.rfile.read(length)) if length else {}
+        url = body.get("url", "").strip()
+        if not url:
+            self._error(400, "缺少 url 参数")
+            return
+        try:
+            username = extract_username(url)
+        except ValueError:
+            self._error(400, "无法从输入中提取用户名，请输入 Twitter/X 链接或 @用户名")
+            return
+
+        users = get_watchlist()
+        if any(u["username"].lower() == username.lower() for u in users):
+            self._error(409, f"@{username} 已在监控列表中")
+            return
+
+        display_name = body.get("display_name", "").strip() or username
+        users.append({
+            "username": username,
+            "display_name": display_name,
+            "added_at": datetime.now(timezone.utc).isoformat(),
+        })
+        save_watchlist(users)
+        self._json(201, {"message": f"✅ 已添加 @{username}", "username": username})
+
+    def do_PUT(self):
+        path = urlparse(self.path).path
+        username = path[len("/api/accounts"):].strip("/")
+        if not username:
+            self._error(400, "缺少用户名")
+            return
+        length = int(self.headers.get("Content-Length", 0))
+        body = json.loads(self.rfile.read(length)) if length else {}
+        display_name = body.get("display_name", "").strip()
+
+        users = get_watchlist()
+        for u in users:
+            if u["username"].lower() == username.lower():
+                if display_name:
+                    u["display_name"] = display_name
+                save_watchlist(users)
+                self._json(200, {"message": f"✅ @{username} 已更新"})
+                return
+        self._error(404, "账号不存在")
+
+    def do_DELETE(self):
+        path = urlparse(self.path).path
+        username = path[len("/api/accounts"):].strip("/")
+        if not username:
+            self._error(400, "缺少用户名")
+            return
+        users = get_watchlist()
+        before = len(users)
+        users = [u for u in users if u["username"].lower() != username.lower()]
+        if len(users) < before:
+            save_watchlist(users)
+            self._json(200, {"message": f"🗑 已移除 @{username}"})
+        else:
+            self._error(404, "账号不存在")
+
+
+def main():
+    print(f"🐦 Twitter 监控管理: http://0.0.0.0:{PORT}")
+    server = HTTPServer(("0.0.0.0", PORT), Handler)
+    try:
+        server.serve_forever()
+    except KeyboardInterrupt:
+        print("\n已停止")
+        server.server_close()
+
+
+if __name__ == "__main__":
+    main()
@@ -1,6 +1,15 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
+<!-- Google tag (gtag.js) -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-LVVXH3TL04"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'G-LVVXH3TL04');
+</script>
+
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>缠论 Chart — TradingView</title>
@@ -1,6 +1,15 @@
 <!DOCTYPE html>
 <html>
 <head>
+<!-- Google tag (gtag.js) -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-LVVXH3TL04"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'G-LVVXH3TL04');
+</script>
+
    <title>缠论分析系统</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">