[Beta]{class="badge informative" title="此功能目前在有限測試版中提供"}
登陸頁面
登入頁面是獨立的網頁,您可以在聯絡人和客戶點按電子郵件、簡訊或任何數位位置中的連結專案後,指引他們。 您可以將這些頁面合併到您的帳戶歷程中,讓您的潛在客戶和客戶在網頁上檢視您的訊息,並在您的帳戶歷程中前進。 您可以在登入頁面視覺設計空間中建立、個人化和預覽登入頁面。
若要在客戶點選特定連結時,將他們導向至已定義的網頁,請在Journey Optimizer B2B edition中建立登陸頁面。
- 建立頁面
- 設計登入頁面及編寫內容
- 測試頁面
- 發佈頁面
- 從您的歷程內容連結至頁面
例如,您可以建立並設計登入頁面,將使用者導向至線上資訊。 頁面可能包含他們可以選擇加入或選擇退出接收您通訊的表單。 或者,也可以是訂閱電子報等週期性通訊的良機。
您可以在視覺設計空間中建立、個人化和預覽登入頁面。
存取及管理登入頁面
若要存取Adobe Journey Optimizer B2B edition中的登入頁面,請前往左側導覽並按一下 內容管理 > 登入頁面。 此動作會開啟一個清單頁面,其中包含在表格中列出的執行個體中建立的所有登陸頁面。
表格是依 已修改 欄排序,最近更新的專案預設會排在頂端。 按一下欄標題,在升序和降序之間變更。
篩選登入頁面清單
若要依名稱搜尋登入頁面,請在搜尋列中輸入文字字串以尋找相符專案。 按一下 篩選器 圖示(
自訂欄顯示
按一下右上角的 自訂表格 圖示(
在對話方塊中,選取要顯示的資料行,然後按一下 套用。
登陸頁面狀態和生命週期
登入頁面狀態會決定其是否可用於您的電子郵件和簡訊內容中的連結,以及您可以對其進行的變更。
建立登入頁面時,其狀態為草稿。 當您定義或編輯視覺內容時,它會保持此狀態,直到您將其發佈為託管頁面為止。 可用的動作:
- 編輯名稱或說明
- 編輯連結網址
- 在視覺設計空間編輯
- 發佈
- 重複
- 刪除
當您發佈登入頁面時,此頁面託管於Journey Optimizer B2B edition例項,且可在電子郵件或簡訊內容中用於連結。 可用的動作:
- 編輯名稱或說明
- 編輯連結網址
- 在電子郵件或簡訊內容中新增連結
- 建立草稿版本
- 重複
- 刪除
當您從已發佈的登陸頁面建立草稿時,已發佈的版本會保留,而且草稿內容可以在視覺設計空間中進行修改。 如果您發佈草稿版本,草稿版本會取代目前發佈的版本,且託管頁面中的內容會更新。 可用的動作:
- 編輯名稱或說明
- 編輯連結網址
- 在電子郵件或簡訊內容中新增連結
- 在視覺化設計空間中編輯草稿版本
- 發佈草稿版本
- 重複
- 刪除(刪除兩個版本)
- 捨棄草稿(返回已發佈狀態)
建立登陸頁面
您可以按一下右上角的「建立登陸頁面」,在Journey Optimizer B2B edition中新增登陸頁面。
-
在 建立登陸頁面 對話方塊中,輸入有用的 名稱 和 描述 (選擇性)。
登陸頁面需求:
-
名稱 — 最多100個字元,必須是唯一的、不區分大小寫
-
說明 — 最多300個字元
-
允許使用Alpha、數值和特殊字元
-
保留的字元是 不允許:
\ / : * ? " < > |
{width="400"}
-
-
如有需要,而且如果有多個已設定的子網域,請變更 子網域 以用於登陸頁面。
-
按一下 建立。
建立您的主要登陸頁面 首頁會開啟,並提供多個建立頁面的選項: 從頭開始設計、匯入HTML,或使用已儲存的範本。
{width="800" modal="regular"}
選取您要用來開始登陸頁面設計的方法之後,請使用視覺設計空間設計頁面。
從頭開始設計
使用視覺內容編輯器來定義登入頁面內容的結構。 透過使用簡單的拖放動作新增和移動結構元件,您可以在數秒內設計頁面內容的形狀。
-
從 建立您的主要登陸頁面 首頁,選取 從頭開始設計 選項。
-
新增結構和內容至頁面。
匯入HTML
Adobe Journey Optimizer B2B edition可讓您匯入現有的HTML內容,以設計您的登入頁面。
匯入的內容可以是:
-
包含內建樣式表的HTML檔案
-
包含HTML檔案、樣式表(.css)和影像的.zip檔案
note note NOTE .zip檔案結構沒有限制。 不過,參照必須是相對參照,而且符合.zip資料夾的樹狀結構。 影像會一律上傳至連線的Marketo Engage資產存放庫。 如果您想要在Experience Manager Assets中管理影像檔案,請在該應用程式介面中分別上傳這些檔案,並在電子郵件設計工具中變更影像連結。
若要匯入包含HTML內容的檔案:
-
從 設計您的範本 首頁,選取 匯入HTML 選項。
-
拖放包含HTML內容的HTML或.zip檔案,然後按一下 匯入。
<table>標籤做為第一個圖層可能會造成樣式遺失,包括上層圖層標籤中的背景和寬度設定。您可以視需要利用視覺化設計空間個人化匯入的內容。
選取已儲存的範本
您可以選擇以下選項:
-
範例範本。 Journey Optimizer介面提供一系列現成的登陸頁面範本,供您選擇。
-
儲存的範本。 使用貴組織成員使用 範本 功能表建立的已儲存自訂範本
使用 選取設計範本 區段來開始從範本建立您的內容。 您可以使用範例範本或儲存的Journey Optimizer B2B edition例項自訂登陸頁面範本。
在 建立您的主要登陸頁面 首頁上,預設會選取 範例範本 索引標籤。 若要使用自訂範本,請選取 儲存的範本 索引標籤。
所有已儲存的登入頁面範本清單隨即顯示。 您可以依 名稱、上次修改時間 和 上次建立時間 來排序它們。
從清單中選取您想要的範本。
選取後,這會顯示範本的預覽。 在預覽模式中,您可以使用向右和向左箭頭,在單一類別的所有範本(範例或已儲存,視您的選擇而定)之間導覽。
當顯示符合您要使用的內容時,請按一下預覽視窗右上角的 使用此範本。
此動作會將內容複製到視覺化設計空間,以便您視需要編輯內容。
Adobe Journey Optimizer B2B edition提供一系列 立即可用的 登入頁面範本,可讓您建立自己的登入頁面和登入頁面範本。
編輯登入頁面
對登入頁面的編輯取決於其目前狀態:
- 當登入頁面處於 草稿 狀態時,您可以編輯其任何詳細資料、URL和視覺內容。
- 當登入頁面處於 已發佈 狀態時,您可以編輯說明,但不能編輯名稱。 若要變更視覺內容,您必須建立頁面的草稿版本。
- 當登入頁面處於 以草稿 狀態發佈時,編輯詳細資料僅限於說明。 您也可以編輯草稿版本的視覺內容。
-
從 登入頁面 清單頁面,按一下登入頁面名稱以開啟。
接著會顯示視覺內容的預覽,登陸頁面的詳細資訊位於右側。
-
修改任何詳細資訊,例如名稱和說明。
{width="700" modal="regular"}
-
若要變更視覺化設計空間中的內容,請按一下 編輯登陸頁面。
視需要使用視覺化設計工具:
-
按一下「儲存」,或「儲存並關閉」以返回登陸頁面的詳細資料。
-
當頁面符合您的條件且您想要可供顯示時,請按一下 發佈。
-
從 登陸頁面 清單頁面,按一下頁面名稱以開啟。
接著會顯示視覺內容的預覽,登陸頁面的詳細資訊位於右側。
-
視需要修改說明。
針對已發佈的登陸頁面,無法變更所有其他詳細資料。
-
若要更新內容,請按一下右側的 編輯登陸頁面。
在對話方塊中按一下 建立草稿版本,在視覺化設計空間開啟草稿版本。
{width="300"}
視需要使用視覺化設計工具:
-
按一下「儲存」,或「儲存並關閉」以返回登陸頁面的詳細資料。
-
當草稿登入頁面符合您的條件,而您想要讓變更可在已發佈的頁面上使用時,請按一下 發佈。
當您發佈草稿版本時,它會取代目前發佈的版本,並更新頁面URL的內容。
開啟登入頁面時,預設會顯示草稿版本。 預覽空間頂端的索引標籤可讓您在已發佈版本和草稿版本之間切換顯示。 草稿動作和詳細資訊會顯示在右側。
若要更新內容:
-
按一下右上方的 編輯登陸頁面。 視需要使用視覺化設計工具:
-
按一下「儲存」,或「儲存並關閉」以返回登陸頁面的詳細資料。
-
當草稿頁面符合您的條件且您想要讓變更可用時,請按一下[發佈]。
當您發佈草稿版本時,草稿版本會取代目前發佈的版本,而託管頁面中的內容會更新。
檢查警報
當您設計登入頁面內容時,關鍵設定遺失時,警示會顯示在介面(右上方)中。
如果沒有看見此按鈕,表示沒有偵測到的問題。
可偵測到兩種型別的警報:
-
警告 參考建議與最佳實務的警告,例如:
-
Placeholder links are present in the landing page body:別忘了以有效連結取代預留位置。 -
Text version of HTML is empty:別忘了定義頁面內文的文字版本,當HTML內容無法顯示時會使用此版本。 -
Empty link is present in page body:檢查頁面中的所有連結是否正確。
-
-
錯誤 會阻止您測試或啟用歷程/行銷活動,只要這些錯誤尚未解決,例如:
The landing page content is empty:頁面內容是必要的。
複製登陸頁面
您可以使用下列其中一種方法來複製登入頁面:
- 從 登陸頁面 清單頁面,按一下登陸頁面名稱旁的 更多 圖示(…),然後選擇 複製。
- 在登入頁面詳細資訊頁面的右上方,按一下 …更多 並選擇 複製。
在對話方塊中,輸入有用的名稱(唯一)和說明(選擇性)。 按一下 複製 以完成動作。
然後,重複的(新)頁面會出現在 登陸頁面 清單中。
刪除登陸頁面
您可以使用下列其中一種方法來刪除登入頁面:
- 從 登陸頁面 清單頁面,按一下登陸頁面名稱旁的 更多 圖示(…),然後選擇 刪除。
- 在登入頁面詳細資訊頁面的右上方,按一下 …更多 並選擇 刪除。
此動作會開啟確認對話方塊。 您可以按一下 取消,或按一下 刪除 確認刪除,以中止程式。
連結至登入頁面
作為建立電子郵件、片段和頁面內容的行銷人員或Designer,您可以內嵌連結至在Journey Optimizer B2B edition例項中建立的已發佈(即時)登陸頁面。
-
當您在片段、電子郵件、登入頁面或範本的視覺設計空間工作時,請為連結選取文字片段、按鈕元件或影像元件。
連結 選項會顯示在右側面板中。
-
針對 Type 選項,請選擇 登陸頁面。
登陸頁面的
{width="700" modal="regular"}
-
針對 登陸頁面 選項,按一下 選取頁面 圖示(
)。 -
在「選取登陸頁面」對話方塊中,將 登陸頁面來源 設定為 Journey Optimizer B2B edition,從已發佈頁面的清單中選取登陸頁面的核取方塊,然後按一下「選取 」。
登陸頁面的
{width="600" modal="regular"}
-
針對 Target 選項,選擇連結目標行為:
- 無 — 使用瀏覽器預設行為開啟連結。
- 空白 — 在新視窗或索引標籤中開啟連結。
- Self — 在相同框架中開啟連結。
- 父系 — 在父框架中開啟連結。
- 前 — 在視窗的整個內文中開啟連結。
-
(僅限文字連結)如果要將連結的文字加底線,請選取 加底線連結 核取方塊。
您可以選取右側面板中的 樣式 索引標籤,為連結文字設定其他樣式,包括連結顏色。