使用可視化體驗撰寫器進行個人化

在本章中,我們將探討如何使用​可視化體驗撰寫器​來建立體驗,方法是從Target內拖放、切換及修改網頁的版面和內容。

藍本概述

WKND網站首頁以卡片配置形式顯示城市周圍的本地活動或最佳活動。 身為行銷人員,您已獲派修改首頁的工作,方法是重新排列卡片配置,以了解它如何影響使用者參與並促進轉換。

相關使用者

在本練習中,需要涉及以下用戶,並執行一些可能需要管理訪問權限的任務。

  • 內容製作者/內容編輯器 (Adobe Experience Manager)
  • 行銷人員 (Adobe Target/最佳化團隊)

WKND站點首頁

AEM Target案例1

必備條件

行銷人員活動

  1. 行銷人員在Adobe Target內建立A/B目標活動。

    1. 從Adobe Target視窗,導覽至​Activities​標籤。

    2. 按一下「建立活動​」按鈕,然後選取活動類型為 A/B測試​

      Adobe Target — 建立活動

    3. 選取​Web​通道,然後選擇​可視化體驗撰寫器

    4. 輸入​活動URL​並按一下​下一步​以開啟可視化體驗撰寫器。

      Adobe Target — 建立活動

    5. 若要載入​可視化體驗撰寫器,請啟用在瀏覽器上允許載入不安全指令碼​並重新載入您的頁面。

      體驗鎖定目標活動

    6. 請注意WKND網站首頁已在可視化體驗撰寫器編輯器中開啟。

      VEC

    7. 驗A提供預設的WKND首頁,讓我們編輯體驗B的內 容配置

      體驗 B

    8. 按一下其中一個卡佈局容器(Best Roasters),然後選擇​Rearware​選項。

      容器選擇

    9. 按一下您要重新排列的容器,並將其拖放至所需位置。 讓我們將​最佳烘焙器​容器從第1行第1列重新排列到第1行第3列。 現在,最佳烘焙器​容器將位於​攝影展容器旁。

      容器交換

      交換後
      交換的容器

    10. 同樣地,重新排列其他卡片容器的位置。

    交換的容器
    11. 我們也會在轉盤元件下方和卡片版面上方新增標題文字。
    12. 按一下轉盤容器,然後選取​Inset After > HTML​選項以新增HTML。

    新增文字

    <h1 style="text-align:center">Check Out the Hot Spots in Town</h1>
    

    新增文字
    13. 按一下​Next​以繼續您的活動。
    14. 選擇​流量分配方法​作為手動,並將100%流量分配給​體驗B

    體驗B流量
    15. 按一下​下一步
    16. 為活動提供​目標量度​並儲存及關閉A/B測試。

    A/B測試目標量度
    17. 為活動提供名稱(WKND首頁刷新)並保存更改。
    18. 在「活動詳細資訊」畫面中,確定​啟動​您的活動。

    啟動活動
    19. 導覽至WKND首頁(http://localhost:4503/content/wknd/en.html),您就會注意到我們新增至WKND首頁重新整理A/B測試活動的變更。

    已刷新WKND首頁
    20. 開啟瀏覽器主控台,並檢查網路標籤,以尋找WKND首頁重新整理A/B測試活動的目標回應。

    網路活動

摘要

在本章中,行銷人員可以透過拖放、切換及修改網頁的版面與內容,使用可視化體驗撰寫器來建立體驗,而不需變更要執行測試的任何代碼。

本頁內容