🔔 WordPress 插件：FCM 訂閱機制教學

使用 TagLite FCM 訂閱機制 外掛，可一鍵將 Service Worker（SW）安裝到網站根目錄，啟用整站推播訂閱；並可於 TagLite 廣告後台管理裝置 Token 與推播。

🚀 一、功能特色

  • 一鍵將 SW 檔案寫入 /taglite-messaging-sw.js（網站根目錄）
  • 自動處理瀏覽器 FCM 訂閱流程（需 HTTPS 或 localhost）
  • 後台設定頁可檢視安裝狀態、最後更新時間與公開網址
  • 可與 TagLite 廣告後台整合：受眾管理、推播投放

⚙️ 二、使用方式

  1. 後台進入：設定 > TagLite FCM 訂閱機制
  2. 點擊「一鍵安裝 Service Worker 檔」寫入根目錄
  3. 確認公開網址 /taglite-messaging-sw.js 可正常存取
外掛設定頁：安裝前示意
⚠️ 注意：
本推薦功能依賴網頁中正確的 SEO 標籤（例如 <meta name="keywords">、<meta property="og:title">、<meta property="article:tag"> 等），系統才能針對內容進行標籤分析與推薦。
請確認您的每篇文章或商品頁面中，已正確填寫這些標籤，以確保推薦結果的準確性。

🧾 三、後台設定畫面

外掛設定頁：安裝後示意（已寫入根目錄）

🖼️ 四、（可選）前端手動註冊範例

一般情況不需額外動作；若你採用手動部署 SW 檔，請於前端註冊：

<script>
if ('serviceWorker' in navigator) {
  window.addEventListener('load', function () {
    navigator.serviceWorker.register('/taglite-messaging-sw.js')
      .catch(function (err) { console.warn('[TagLite SW] register failed:', err); });
  });
}
</script>

🧩 五、手動安裝（若主機禁止寫入）

  1. 下載 SW 原始檔，另存為 /taglite-messaging-sw.js 放到網站根目錄：
https://cdn.taglite.com.tw/js/messaging-taglite-v1.js

※ 若使用 CDN/反向代理，請確保回應標頭為 Content-Type: application/javascript 並避免錯誤快取。

🧪 六、驗證與測試

  1. 開啟網站 → 開發者工具 → Application > Service Workers，確認已註冊 /taglite-messaging-sw.js
  2. 允許瀏覽器通知權限
  3. 登入 TagLite 廣告後台 → 檢視新註冊的裝置 Token，並做測試推播
⬇️ 下載 SW 原始檔

🔍 提示：首次啟用後，請在 HTTPS 環境測試；如更換 SW 檔名，務必同步調整註冊路徑與快取設定。