> For the complete documentation index, see [llms.txt](https://library.zoom.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://library.zoom.com/technical-library/zh-tw/shang-wu-fu-wu/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website/web-chat-and-video-configuration-tasks/campaigns.md).

# 活動

設定一或多個 Zoom Contact Center 網頁活動，以管理您網站上聊天/視訊按鈕的外觀與功能。網頁活動可讓您指定按鈕位置、自訂按鈕設計，並控制訪客點擊按鈕時的體驗。此外，這些活動還提供品牌設定選項，確保邀請按鈕與 Zoom CX 網頁聊天互動視窗元素能與您的企業視覺識別無縫一致。

活動可透過 Zoom 管理員網頁入口網站進行設定。在 [管理中心](https://zoom.com/account)中，前往 CX 管理 → Contact Center → 活動管理 → [網頁與應用程式內](https://zoom.com/cci/index/admin#/admin-campaign-management).

由於本文著重於網站實作，讓我們更詳細地檢視 Zoom CX 活動概念。

***

### 邀請

每個活動都包含一個邀請，可讓您控制網站上按鈕的品牌與外觀。當訪客瀏覽您的網站時，他們可透過點擊此邀請來開始與您的 Contact Center 互動。

邀請有兩種類型：

* **黏性邀請：** 無需網頁開發；此邀請可讓您直接在 Zoom Contact Center 管理入口網站中設計邀請的外觀，無需網站開發專業知識。Zoom CX Web SDK 會自動將邀請按鈕新增到您的網站中。
* **嵌入式邀請：** 此邀請可讓您的網站開發人員將按鈕或 HTML 錨點連結整合到您的網站中，訪客可藉此開始 Zoom Contact Center 互動。此選項賦予您的網頁設計/開發團隊對按鈕美觀與位置的完全控制。此外，他們可使用各種 HTML 元素，例如標準連結或選單項目，而非按鈕。

透過同時提供黏性與嵌入式邀請選項，您可以依據特定的網站呈現需求，將 Zoom CX 無縫整合至您的網站中。

***

### 活動位置

活動位置功能可讓您根據 URL 結構指定活動應何時啟用，為不同的網站區段打造量身定制的體驗。

此功能運用 Zoom CX Web SDK，分析瀏覽器的 URL 與查詢字串，然後將其與活動位置設定進行比對，以判定活動是否應顯示在網頁上。因此，您可以在多個網站或同一網站的不同區段中部署單一 Zoom Contact Center，為網站訪客提供不同的選項。

例如，如果您的網站包含獨立的銷售與支援區段，您可運用活動位置功能，根據訪客在網站上的瀏覽位置，提供不同的網頁聊天/視訊體驗。這可透過如下表所示設定活動來完成。

#### <mark style="color:藍色;">範例表格：不同區段的活動</mark>

| 活動名稱 | 活動位置                                                      | 流程 |
| ---- | --------------------------------------------------------- | -- |
| 業務   | [www.example.com/\*\*銷售](http://www.example.com/**銷售)\*\* | 業務 |
| 支援   | [www.example.com/\*\*支援](http://www.example.com/**支援)\*\* | 支援 |

透過建立獨立的銷售與支援活動，您可以運用活動位置功能，將銷售活動僅顯示於網站的 `/銷售` 區段，而支援活動則只會顯示於 `/支援` 區段。

#### <mark style="color:藍色;">**網頁聊天互動視窗**</mark>

在聊天開始後自訂互動視窗的外觀，包括可選的歡迎畫面以收集訪客資訊。

當網站訪客點擊您的聊天邀請時，他們會進入網頁聊天介面，您可在其中控制各種視覺元素。您可以調整視窗大小與配色方案，並可實作可選的歡迎畫面來收集訪客資訊，例如姓名、電子郵件與電話號碼。歡迎畫面的欄位可設定，而網站訪客提供的任何資訊都會自動儲存在標準的 Zoom CX 全域變數中。

以下是假想公司 Omzo Grocery 的互動視窗設定畫面範例。

<figure><img src="https://2668295848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FctBXUMeBy4rtLMmMkKRG%2Fuploads%2Fgit-blob-0f32be7a1975682a8e2833fab38bc0bf9bd21a23%2Fimage.png?alt=media" alt="Screen display showing the Engagement Window for a fictitious company."><figcaption></figcaption></figure>

#### <mark style="color:藍色;">主動訊息</mark>

啟用具吸引力的彈出訊息，透過標準訊息或行動呼籲按鈕來鼓勵訪客互動。

以下為主動訊息功能設定範例。

<figure><img src="https://2668295848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FctBXUMeBy4rtLMmMkKRG%2Fuploads%2Fgit-blob-072586067d49da3170b11e6c50f50c18fb9d5cd8%2Fimage.png?alt=media" alt="Screen display of the Proactive Messaging feature."><figcaption></figcaption></figure>

#### <mark style="color:藍色;">**目標鎖定**</mark>

根據使用者裝置類型管理活動啟用，向桌機與智慧型手機使用者顯示量身打造的體驗。您也可以使用此功能，依據 HTML 語言鎖定網站訪客。

<figure><img src="https://2668295848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FctBXUMeBy4rtLMmMkKRG%2Fuploads%2Fgit-blob-982a7f7c31eeb805bf282cafa868ab8a75645dd7%2Fimage.png?alt=media" alt="Screen display showing the Targeting screen."><figcaption></figcaption></figure>

#### <mark style="color:藍色;">**多語言支援**</mark>

自動偵測訪客的語言偏好，並量身調整互動。

支援超過 20 種語言的 Zoom CX 網頁活動，會透過 HTML Lang 屬性或瀏覽器語言設定，為每位網站訪客判定適當的語言。

<figure><img src="https://2668295848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FctBXUMeBy4rtLMmMkKRG%2Fuploads%2Fgit-blob-f6f4232c94af590b8ce262a5616de9c0241c49ba%2Fimage.png?alt=media" alt="Screen display showing the Edit Language screen."><figcaption></figcaption></figure>

請務必設定素材庫，以實現無縫的多語言支援，並確保互動導向具備相應語言能力的客服人員。此外，請善用 [即時語言翻譯功能](https://support.zoom.com/hc/en/article?id=zm_kb\&sysparm_article=KB0073565) 來提升您的客服人員有效管理這些互動的能力。

如需更多資訊，請參閱以下 Zoom 支援文章：

* [管理 Zoom Contact Center 活動](https://support.zoom.com/hc/en/article?id=zm_kb\&sysparm_article=KB0059094)
* [為 Zoom Contact Center 設定多語言活動](https://support.zoom.com/hc/en/article?id=zm_kb\&sysparm_article=KB0076991)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://library.zoom.com/technical-library/zh-tw/shang-wu-fu-wu/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website/web-chat-and-video-configuration-tasks/campaigns.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.