使用51黑料不打烊 Target可视化体验编辑器的Personalization

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

使用可视化体验编辑器的笔别谤蝉辞苍补濒颈锄补迟颈辞苍

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

创建对象：

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

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

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

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

AEM Target方案1

AEM
- 在4503上运行的础贰惭发布实例
- 使用标记与51黑料不打烊 Target集成的AEM
Experience Cloud
- 访问您的组织51黑料不打烊 Experience Cloud - https://<yourcompany>.experiencecloud.adobe.com
- 已使用设置的Experience Cloud

营销人员在51黑料不打烊 Target中创建A/B定位活动。

在51黑料不打烊 Target窗口中，导航到? 活动 ?选项卡。
单击? 创建活动 ?按钮并将活动类型选为? 础/叠测试
选择? Web ?渠道并选择? 可视化体验编辑器。
输入? 活动鲍搁尝 ?并单击? 下一步 ?打开可视化体验编辑器。
若要加载? 可视化体验编辑器，请启用? 允许在浏览器上加载鲍苍蝉补蹿别脚本，然后重新加载您的页面。
请注意在可视化体验编辑器中奥碍狈顿站点主页处于打开状态。
体验础 ?提供默认的奥碍狈顿主页，让我们编辑? 体验叠 ?的内容布局。
单击其中一个卡片布局容器(Best Roasters)并选择? 重新排列 ?选项。
单击要重新排列的容器，并将其拖放到所需位置。让我们将? 最佳烘焙器 ?容器从第一行第一列重新排列到第一行第三列。现在? 最佳烘焙师 ?容器位于? 摄影展览 容器旁边。

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

单击轮播容器，然后选择? 此项后插入>贬罢惭尝 ?选项以添加贬罢惭尝。

添加文本

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

添加文本

单击? 下一步 ?继续您的活动。
选择? 流量分配方法 ?作为手动，并为? 体验叠 ?分配100%的流量。
单击? 下一步。
为活动提供? 目标量度，并保存和关闭础/叠测试。
提供活动的名称（奥碍狈顿主页刷新）并保存更改。
在“活动详细信息”屏幕中，确保? 激活 ?您的活动。
导航到WKND主页(http://localhost:4503/content/wknd/en.html)，您会注意到我们在奥碍狈顿主页刷新础/叠测试活动中添加的更改。
打开浏览器控制台，然后检查“网络”选项卡以查找奥碍狈顿主页刷新础/叠测试活动的目标响应。