[集成]{class="badge positive"}

使用可视化体验编辑器的Personalization

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

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

在本章中，我们将探讨如何通过在Target中拖放、交换和修改网页的布局和内容，使用 可视化体验编辑器 创建体验。

方案概述

WKND站点主页以卡片布局的形式显示本地活动或城市周围的最佳做法。作为营销人员，您已被分配通过重新排列卡片布局来修改主页的任务，以便查看它对用户参与度和推动转化有何影响。

在本练习中，需要以下用户参与，要执行某些任务，您可能需要管理权限。

AEM Target方案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 的内容布局。
单击其中一个卡片布局容器(Best Roasters)并选择 重新排列 选项。
单击要重新排列的容器，并将其拖放到所需位置。让我们将 最佳烘焙器 容器从第一行第一列重新排列到第一行第三列。现在 最佳烘焙师 容器位于 摄影展览 容器旁边。

交换后
同样，重新排列其他卡容器的位置。
我们还要在轮盘组件下方和卡片布局上方添加标题文本。

单击轮播容器，然后选择 此项后插入>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测试活动的目标响应。