Skip to content

系統介紹

PageHub 是 Whale 提供的可視化頁面搭建作業工具,方便運營人員、投放人員通過組件拖拽的配置方式,自行搭建行銷相關頁面 (H5 web page),無需技術開發,配置完成後即可發佈上線。

頁面管理

菜單入口:運營系統 > PageHub

本作業可以管理維護透過 PageHub 制作出來的頁面,頁面功能說明如下:

區域

輸入框/按鈕/字段

功能說明

圖示

功能區

搜索框

輸入標題、頁面地址、序號和篩選發布狀態進行搜索

新建頁面

點擊新建頁面

列表

序號

頁面序號

標題

頁面標題,當配置好自定義頁面後點擊打開頭部標題欄展示的名字

發佈狀態

  • 未發佈:該狀態下頁面為草稿狀態,需要點擊發佈才會生效
  • 已發佈:頁面點擊發佈按鈕並發佈成功後則為該狀態,該狀態頁面直接生效
  • 發佈失敗:當前頁面點擊發佈按鈕但是由於種種原因失敗

頁面地址

展示鏈接以及二維碼兩種鏈接形態,可複製當前鏈接直接打開預覽,也可掃描二維碼預覽

創建人

創建該頁面的操作人名稱

最後發佈時間

最新一次發佈更新的時間

操作

  • 編輯:點擊打開編輯當前頁面
  • 複製:點擊複製當前頁面內容創建並打開新頁面
  • 刪除:刪除當前頁面(謹慎使用)

頁面組件

組件樹/物料庫:組件樹木展示當前頁面中已經配置的組件列表,點擊對應組件名稱可進行編輯配置。物料庫為所有可配置的組件類型,點擊/拖拽對應組件類型會自動添加至預覽頁面中。

導航頭:可以設置導航背景色、Logo 點擊跳轉後的鏈接、導航右側可操作的功能。

圖片:支持上傳圖片和圖片地址,沒有大小限制。

熱區:

  • 鏈接分享效果:用戶點擊後會複製分享鏈接到剪貼版中
  • 海報分享效果:用戶點擊後按所配置圖片生成一張海報,可以下載保存以海報形式分享出去
  • 面對面分享效果:用戶點擊後按所配置圖片生成打開二維碼,可截圖或者直接掃碼進行分享。
  • 開戶:點擊後跳轉開戶頁面
  • 入金:點擊後跳轉入金頁面
  • 轉倉:點擊後跳轉轉倉頁面
  • 跳轉鏈接:點擊後可自定義跳轉到配置鏈接地址頁面
  • 開戶 - 入金 - 鏈接:用戶未開戶跳轉開戶,已開戶跳轉入金,入金完成後直接對轉所配置的鏈接頁面。
💡

單個熱區可以添加配置多個熱區點擊事件。

按鈕組:

  1. 按鈕點擊事件支持配置:

鏈接分享效果:用戶點擊後會複製分享鏈接到剪貼版中

  • 海報分享效果:用戶點擊後按所配置圖片生成一張海報,可以下載保存以海報形式分享出去
  • 面對面分享效果:用戶點擊後按所配置圖片生成打開二維碼,可截圖或者直接掃碼進行分享。
  • 開戶:點擊後跳轉開戶頁面
  • 入金:點擊後跳轉入金頁面
  • 轉倉:點擊後跳轉轉倉頁面
  • 跳轉鏈接:點擊後可自定義跳轉到配置鏈接地址頁面
  • 開戶 - 入金 - 鏈接:用戶未開戶跳轉開戶,已開戶跳轉入金,入金完成後直接對轉所配置的鏈接頁面。
  1. 文件鏈接配置 如果按鈕需要附帶超鏈,例如協議文本等等,可以在此設置文案以及跳轉鏈接
  2. 其他配置

是否懸浮固定底部:勾選後則用戶滾動屏幕時,按鈕始終展示在頁面底部

組件背景顏色:可設置按鈕外的組件背景顏色。

間隔區:調節不同組件間高度

我的戰績:

助力得獎:

組件快捷操作:預覽區組件支持上下移動,複製和刪除。

頁面配置

頁面配置區域參數有:多語言設置,適用區域,活動配置,UI 配置,鏈接參數,分享設置。如下圖:

  • 多語言設置:可配置當前頁面需要支持的語种與頁面標題,也支持快捷切換。

  • 適用區域設置:可配置能打開當前頁面的 IP 區域有哪些。分為不限制、僅支持區域、不支持區域三種類型可選。

    • 不限制:則表示任何地區 IP 均可訪問該頁面
    • 僅支持區域:僅限制所配置的地區 IP 可訪問該頁面
    • 不支持區域:僅限制所配置的地區 IP 不可訪問該頁面
  • 活動配置:可配置當前頁面是否需要登錄後才可訪問

    • 不需要登錄:則用戶不需要登錄賬號即可訪問頁面
    • 通用登錄頁:則用戶需要在通用登錄頁面中進行登錄後才可訪問頁面
  • UI 配置:頁面的背景顏色配置

  • 鏈接參數配置:鏈接渠道號配置,若為了統計數據需要區分渠道來源的話可以配置專屬渠道號。否則可以不填。

  • 分享配置頁面分享功能的配置

    • 鏈接分享模式:即點擊分享時直接複製鏈接或者當前鏈接形式直接分享,可配置分享鏈接時自帶的分享標題以及分享描述。分享鏈接可單獨配置,不配置則默認分享當前頁面的鏈接,若配置後則分享時將分享配置之後的頁面鏈接。分享縮略圖即當分享鏈接至微信或者其他需要縮略圖展示的平台時,可展示當前配置的縮略圖。
    • 面對面分享模式:即點擊分享時直接彈出自帶二維碼的圖片,可截圖分享或者當面掃碼打開對應頁面。需配置二維碼彈窗背景圖片。
    • 海報分享模式:即點擊分享時彈出一張海報,可截圖分享或者直接分享海報,可配置分享海報時自帶的分享標題以及分享描述。需配置海報圖片。