Dialogflow Messenger 與 WhatsApp 整合完整指南

如果你的客戶分布在全球各地，只有 LINE Bot 是不夠的。

Facebook Messenger 全球月活躍用戶超過 10 億，WhatsApp 更是超過 20 億。這兩個平台是接觸國際客戶的必要管道。好消息是，Dialogflow 可以同時整合這些平台，用同一套對話邏輯服務所有客戶。

這篇文章教你如何把 Dialogflow 串接到 Messenger 和 WhatsApp，打造跨平台的 AI 客服系統。

如果你還不熟悉 Dialogflow 的基礎，建議先閱讀 Dialogflow 完整指南。台灣用戶若以 LINE 為主，可以參考 Dialogflow LINE Bot 串接教學。

---

支援的通訊平台總覽

Dialogflow 支援多種通訊平台整合，但不同版本的整合方式有差異。

平台	ES 支援	CX 支援	整合難度
Facebook Messenger	內建	需自建	中等
WhatsApp Business	需自建	原生支援	較高
Instagram	需自建	需自建	較高
Telegram	內建	需自建	低
Slack	內建	需自建	低
LINE	內建	需自建	中等

關鍵差異：

• Messenger：ES 有內建整合，CX 需要自己開發
• WhatsApp：只有 CX 有原生整合，ES 需要自己開發

如果你的主要需求是 WhatsApp，必須選擇 Dialogflow CX。詳細的版本比較請參考 Dialogflow CX vs ES 完整比較。

插圖：平台整合架構圖

場景描述： 一張架構圖，中央是 Dialogflow Agent，周圍連接 LINE、Messenger、WhatsApp、Telegram、Slack 等平台圖示。箭頭表示雙向通訊，每個平台下方標示「ES 內建」或「CX 原生」等支援狀態。

視覺重點：

• 主要內容清晰呈現

必須出現的元素：

• 依據描述中的關鍵元素

需要顯示的中文字： 無

顏色調性： 專業、清晰

避免元素： 抽象圖形、齒輪、發光特效

Slug: dialogflow-multi-platform-architecture

---

Facebook Messenger 整合

Messenger 是 Facebook 的即時通訊服務，適合服務有 Facebook 粉絲專頁的企業。

建立 Facebook App

1. 前往 Meta for Developers
2. 登入你的 Facebook 帳號
3. 點擊「My Apps」>「Create App」
4. 選擇 App 類型：「Business」
5. 輸入 App 名稱和聯絡 Email
6. 點擊「Create App」

設定 Messenger 產品

1. 在 App Dashboard 中，點擊「Add Product」
2. 找到「Messenger」並點擊「Set Up」
3. 在「Access Tokens」區塊，連結你的 Facebook 粉絲專頁
4. 點擊「Generate Token」並保存

重要：產生的 Page Access Token 是敏感資訊，請安全保存。

Webhook 配置

Dialogflow ES 整合：

1. 在 Dialogflow Console 進入你的 Agent
2. 點擊「Integrations」>「Facebook Messenger」
3. 輸入以下資訊：
   • Verify Token：自訂一個字串（例如：my-secret-token）
   • Page Access Token：剛才產生的 Token
4. 點擊「Start」
5. 複製顯示的 Callback URL

回到 Meta for Developers：

1. 在 Messenger Settings 中，找到「Webhooks」
2. 點擊「Add Callback URL」
3. 輸入：
   • Callback URL：Dialogflow 提供的 URL
   • Verify Token：你自訂的字串
4. 點擊「Verify and Save」
5. 訂閱 Webhook events：messages, messaging_postbacks

權限設定與審核

Messenger Bot 需要經過 Meta 審核才能對外開放。

審核前：

• 只有 App 管理員和測試用戶能使用
• 足夠用於開發和測試

需要審核的權限：

權限	用途	審核難度
pages_messaging	回覆訊息	中等
pages_manage_metadata	管理粉專	中等

審核準備：

• 撰寫清楚的 Bot 用途說明
• 準備螢幕錄影展示 Bot 功能
• 確保隱私政策頁面存在
• 確保服務條款頁面存在

審核時間：通常 1-5 個工作天

插圖：Facebook App 設定截圖

場景描述： 一張 Meta for Developers 的截圖，顯示 Messenger 設定頁面。畫面中標示 Webhook Callback URL 和 Page Access Token 的設定位置，用箭頭指向重點欄位。

視覺重點：

• 主要內容清晰呈現

必須出現的元素：

• 依據描述中的關鍵元素

需要顯示的中文字： 無

顏色調性： 專業、清晰

避免元素： 抽象圖形、齒輪、發光特效

Slug: facebook-app-messenger-setup

---

WhatsApp Business 整合（CX 專屬）

WhatsApp 是全球最多人使用的通訊軟體，特別在歐洲、南美洲、東南亞有極高滲透率。

注意：WhatsApp Business API 整合是 Dialogflow CX 的專屬功能，ES 不支援原生整合。

WhatsApp Business API 申請

WhatsApp Business API 不像 LINE 或 Messenger 可以自行申請，需要透過官方流程。

申請方式：

1. 直接申請：透過 Meta Business Suite 申請
2. 透過 BSP：使用 Business Solution Provider（如 Twilio、360dialog）

申請條件：

• 有合法的公司登記
• 有正式的公司電話號碼
• 遵守 WhatsApp Commerce Policy

申請流程：

1. 建立 Meta Business 帳號
2. 驗證公司資訊
3. 申請 WhatsApp Business API 存取
4. 設定 WhatsApp Business Profile
5. 驗證電話號碼

審核時間：1-4 週（視公司規模和驗證文件）

CX 原生整合設定

Dialogflow CX 提供原生 WhatsApp 整合，設定相對簡單。

在 Dialogflow CX Console：

1. 進入你的 CX Agent
2. 點擊「Integrations」
3. 選擇「WhatsApp」
4. 連結你的 Meta Business 帳號
5. 選擇要使用的 WhatsApp Business 電話號碼
6. 點擊「Enable」

設定完成後：

• 發送到該號碼的訊息會自動轉給 Dialogflow CX
• CX 的回覆會自動發送回 WhatsApp

訊息範本管理

WhatsApp 有嚴格的訊息政策，主動推播需要使用預先審核的「訊息範本」。

訊息類型：

類型	限制	用途
Session Message	24 小時內	回覆用戶訊息
Template Message	需審核	主動推播、過期回覆

Template 審核注意事項：

• 不能包含促銷內容（除非有特定許可）
• 變數（如姓名、訂單號）需要用 {{1}} 格式
• 需要提供範例值
• 審核時間約 1-2 天

24 小時對話視窗規則

WhatsApp 有「對話視窗」機制，影響訊息發送方式：

用戶發起對話：

• 從用戶發送第一則訊息開始
• 企業可以在 24 小時內無限回覆
• 超過 24 小時需要使用 Template

企業主動聯繫：

• 必須使用審核過的 Template
• 每則 Template 訊息會開啟新的 24 小時視窗

實務建議：

• 在對話結尾引導用戶下次主動聯繫
• 準備好必要的 Template（如訂單確認、預約提醒）
• 訓練 Bot 在 24 小時內完成對話

插圖：WhatsApp 24 小時規則說明圖

場景描述： 一張時間軸圖表說明 WhatsApp 對話視窗規則。從「用戶發訊息」開始，標示 24 小時內的「自由回覆區間」，以及超過 24 小時後需要「使用 Template」的區間。圖表清楚標示時間界線和對應規則。

視覺重點：

• 主要內容清晰呈現

必須出現的元素：

• 依據描述中的關鍵元素

需要顯示的中文字： 無

顏色調性： 專業、清晰

避免元素： 抽象圖形、齒輪、發光特效

Slug: whatsapp-24-hour-window-rule

---

WhatsApp Business API 申請很複雜？審核流程、訊息範本、對話視窗規則...自己摸索可能花好幾週。讓我們協助你，加速整合流程。

---

多平台統一管理策略

當你同時經營 LINE、Messenger、WhatsApp，如何有效管理是個挑戰。

統一對話邏輯

好做法：一套 Dialogflow Agent，多平台部署

                    ┌─────────────┐
                    │  Dialogflow │
                    │    Agent    │
                    └──────┬──────┘
                           │
        ┌──────────────────┼──────────────────┐
        │                  │                  │
        ▼                  ▼                  ▼
   ┌─────────┐       ┌───────────┐       ┌──────────┐
   │   LINE  │       │ Messenger │       │ WhatsApp │
   └─────────┘       └───────────┘       └──────────┘

優點：

• 對話邏輯只需維護一份
• 新功能同步上線所有平台
• 訓練資料集中管理

平台專屬回覆

雖然對話邏輯統一，但不同平台有不同的訊息格式。

處理方式：在 Fulfillment 中判斷訊息來源

function handleResponse(agent) {
  const source = agent.originalRequest.source;

  if (source === 'line') {
    // LINE 專屬格式（Flex Message）
    return lineFlexMessage();
  } else if (source === 'facebook') {
    // Messenger 格式（Generic Template）
    return messengerTemplate();
  } else {
    // 通用純文字
    return textResponse();
  }
}

更多 Fulfillment 開發細節，請參考 Dialogflow Fulfillment 與 API 整合教學。

數據整合

不同平台的用戶資料格式不同，建議統一存入自己的資料庫。

建議做法：

平台	用戶 ID 格式	統一處理
LINE	U 開頭的字串	加前綴 line_
Messenger	PSID（數字）	加前綴 fb_
WhatsApp	電話號碼	加前綴 wa_

這樣可以在自己的系統中統一管理客戶資料，跨平台識別同一位客戶。

---

最佳實踐

對話設計原則

1. 保持簡潔

通訊軟體的對話應該像真人聊天，不要長篇大論。

• 每則訊息不超過 3 行
• 善用分段發送
• 重要資訊放前面

2. 提供選項

用按鈕減少使用者打字負擔。

請選擇服務類型：
[訂位] [查詢訂單] [聯絡客服]

3. 處理例外

永遠要有 Fallback 方案。

抱歉，我不太理解您的意思。
您可以試試：
- 輸入「訂位」預約座位
- 輸入「客服」轉接真人

平台特性差異

特性	LINE	Messenger	WhatsApp
Rich Menu	有	無	無
Quick Reply	有	有	有
卡片訊息	Flex Message	Generic Template	不支援
圖文選單	有	Persistent Menu	無
主動推播	限額	限制多	Template only

合規注意事項

隱私權：

• 所有平台都要求提供隱私政策連結
• 明確告知用戶資料如何使用
• GDPR 地區需要特別處理同意機制

內容規範：

• 不能發送垃圾訊息
• 不能發送詐騙或誤導內容
• 不能發送成人或違法內容

品牌規範：

• 各平台對 Bot 命名有規定
• 不能冒充官方或他人
• Logo 和名稱需要一致

插圖：多平台 Bot 管理儀表板示意圖

場景描述： 一張管理後台的示意圖，顯示統一的對話管理介面。左側是平台選單（LINE、Messenger、WhatsApp），中間是對話列表，右側是對話詳情。畫面顯示跨平台的訊息統一呈現，方便客服人員管理。

視覺重點：

• 主要內容清晰呈現

必須出現的元素：

• 依據描述中的關鍵元素

需要顯示的中文字： 無

顏色調性： 專業、清晰

避免元素： 抽象圖形、齒輪、發光特效

Slug: multi-platform-bot-dashboard

---

常見問題

Messenger 審核一直沒過怎麼辦？

常見拒絕原因：

1. 用途說明不清楚 → 重新撰寫，明確說明 Bot 功能
2. 缺少隱私政策 → 補上合格的隱私政策頁面
3. 影片展示不完整 → 重錄，展示主要對話流程

建議：在 Meta 開發者社群尋求協助，或參考通過審核的案例。

WhatsApp Business API 費用怎麼算？

WhatsApp 的計費是「對話」為單位，不是訊息數。

對話類型	費用（台灣地區）
用戶發起（客服類）	~$0.02 USD
企業發起（行銷類）	~$0.04 USD

費用因地區而異，以官方公告為準

可以在 Bot 中嵌入付款功能嗎？

• Messenger：支援 Facebook Pay（部分地區）
• WhatsApp：支援 WhatsApp Pay（部分地區）
• 實務做法：多數企業選擇發送付款連結，導到自家網站或第三方金流

如何處理真人客服轉接？

建議做法：

1. Bot 偵測到無法處理的問題
2. 發送訊息：「我幫您轉接真人客服，請稍候」
3. 在後台系統發送通知給客服人員
4. 客服人員接手對話

技術實作：需要在 Fulfillment 中串接內部的客服系統或 Live Chat 工具。

---

下一步

Messenger 和 WhatsApp 整合完成後，你可以：

1. 整合 LINE 服務台灣客戶：Dialogflow LINE Bot 串接教學
2. 開發後端邏輯：Dialogflow Fulfillment 與 API 整合教學
3. 精算成本：Dialogflow 費用完整解析
4. 確認版本選擇：Dialogflow CX vs ES 完整比較

---

想打造跨平台 AI 客服？

服務國際客戶需要 Messenger、WhatsApp；服務台灣客戶需要 LINE。一套系統同時管理這些平台，才能發揮最大效益。

如果你需要：

• LINE + Messenger + WhatsApp 全平台整合
• 統一的對話管理後台
• 真人客服無縫轉接
• 跨平台用戶資料整合

預約 AI 導入諮詢，讓我們幫你規劃跨平台 AI 客服的完整方案。

諮詢完全免費，我們會在 24 小時內回覆。

---