總覽
localhost:8765
最新消息
近期活動
影片數量
贊助單位
月刊期數
⚡ 快速操作
📝
新增消息
最新消息區
📅
新增活動
近期活動區
🎬
新增影片
影音專區
🌐
預覽前台
另開分頁
📖 使用說明
🚀 正確發佈流程(靜態主機):
1️⃣ 在後台編輯完成後,點「儲存全部」
2️⃣ 點左側欄「匯出更新版 index.html」下載檔案
3️⃣ 將下載的 index.html 上傳至伺服器取代舊檔
4️⃣ 所有訪客即可看到最新內容(不再依賴瀏覽器快取)
💾 點選「儲存全部」或各區塊的儲存按鈕套用更改
🔄 重新整理後台不會遺失資料(資料暫存於瀏覽器)
📦 使用「匯出備份 JSON」下載目前設定備份檔
📝 最新消息管理
縮圖 日期 標題 瀏覽 操作
📅 近期活動管理
日期 活動名稱 地點 狀態 操作
🎬 影音專區管理
縮圖 標題 YouTube ID 操作
🤝 贊助單位管理
圖片 名稱 圖片路徑 連結 操作
📰 總監月刊管理
請選擇或新增年度
期號 月份 Google Drive ID / 本地路徑 頁面 操作
📋 選單管理
🎬 滑圖區媒體管理
支援填入影片網址(MP4 / YouTube)或圖片網址。每筆為一個輪播項目。
📍 聯絡資訊
🗺️ Google Map 嵌入
🔗 社群網址設定
🔍 SEO 基本設定
📤 Open Graph(FB / LINE 分享預覽)
🐦 Twitter / X Card
Twitter Card 決定推文分享時的預覽樣式,也影響部分 AI 爬蟲取得摘要的方式。
🤖 GEO — AI 搜尋引擎優化
以下欄位生成 JSON-LD 結構化資料(Organization + LocalBusiness Schema),讓 ChatGPT、Perplexity、Google AI Overview 等 AI 引擎正確識別您的組織。
❓ FAQ 結構化資料(GEO 強化)
FAQ Schema 讓 Google 搜尋結果直接展開問答,也是 AI Overview、ChatGPT 引用您網站的重要訊號。
📊 Google Tag Manager(GTM)
建議優先安裝 GTM,再透過 GTM 容器管理其他追蹤碼,統一管理最有效率。
GTM ID 格式:GTM-XXXXXXX
📈 Google Analytics 4(GA4)
👤 Facebook / Meta Pixel
安裝後可追蹤頁面瀏覽、投放 FB 再行銷廣告。在 Meta Business Manager → Events Manager 取得 Pixel ID。
💚 LINE Tag(台灣市場必備)
LINE Tag 用於 LINE Ads 轉換追蹤與再行銷,台灣用戶觸及率最高。在 LINE Ads Manager → 追蹤 → LINE Tag 取得 ID。
🎵 TikTok Pixel
💰 Google Ads 轉換追蹤
🔥 Microsoft Clarity(熱力圖 · 免費)
Clarity 提供免費熱力圖、Session Recording,與 GA4 整合後可深度分析使用者點擊與捲動行為。
💻 自訂程式碼(進階)
🌐 基本設定
🖼️ 圖示設定
🔑 搜尋引擎所有權驗證
驗證後可使用 Search Console / Webmaster Tools 查看索引狀況與搜尋關鍵字數據。
⚡ 效能優化(Preconnect)
Preconnect 讓瀏覽器提前建立外部資源連線,可減少 DNS 查詢時間,加快首次載入速度(Core Web Vitals LCP)。每行一個網域。
☁️ GitHub 雲端自動同步設定
設定後,每次點「儲存」即自動同步到線上網站,約 1-2 分鐘生效。Token 僅存在本機瀏覽器,不會上傳至伺服器。
🪄 AI 魔術分析設定
輸入 Anthropic Claude API Key,即可在新增消息/活動時使用「🪄 魔術幫」按鈕,上傳圖片自動辨識文字並填入欄位。
Key 僅儲存於本機瀏覽器,不會上傳至任何伺服器。