跳至主內容

操作教學｜網站工具（Web Widget）

  • 更新於

    本文說明如何設定網站工具（前身為「網站導流工具 Smart Redirect Tool」），包含前置作業與完整操作步驟。

    開始建立導流工具前，請依序完成以下四個步驟：

    Step 1：在 管理中心（Admin Center）開啟【網站工具】

    進入已串接的網站設定，確認【網頁工具】中的【網站工具】已開啟。

    請留意 SDK 中已串接的網站 > 網頁工具 設定需開啟【網站工具】

    Step 2：安裝 Web SDK

    若尚未安裝 SDK，請先完成安裝後再進行後續設定。

    ⚠️ 若您仍在使用舊版官網導流工具（Web Widget 1.0），請先移除其安裝碼再導入新版，以免同一頁面重複顯示插件（透過 GTM 安裝者請一併更新為新版 SDK）。停用與升級步驟見 👉 如何從舊版官網導流工具升級至網站工具。

    Step 3：確認 SDK 安裝成功

    完成安裝後，請使用 SDK 狀態檢查工具確認 SDK 是否正確載入，以及系統是否有收到事件。

    Step 4：前往 MAAC 建立網站工具

    前置作業完成後，請至 MAAC 後台的【網站工具】頁面，依照以下步驟完成設定。

    您可透過 MAAC 後台的【網站工具】頁面，自行建立網站工具並完成身份整合設定。以下為建立流程說明：

    基本設定

    1. 選擇目標（Goal）

      請先依行銷目標選擇本次工具的用途。目標決定後續步驟的內容：

      • 品牌曝光：以單張圖片素材純曝光，訪客點擊不跳轉。
      • 獲客導流：引導訪客前往目的地，導流目標可選導流至 LINE（Deeplink）或導流至任意網址。
      • 身份整合：將網站訪客與 LINE 聯絡人綁定（即本文以下說明的流程）。
      • 名單獲取：以表單收集訪客 Email 並經 Double Opt-in 驗證。此目標的表單、驗證信與感謝頁設定，請參考 功能說明｜網站工具 名單獲取（Lead Capture）。
      基本設定步驟的【目標】四選一：品牌曝光／獲客導流／身份整合／名單獲取

    2. 設定網站工具名稱

      輸入此工具的內部管理名稱，方便日後辨識與追蹤。

    3. 顯示於指定網站

      若您已於 Web SDK 中安裝多個網站，請務必選擇與所屬 LINE 官方帳號相對應的網站來源，以確保身份整合順利運作。

    4. 顯示於指定頁面

      可依照品牌需求設定顯示的頁面或網址。

      網址路徑說明：路徑網址為網域後的路徑
      範例：https://example.com/store/product/ → 路徑為 /store/product/
      若為首頁，路徑網址為 /

    5. 顯示時機

      品牌可依照需求設定插件的顯示時機，目前提供三種選項：

    立即顯示

    訪客一進入頁面即顯示工具。

    停留頁面 N 秒後顯示

    訪客停留達設定秒數後才顯示，適合在訪客看過一定內容後再出現。

    訪客即將離開頁面時顯示（Exit Intent）

    系統偵測到訪客準備離開頁面時才顯示，把握離站前的最後一刻引導訪客加入 LINE 官方帳號。

    1. 📌 「訪客即將離開頁面時顯示」如何判斷
      桌機：當訪客將滑鼠移向頁面頂端（如準備關閉或切換分頁、點選網址列）或左側時觸發。
      手機：當訪客已瀏覽一段內容後，出現明顯的快速向上滑動時觸發；頁面頂端的「下拉重新整理」動作不會誤觸。

      顯示時機選項：訪客即將離開頁面時顯示

    2. 顯示頻率

      品牌可依照需求設定插件顯示頻率。

    工具樣式

    1. 選擇顯示樣式

      可選擇工具在網頁上的呈現方式：

      • 側邊滑入：從畫面右下角滑入，干擾較低、可持續曝光。
      • 彈出視窗（置中）：於畫面中央彈出，曝光強度較高。

      桌機與手機可分別上傳圖片素材與設定是否顯示。

      工具樣式步驟：顯示樣式可選側邊滑入或彈出視窗，並設定顯示位置

    2. 選擇桌機顯示或手機顯示

      使用 on / off 開關，自訂要開啟哪個裝置的插件。

    3. 插件類型設定

      您可選擇以下兩種插件類型，視品牌網站風格與推廣需求彈性運用：

      1. 圖片插件：僅顯示一張圖片，適合使用吸睛視覺素材快速吸引用戶點擊導流。

      2. 自定義插件：可同時設定標題、描述與圖片，適合以文字輔助說明導流誘因，提升用戶點擊率。

    📋 身份整合連結說明
    當用戶點擊導流插件後，將被導回品牌 LINE 官方帳號，並自動傳送一段驗證訊息（整合碼）。完成訊息傳送後，系統會將其網站身份與 LINE 身份進行整合。
    身份整合成功後，用戶於 30 天內再次造訪網站時，仍可被持續追蹤其網站足跡，進一步強化再行銷與互動分析的基礎。

    依目標補充：品牌曝光與獲客導流的設定

    當【目標】選擇【品牌曝光】或【獲客導流】時，工具以圖片素材呈現，設定重點如下：

    • 上傳圖片素材：於【工具樣式】上傳單張圖片，桌機與手機可分別上傳，以符合不同版位。
    • 顯示樣式：可選【側邊滑入】或【彈出視窗（置中）】。
    • 品牌曝光（Awareness）：純圖片曝光，訪客點擊不會跳轉，適合檔期、公告；無需設定導流目標與訊息。
    • 獲客導流（Redirect）：需設定導流目標：
      • 導流至 LINE（Deeplink）：點擊後前往品牌 LINE 官方帳號。
      • 導流至任意網址：填入 https 網址（例如活動頁），點擊後前往該網址。網站工具會記錄曝光、點擊與點擊率；跳轉後的下游成效需由目的網站自行追蹤。
    📌 補充說明
    品牌曝光與獲客導流皆不寄送 Email，發佈前無需設定 Email 管道／寄件者；此前置設定僅【名單獲取】需要。

    訊息設定

    訪客導流進入 LINE OA 後的身份整合驗證訊息

    1. 品牌可自訂是否開啟
    2. 可透過編輯訊息按鈕，編輯綁定代碼前的溝通訊息

    身份整合後發送訊息

    當聯絡人送出社群身份整合驗證，完成整合後，會自動推送此訊息。如果有搭配贈獎機制，可以將獎項加入訊息中。

    1. 品牌可自訂是否開啟

    2. 新聯絡人訊息

      適用於首次加入 LINE OA 或解除封鎖後重新加入的用戶。此訊息僅會觸發一次。可用於歡迎、教學或發送首次互動獎勵。

    3. 既有聯絡人訊息

      適用於已存在於聯絡人的用戶。可選擇是否重複觸發此訊息。請留意重複觸發會計算訊息費。

    標籤

    品牌可自訂成功加入官方帳號並整合身份的聯絡人，將會增加此標籤。

     

    名單獲取（Lead Capture）設定說明請參考：功能說明｜網站工具 名單獲取（Lead Capture）

    詳細功能說明請參考：功能說明｜網站工具

    常見問題說明請參考：常見問題｜網站工具

    SDK 安裝說明請參考：設定教學｜SDK 官網行為追蹤工具 (Web tracking)

    SDK 狀態檢查請參考：教學｜Web SDK 安裝與事件追蹤狀態檢查

    相關文章