Appearance
連結按鈕(LinkButton)
這是什麼?
帶有連結的按鈕元件,可嵌入文章內文中,或設定為文章側邊的浮動按鈕,用來導引讀者前往指定頁面。
什麼時候用?
- 文章中需要放「立即投保」、「了解更多」等導流按鈕
- 文章側邊需要固定顯示一個浮動按鈕
- 需要追蹤點擊成效(搭配 utm 參數)
欄位說明
| 欄位名稱 | 必填 | 類型 | 說明 | 限制 |
|---|---|---|---|---|
| 說明 | ❌ | 長文字 | 內部識別用,不顯示於網站 | — |
| 文字 | ✅ | 文字 | 按鈕上顯示的文字 | — |
| 連結 | ✅ | 文字 | 按鈕點擊後的目標網址 | 需符合 http/https 格式 |
兩種使用方式
方式一:嵌入文章 Rich Text
在文章內文中嵌入按鈕,引導讀者在閱讀時點擊。
步驟:
- 建立連結按鈕並儲存草稿
- 到文章的 Rich Text 編輯器,在要插入的位置點擊
+ - 選擇「Embed existing entry」,搜尋並選入此連結按鈕
方式二:設定為側邊浮動連結
文章閱讀過程中固定在側邊顯示的浮動按鈕,適合放「立即投保」等主要轉換按鈕。
📌 建議在連結中加入
utm_source等追蹤參數,方便追蹤成效。
步驟:
- 建立連結按鈕,連結網址加上 utm 參數,例如:
https://example.com/?utm_source=blog&utm_medium=floating_button - 到文章的「側邊浮動連結」欄位,點擊「Add existing entry」,選入此連結按鈕
填完長這樣
⚠️ 常見錯誤
連結格式不正確 連結必須以 http:// 或 https:// 開頭,否則會儲存失敗或連結無效。
側邊浮動連結忘記加 utm 參數 側邊浮動按鈕通常是主要轉換按鈕,建議加上 utm 追蹤參數以便後續分析成效。
建立後忘記設定到文章 連結按鈕建立後,若沒有嵌入文章 Rich Text 或設定到「側邊浮動連結」欄位,不會出現在任何地方。