1. All Collections >
  2. 產品 >
  3. 工作區設置 >
  4. 增長小部件

增長小部件

Avatar
Joshua Lim
8 分鐘

增長小工具可讓您在網站上嵌入單一頻道或多頻道的小工具,讓訪客透過其偏好的訊息應用程式與您聯繫。 您也可以為小工具新增活動歸因,以追蹤聯絡人來自哪個增長小工具。

如要新增網站聊天小工具,請在此處了解更多。

支援頻道

當您為特定頻道填寫 預先填入文字參考 欄位時,系統會追蹤該聯絡人。

  • 支援(透過預先填入文字): WhatsApp、TikTok、Viber

  • 支援(透過參考): Facebook

  • 不支援: Instagram、Telegram、LINE、SMS、電子郵件

擷取哪些資料

擷取的資料取決於您的小部件類型。

網站小工具

當聯絡人透過網站小工具聯繫時,respond.io 會擷取以下資訊:

  • 小工具名稱:賦予增長小工具的名稱(例如 Fruits)。

  • 網站: 聯絡人聯繫的網域(例如 apple.com)。

  • 頁面網址: 聯絡人聯繫的具體頁面(例如 apple.com/abc)。

QR 碼與聊天連結小部件

當聯絡人透過 QR 碼或聊天連結小部件聯繫時,respond.io 會擷取以下資訊:

  • 小部件名稱: 為增長小部件指定名稱(例如 Summer Sales Flyer)。

到達這裡

只有業主和經理可以存取此設定。

可從 設定 導覽選單的 工作區設定 子選單項目、 成長小工具存取此設定。

在「成長小工具設定」部分下,您可以看到工作區中現有小工具的清單。 在這裡,您可以編輯和管理這些小部件,或建立新的小部件。

在此設定中,您可以:

  • 建立小部件

  • 管理現有小部件

  • 刪除小工具

建立小部件

步驟 1:點選 新增小工具 按鈕以瀏覽所有可用的小工具。

步驟 2:選擇要建立的小工具 > 點選 建立小工具 按鈕

如果通道連接到工作區,您只能選擇單通道小工具。

配置小部件

根據必填欄位配置所選的小工具。

小部件名稱

為小部件新增名稱以便識別。

網站域名

網站網域 欄位中新增將加入小工具的網站。 這裡介紹如何將網站列入白名單:

  • 如果使用者新增 https://app.respond.io ,則只有 https://app.respond.io 會被列入白名單。 任何其他子域或根域都不應起作用。

  • 如果使用者新增 https://*.respond.io ,則包含根域名在內的所有子網域都會被列入白名單。

  • 如果使用者新增 https://respond.io ,則只有根域名會被列入白名單。

選擇你的頻道

從可用頻道下拉清單中選擇您想要為其建立小工具的頻道。

進階設定

您可以點選進階設定按鈕以進一步設定選填欄位。

  • 懸停文字: 滑鼠移至小部件上時顯示。

  • 預先填入文字(選填): 聯絡人傳送訊息前顯示的預填文字。 填寫此欄以啟用聯絡人來源追蹤。

  • 參考(僅限 Facebook Messenger):新增到您的 m.me URL 的推薦參數,用以追蹤聯絡人在點擊連結時的來源。 在此了解有關參考的更多資訊

由於 Meta 的限制,推薦參數可能無法對部分 Android Messenger 使用者或具地理限制的專頁生效。 m.me 連結仍會引導客戶傳送訊息,但轉介資料可能不會被傳遞。 在 Meta 文件 中了解更多。

安裝腳本

複製產生的腳本以安裝在您的網站上,然後點選 完成 按鈕。 或者,透過電子郵件轉發安裝說明。

請參閱 此處以了解如何在您的網站上安裝該腳本

完成後請點選右上角的「產生小工具」按鈕。

管理小部件

一旦創建了小部件,您就可以如下管理它。

打開安裝代碼

若要查看或複製所建立小部件的安裝代碼(腳本),請點選 安裝代碼 按鈕並依照螢幕上的指示進行操作。

此功能不適用於二維碼產生器。

下載二維碼

若要下載產生的二維碼,請點選 掃描代碼 按鈕,然後點選 下載 按鈕,並為可掃描代碼選擇所需的像素尺寸。

這僅適用於二維碼產生器,不適用於其他訊息小工具。

欲了解如何使用此功能的更多資訊,請閱讀我們的 關於使用可掃描代碼的部落格文章

自訂小部件

若要自訂現有小工具,請點選 自訂 按鈕開啟自訂頁面。

在自訂頁面的頂端,您會在小部件名稱旁看到顯示的 ID。 這是 增長小工具 ID,且無法編輯。

在自訂頁面頂端,顯示於小部件名稱旁的增長小部件 ID。

根據小部件的類型,您可以自訂 5 個部分:

一般的

您可以配置以下常規設定:

  • 小部件名稱: 內部用於識別小部件的名稱

  • 網站網域:要安裝小工具的網站。 如果您不將您的網站新增至此列表,您的小工具將不會載入。 如果您打算在多個網站上安裝該小工具,則可以輸入多個 URL。

頻道

您可以自訂以下內容來根據所選頻道定義小工具的行為:

  • 懸停文字: 當懸停在小部件上時,懸停文字會顯示在工具提示中。

  • 預先填入文字: 預填文字是聯絡人開始對話時的輸入建議。 它包含可編輯的預設文字 — 將其用作來源識別,以追蹤聯絡人來自哪個小部件。

  • 顏色: 選擇小工具中頻道圖示的背景顏色和圖示外觀。

如果您在引入聯絡人追蹤功能之前建立了增長小部件:
- 仍可能會看到 包含當前頁面網址(核取方塊)。 此選項已棄用,且不再提供給新的小部件使用。
- 預先填入文字 欄位將不包含預設文字。 您可透過編輯小部件手動新增一個。

顯示 & 外觀

您可以自訂以下內容來變更網站上小工具的顯示外觀:

  • 彈出訊息: 彈出訊息每天在頁面載入後 5 秒向網站訪客顯示一次。 如果未定義,則不會出現彈出訊息。

  • 小部件大小: 從大、標準或小部件大小中選擇。

  • 顯示選項: 選擇在桌面、行動裝置或兩者上顯示此小工具。

位置

您可以根據以下設定更改網站上小工具的位置:

  • 對齊: 指定您是否希望在網站的左下角或右下角顯示小工具。

  • 垂直間距: 指定小部件與螢幕底部之間的垂直間距量。

  • 水平間距: 指定小部件與螢幕邊緣之間的水平間距量。

其他設定

小部件的額外客製化:

  • 隱藏 Respond.io 品牌: 從您的小工具中刪除 respond.io 品牌。

最佳實踐

  • 務必填寫 預先填入文字 欄位與 參考 欄位。 聯絡人追蹤取決於頻道,需填寫預先填入文字或參考文字其中之一。

  • 對增長小部件使用具體且一致的命名規範。 像「aug-campaign」這類模糊的小部件名稱可能會讓報表難以閱讀。 像「aug-promo-sale」或「storefront-qr-viber」能立即顯示聯絡人來自哪個增長小部件與哪個活動。

  • 在複製連結或下載 QR 碼前,務必點選 產生小部件。 這會儲存您所做的任何變更。 若您在點選 產生小部件 前複製連結或下載 QR 碼,則不會反映您最新的變更,聯絡人也無法被正確追蹤。

刪除小部件

若要刪除現有小工具,請點選 刪除 按鈕並依照螢幕上的指示進行操作。 這樣做將會從您的工作區中完全刪除該小工具。

從工作區中刪除小工具時要小心。 當刪除一個小部件時,它的所有配置都將被刪除。 刪除操作無法撤銷。

報表

來自增長小部件的聯絡人會自動被追蹤並納入報表。

要按增長小部件檢視以聯絡人為基礎的資料,請使用 生命週期聯絡人 報表:

  1. 前往 報表。

  2. 選擇 生命週期 聯絡人。

  3. 點選 + 新增篩選

  4. 選擇 來源 > 增長小部件

  5. 選擇您想要的小部件或選擇全部小部件。

生命週期聯絡人 報表中,您還可以依下列項目篩選:

  • 小部件名稱 ID:增長小部件的 ID。

  • 網站:聯絡人聯繫的網域。

  • 頁面網址:聯絡人聯繫的具體頁面。

要按增長小部件檢視以對話為基礎的資料,請使用 對話回覆解決情況 報表:

  1. 前往 報表。

  2. 選擇 對話回覆解決情況。

  3. 點選 + 新增篩選

  4. 選擇 對話開啟來源 > 增長小部件

  5. 選擇所需的小部件,或選擇全部。

常見問題與故障排除

我在網站上安裝後,為何腳本無法運作?

增長小部件僅會出現在您在增長小部件設定中列入白名單的網站上。

您可以採取的行動

將您的網站加入白名單,方法是將網站網址新增至 網站網域 欄位。

分享這篇文章
Telegram
Facebook
Linkedin
Twitter

找不到您想要的東西? 🔎