網頁彈跳視窗
  • 25 Jan 2025
  • 3 閱讀分鐘
  • 貢獻者

網頁彈跳視窗


文章摘要

網頁彈跳視窗編輯器

新增網頁彈跳視窗模板

  1. 點擊右上角「新增」按鈕
  2. 選擇資料夾 (可不選)並命名模板名稱
  3. 選擇模板類型後,點選「完成」按鈕

網頁彈跳視窗模板類型說明

網頁彈跳視窗模板說明
LINE 綁定模組1. 引導客戶加入您的 LINE 官方帳號
2. 若會員登入官網後,跳出此彈跳視窗,OmniSegment 會把會員資料與 LINE UID 整併在一起
簡易編輯器屬於圖片形式的彈跳視窗
進階編輯器屬於圖片形式的彈跳視窗,有多種不同觸發條件
商品推薦屬於商品形式的彈跳視窗,以提升購買意願
遊戲化互動 (coming soon)(coming soon)

LINE 綁定模組

  • 基礎設定
    • 提供設定彈跳視窗位置、透明背景時的背景顏色、關閉按鈕樣式
    • LINE 綁定模組:提供設定 LINE 綁定模組彈窗上的文案,以及加入 LINE 官方好友後同時發送哪則 LINE 訊息模板給用戶
  • 觸發條件:
    • 觸發類型與時間
      • 觸發類型:
        • 等待時間: 使用者進站後延遲「指定秒數」即 跳出視窗。
        • 瀏覽頁面超過指定比例:使用者滑動的捲軸超過「指定比例」時跳出視窗。
    • 觸發限制:
      • 彈跳視窗觸發網址
      • 每日觸發次數:每位用戶每日觸發此彈跳視窗的次數
    • 顯示機率:用戶有多少機率看到此彈跳視窗
    • 用戶狀態:什麼狀態的用戶可以看到此彈跳視窗
      • 用戶登入:
        • 不指定:不指定用戶當下是否為登入狀態,皆顯示彈跳視窗
        • 無登入:針對沒有登入狀態的用戶顯示彈跳視窗
        • 需登入:針對登入狀態的用戶顯示彈跳視窗
        • 曾登入過:針對曾經在這個瀏覽器上有登入記錄的用戶顯示彈跳視窗
        • 未曾登入過:針對未曾在此瀏覽器上有登入記錄的用戶顯示彈跳視窗
      • LINE 狀態:
        • 篩選使用者的 LINE 資訊狀態。
          • 不指定:不指定用戶在 OmniSegment 是否有 LINE UID 資訊,皆顯示彈跳式視窗
          • 有 LINE:針對在 OmniSegment 有 LINE UID 資訊的用戶顯示彈跳式視窗
          • 無 LINE:針對在 OmniSegment 沒有 LINE UID 資訊的用戶顯示彈跳式視窗

簡易編輯器

  • 基礎設定
    • 提供設定彈跳視窗位置、透明背景時的背景顏色、關閉按鈕樣式
  • 觸發條件
    • 觸發類型與時間
      • 觸發類型:
        • 等待時間: 使用者進站後延遲「指定秒數」即 跳出視窗。
        • 瀏覽頁面超過指定比例:使用者滑動的捲軸超過「指定比例」時跳出視窗。
    • 觸發限制:
      • 彈跳視窗觸發網址
      • 每日觸發次數:每位用戶每日觸發此彈跳視窗的次數
    • 顯示機率:用戶有多少機率看到此彈跳視窗
    • 用戶狀態:什麼狀態的用戶可以看到此彈跳視窗
      • 用戶登入:
        • 不指定:不指定用戶當下是否為登入狀態,皆顯示彈跳視窗
        • 無登入:針對沒有登入狀態的用戶顯示彈跳視窗
        • 需登入:針對登入狀態的用戶顯示彈跳視窗
        • 曾登入過:針對曾經在這個瀏覽器上有登入記錄的用戶顯示彈跳視窗
        • 未曾登入過:針對未曾在此瀏覽器上有登入記錄的用戶顯示彈跳視窗
      • LINE 狀態:
        • 篩選使用者的 LINE 資訊狀態。
          • 不指定:不指定用戶在 OmniSegment 是否有 LINE UID 資訊,皆顯示彈跳式視窗
          • 有 LINE:針對在 OmniSegment 有 LINE UID 資訊的用戶顯示彈跳式視窗
          • 無 LINE:針對在 OmniSegment 沒有 LINE UID 資訊的用戶顯示彈跳式視窗

(舊) 進階編輯器

  • 基礎設定
    • 基礎設定:設定彈跳視窗時間
    • 用戶狀態:什麼狀態的用戶可以看到此彈跳視窗
      • 用戶登入:
        • 不指定:不指定用戶當下是否為登入狀態,皆顯示彈跳視窗
        • 無登入:針對沒有登入狀態的用戶顯示彈跳視窗
        • 需登入:針對登入狀態的用戶顯示彈跳視窗
        • 曾登入過:針對曾經在這個瀏覽器上有登入記錄的用戶顯示彈跳視窗
        • 未曾登入過:針對未曾在此瀏覽器上有登入記錄的用戶顯示彈跳視窗
      • LINE 狀態:
        • 篩選使用者的 LINE 資訊狀態。
          • 不指定:不指定用戶在 OmniSegment 是否有 LINE UID 資訊,皆顯示彈跳式視窗
          • 有 LINE:針對在 OmniSegment 有 LINE UID 資訊的用戶顯示彈跳式視窗
          • 無 LINE:針對在 OmniSegment 沒有 LINE UID 資訊的用戶顯示彈跳式視窗
  • 觸發條件
    • 觸發條件
      • 全站停留時間:顧客在站內任一頁面停留 x 秒

      • 瀏覽頁數:顧客在站內任一頁面觀看 x 頁

      • 彈跳視窗觸發網址:事件動作觸發的網址

        • 全站:任一頁
        • 指定網址
          • 完整網址為:指定一個完整的網址
          • 網址包含:指定一個不完整的網址,舉例,「https://www.bebit-tech.com/success-cases/xxxxxxxx」不管最後的 xxxxxxxx 是什麼,都是彈跳視窗觸發網址,可以選擇「網址包含」並輸入「https://www.bebit-tech.com/success-cases/」即可
      • UTM:指定帶有哪些 UTM 的網址才會觸發彈跳視窗

        💡 無指定 UTM:不會驗這個條件。

        舉例:

        • A 模板:未曾登入 > 有指定 UTM > 瀏覽 3 秒 > 跳 A 版 POPUP (機率100%)
        • B 模板:未曾登入 > 無指定 UTM > 瀏覽 3 秒 > 跳 B 版 POPUP (機率100%)

        這個狀況下,有帶特定 UTM 的人進站,會看到 A 版呢? 還是 A 跟 B 版都有機會看到呢?

        • Ans: 都有機會看到,兩個都滿足觸發條件且機率都是 100%,所以會隨機跳
      • 事件動作(必填):觸發後即跳出彈跳視窗

      • 事件動作延遲時間:事件動作被觸發後,延遲 x 秒後跳出彈跳視窗

    • 顯示機率:符合條件的用戶有多少機率看到此彈跳視窗
    • 觸發次數上限:每位用戶每日觸發此彈跳視窗的次數
    • 會員狀態:
      • 會員等級:鎖定指定會員等級的受眾才能觸發此彈跳視窗
      • 會員標籤:鎖定貼有指定標籤的受眾才能觸發此彈跳視窗
    • A/B 版本測試
      • 有無顯示:將分成有顯示以及無顯示兩組用戶,各站 50%
      • 不同素材:依照不同模板進行分組,各站 (100/所選模板數量)%
  • 內容設定
    • 上傳彈跳視窗圖片並編輯相關樣式
    • 倒數計時
      • 勾選倒數計時功能後,即可在圖片上呈現還剩多久此彈跳視窗將結束

(新)進階編輯器

  • 內容設定
    • 彈跳視窗樣式:可選擇「圖片」、「文字橫幅」、「卡片」其中一種樣式 Screenshot 2024-03-23 at 17.52.20.png
    • 「圖片」樣式
      • 彈窗內容
        • 桌機版圖片* / 桌機版圖片尺寸 / 手機版圖片 / 手機版圖片尺寸 / 圖片導轉網址 / 倒數計時
      • 彈窗外觀
        • 彈窗顯示位置 / 彈窗背景顏色 / 遮罩
      • 關閉按鈕
        • 背景顏色 / 圖示顏色 / 圖示尺寸
    • 「文字橫幅」樣式
      • 標題文字
        • 文字* / 顏色 / 字體大小
      • 內容文字
        • 文字* / 顏色 / 字體大小
      • 按鈕
        • 文字* / 文字顏色 / 背景顏色 / 字體大小* / 導轉網址*
      • 彈窗外觀
        • 彈窗顯示位置 / 彈窗背景顏色 / 遮罩
      • 關閉按鈕
        • 圖示顏色 / 圖示尺寸
    • 「卡片」樣式
      • 圖片
        • 圖片比例 /上傳圖片
      • 標題文字
        • 文字* / 顏色 / 字體大小* / 位置
      • 內容文字
        • 文字* / 顏色 / 字體大小* / 位置
      • 折扣碼複製模組
        • 文字* / 文字顏色 / 背景顏色 / 字體大小*
      • 按鈕
        • 文字* / 文字顏色 / 背景顏色 / 字體大小* / 導轉網址*
      • 彈窗外觀
        • 彈窗顯示位置 / 彈窗背景顏色 / 遮罩
      • 關閉按鈕
        • 圖示顏色 / 圖示尺寸
  • 觸發設定
    • 基礎設定
      • 啟用期間
      • 觸發頻率設定
      • 顯示機率
    • 受眾條件設定:指定哪種用戶可以觸發此彈窗
      • 用戶登入:
        • 不指定:不指定用戶當下是否為登入狀態,皆顯示彈跳視窗
        • 無登入:針對沒有登入狀態的用戶顯示彈跳視窗
        • 需登入:針對登入狀態的用戶顯示彈跳視窗
        • 曾登入過:針對曾經在這個瀏覽器上有登入記錄的用戶顯示彈跳視窗
        • 未曾登入過:針對未曾在此瀏覽器上有登入記錄的用戶顯示彈跳視窗
      • LINE 狀態:
        • 篩選使用者的 LINE 資訊狀態。
          • 不指定:不指定用戶在 OmniSegment 是否有 LINE UID 資訊,皆顯示彈跳式視窗
          • 有 LINE:針對在 OmniSegment 有 LINE UID 資訊的用戶顯示彈跳式視窗
          • 無 LINE:針對在 OmniSegment 沒有 LINE UID 資訊的用戶顯示彈跳式視窗
      • 會員狀態:
        • 會員等級:鎖定指定會員等級的受眾才能觸發此彈跳視窗
        • 會員標籤:鎖定貼有指定標籤的受眾才能觸發此彈跳視窗
      • 瀏覽紀錄:
        • 指定瀏覽網址:可以設定過去 X 天內 (包含當下),找到逛過 A 頁的用戶
        • 網頁訪問次數:可以設定過去 X 天內 (包含當下),找到逛過 A 頁 N 次的用戶
        限制

        指定瀏覽網址、網頁訪問次數功能僅能判斷該裝置該瀏覽器是否有瀏覽過指定頁面,無法達到跨瀏覽器、跨裝置的判斷

    • 條件設定:符合「指定會員狀態設定」的用戶,需要滿足什麼條件才能觸發此彈跳視窗
      • 觸發類型:分為四大類

        • 全站停留
        • 單頁停留
        • 瀏覽頁數
        • 事件動作(點擊商品/加入購物車/移出購物車/加入許願清單/結帳/付款/搜尋/完成註冊)
      • 觸發彈跳視窗網址:符合以上條件後,此彈窗需要在哪個網頁跳出

        • 全站:所有 OmniSement 有埋碼的頁面均可以跳出此彈窗
          • 排除指定網址:選擇「全站」的同時也可以排除特定網址,讓特定網頁不會跳出此彈窗
        • 指定網址:需要選擇「完整網址為」、「網址包含」
          • 完整網址為:如果非常明確此彈窗要在某網址跳時,即可選此類型,並輸入完整網址
            • 新增查詢參數條件:當您指定的網頁必須要在網址後面帶入「查詢參數」時,需要來指定查詢參數條件
            • 場景舉例
              • 如果您想指定您官網其中的頁面 (https://www.google.com/search?q=bebit+tech) 跳出彈窗,此時選擇「完整網址為」並輸入 https://www.google.com/search,然後新增一個查詢參數條件 q=bebit+tech 即可完成設定,如下圖。

                Screenshot 2024-03-23 at 17.07.01.png

              • 如果您指定的頁面,不會因為網址後面的查詢參數受到影響,如下面兩個網址為例,兩者均是導向同個頁面。此時您可以直接在「完整網址為」輸入 https://www.bebit-tech.com/omnisegment,不需要新增任何查詢參數的條件。這樣一來使用者透過下方任一連結進入該頁,均可以跳出此彈窗

                Screenshot 2024-03-23 at 17.12.01.png

                • https://www.bebit-tech.com/omnisegment
                • https://www.bebit-tech.com/omnisegment?utm_source=google&utm_medium=cpc&utm_campaign=all&gad_source=1&gclid=Cj0KCQjw-_mvBhDwARIsAA-Q0Q5jQnncqt4-1pH3-S71a9O-eOQbWcSKSODpGcR1HNHI2zvJKmcUVl4aAo0HEALw_wcB
              • 如果您指定了某完整網址要有的查詢參數為 A=a,表示用戶進入該網頁的網址後方一定要有 A=a 的參數,才能顯示彈窗。

                • 如果用戶點擊了該網址,該網址後方的查詢參數帶有 A=a&B=b&C=c 時,即可跳出彈窗
                • 如果用戶點擊了該網址,該網址後方的查詢參數帶有 B=b&C=c 時,即不可跳出彈窗
          • 網址包含
            • 場景舉例
              • 如果您今天想指定的網址有共通性,如下面兩個網址,前面都有 https://www.bebit-tech.com/success-cases/ ,此時您即可選擇「網址包含」並填入 https://www.bebit-tech.com/success-cases/

                Screenshot 2024-03-23 at 17.26.34.png

                • https://www.bebit-tech.com/success-cases/chatzutang
                • https://www.bebit-tech.com/success-cases/eclife
      • 以下為「觸發類型」以及「觸發彈跳視窗網址」設定後不同情境下的預期結果

        觸發類型秒數設定觸發頁設定預期行為
        全站停留0 秒全站進站後馬上跳 popup
        全站停留0 秒指定頁面(全站但又排除)進到指定頁面後馬上跳 popup
        全站停留5 秒全站在全站累積 5 秒後跳 popup
        全站停留5 秒指定頁面在全站累積 5 秒後,在一個 session 內有進到指定頁面就會跳 popup
        單頁停留0 秒全站進站後馬上跳 popup
        單頁停留0 秒指定頁面進到指定頁面後馬上跳 popup
        單頁停留5 秒全站在全站任一頁停留 5 秒後(跨頁重算),在停留的那頁跳 popup
        單頁停留5 秒指定頁面在指定的任一頁停留 5 秒後(跨頁重算),在停留的那頁跳 popup(停留那頁沒意外一定都會是指定頁)
        瀏覽頁數0 頁全站(無效,不能選擇小於 1 頁)
        瀏覽頁數0 頁指定頁面(無效,不能選擇小於 1 頁)
        瀏覽頁數5 頁全站在全站逛滿 5 頁後,馬上跳 popup
        瀏覽頁數5 頁指定頁面在全站逛滿 5 頁後,在一個 session 內有進到指定頁面就會跳 popup
        事件動作0 秒全站觸發事件動作後,馬上跳 popup
        事件動作0 秒指定頁面觸發事件動作後,在一個 session 內有進到指定頁面就會跳 popup
        事件動作5 秒全站觸發事件動作後過 5 秒(跨頁不重算)馬上跳 popup
        事件動作5 秒指定頁面觸發事件動作後過 5 秒(跨頁不重算),在一個 session 內有進到指定頁面就會跳 popup
    • A/B 版本測試設定
      • 有無顯示:將分成有顯示以及無顯示兩組用戶,各站 50%
      • 不同素材:依照不同模板進行分組,各站 (100/所選模板數量)%

商品推薦

  • 內容設定
    • 商品來源設定
      • AI 商品推薦/所有商品
      • AI 商品推薦/指定商品標籤
      • AI 商品推薦/指定商品類別
      • 熱銷排名
    • 彈窗內容設定:
      • 位置
      • 是否顯示「原始價格」、「促銷價格」、「標題」
      • 按鈕文字及顏色相關設定
    • A/B 版本測試設定
      • 有無顯示:將分成有顯示以及無顯示兩組用戶,各站 50%

遊戲化互動 (coming soon)

網頁彈跳視窗模板預覽功能

各個網頁彈跳視窗模板右上方有一個「預覽」按鈕,點擊後輸入您的網站連結,即可將您導到該網頁並跳出該彈跳視窗

網頁彈跳視窗版本「預覽」前的必填欄位
LINE 綁定模組選擇 LINE 頻道主旨內容按鈕綁定文字模板群組模板
簡易編輯器桌機版圖片
進階編輯器桌機版圖片
商品推薦(無檢查項目)
遊戲化互動 (coming soon)內容設定下的所有必填

Screenshot 2024-01-21 at 18.55.09.png

Screenshot 2024-01-21 at 18.56.17.png

預覽功能常見問題

  • 無論您設定的觸發條件為何,只要透過「預覽」按鈕導過去的網頁,一定會跳出該彈跳視窗
  • 跳出的預覽彈跳視窗將
    • 不算在該模版「每日觸發次數」
    • 不算在該組織的「發送限制」 (單日發送限制次數、不分渠道發送設定)
    • 不算在該模板「活動觸發次數」(僅遊戲化互動模板適用)

本文對您有説明嗎?