最新消息
—
近期活動
—
影片數量
—
贊助單位
—
月刊期數
—
⚡ 快速操作
新增消息
最新消息區
新增活動
近期活動區
新增影片
影音專區
預覽前台
另開分頁
📖 使用說明
🚀 正確發佈流程(靜態主機):
1️⃣ 在後台編輯完成後,點「儲存全部」
2️⃣ 點左側欄「匯出更新版 index.html」下載檔案
3️⃣ 將下載的 index.html 上傳至伺服器取代舊檔
4️⃣ 所有訪客即可看到最新內容(不再依賴瀏覽器快取)
1️⃣ 在後台編輯完成後,點「儲存全部」
2️⃣ 點左側欄「匯出更新版 index.html」下載檔案
3️⃣ 將下載的 index.html 上傳至伺服器取代舊檔
4️⃣ 所有訪客即可看到最新內容(不再依賴瀏覽器快取)
💾 點選「儲存全部」或各區塊的儲存按鈕套用更改
🔄 重新整理後台不會遺失資料(資料暫存於瀏覽器)
📦 使用「匯出備份 JSON」下載目前設定備份檔
🔄 重新整理後台不會遺失資料(資料暫存於瀏覽器)
📦 使用「匯出備份 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
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 僅儲存於本機瀏覽器,不會上傳至任何伺服器。
Key 僅儲存於本機瀏覽器,不會上傳至任何伺服器。