[整合]{class="badge positive"}

使用視覺化體驗撰寫器的Personalization

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

[AEM Sites 6.5]{class="badge informative"}

在本章中，我們將透過拖放、交換及修改Target中的網頁版面與內容，探索使用 視覺化體驗撰寫器 建立體驗。

案例概述

WKND網站首頁會以卡片版面配置的形式，顯示當地活動或城市周圍的最佳做法。身為行銷人員，您已被指派透過重新排列卡片版面配置來修改首頁的任務，以檢視它如何影響使用者參與並促進轉換。

AEM目標案例1

AEM
- 在4503上執行的AEM發佈執行個體
- 使用標籤與Adobe Target整合的AEM
Experience Cloud
- 存取您的組織Adobe Experience Cloud - https://<yourcompany>.experiencecloud.adobe.com
- 已布建Adobe Target的Experience Cloud

行銷人員會在Adobe Target中建立A/B目標活動。

從您的Adobe Target視窗，導覽至活動標籤。
按一下 建立活動 按鈕，然後選取活動型別為 A/B測試
選取 Web 通道，然後選擇 視覺化體驗撰寫器。
輸入 活動URL 並按一下[下一步] 以開啟視覺化體驗撰寫器。
若要載入 視覺化體驗撰寫器，請啟用 允許載入瀏覽器上的Unsafe指令碼，然後重新載入您的頁面。
請注意，WKND網站首頁會在視覺化體驗撰寫器編輯器中開啟。
體驗A 提供預設的WKND首頁，讓我們編輯 體驗B 的內容配置。
按一下其中一個卡片版面配置容器（最佳燒錄機），然後選取 重新排列 選項。
按一下您要重新排列的容器，並將其拖放至所需的位置。讓我們將 最佳烘焙師 容器從第1列第1欄重新排列到第1列第3欄。現在 最佳燒烤師 容器位於 攝影展覽 容器旁。

交換後
同樣地，重新排列其他卡片容器的位置。
我們也要在轉盤元件下方、卡片版面配置上方新增標題文字。

按一下轉盤容器，然後選取 在後面插入>HTML 選項以新增HTML。

新增文字

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

新增文字

按一下[下一步] 繼續您的活動。
選取 流量分配方法 作為手動，並為 體驗B 分配100%流量。
按一下「下一步」。
提供活動的 目標量度，並儲存及關閉A/B測試。
提供活動的名稱（WKND首頁重新整理）並儲存變更。
在[活動詳細資料]畫面中，確定啟動您的活動。
導覽至WKND首頁(http://localhost:4503/content/wknd/en.html)，您會注意到我們新增至WKND首頁重新整理A/B測試活動的變更。
開啟瀏覽器主控台，然後檢查網路索引標籤，尋找WKND首頁重新整理A/B測試活動的目標回應。