调试单页应用程序(SPA)的可视化体验编辑器(VEC)问题
本文提供了在Adobe Target中调试单页应用程序(SPA)的可视化体验编辑器(VEC)问题的最佳实践。
描述 description
环境
Adobe Target
问题/症状
适用于SPA的Adobe Target VEC利用了名为 视图(视觉元素的逻辑组，这些元素共同构成了SPA体验)的新概念。
由于SPA不依赖于页面加载时检索选件，因此存在着一些限制和先决条件：
-
SPA VEC不支持自动定位、自动个性化或推荐活动。
-
必须先在应用程序中实施
at.js 2.0+和adobe.target.triggerView()函数，然后才能使用SPA VEC。 -
初始页面加载的操作顺序如下：
加载 VisitorAPI JS»加载 at.js 2.x»执行 Target请求（预获取调用）»调用
triggerView()。
解决方法 resolution
在调试与SPA相关的VEC问题时，请确保以下各项：
-
确保为每个 视图 触发
adobe.target.triggerView()函数。 -
确保您的页面不会修剪或删除参数：
mboxEdit=1和mboxDisable=1在可视化体验编辑器中打开网站时，Target会添加两个参数（
mboxEdit=1和mboxDisable=1）。如果您的网站（特别是单页应用程序）裁切掉我们的参数，或在从一个页面导航到另一个页面（不重新加载页面）时将它们删除，则Target功能会损坏并且Target库不会加载。
-
查找控制台日志中可能显示的任何错误消息。 例如，i帧可能会阻止视图加载。 常见的错误消息是：
code language-none Uncaught DOMException: Blocked a frame with origin "https://view.customer-website.com" from accessing a cross-origin frame. at https://www.adobe.com -
检查网络日志中是否存在Target视图通知调用（具有204状态的Target通知调用）。 如果呼叫被阻止，则检查状态。
-
对于修改不再显示在VEC中，而是显示在修改面板中；并且无法从面板中删除修改的问题，请确保 视图 名称中没有尾随空格。
-
设置 视图 名称时要确保的其他详细信息包括：
- 无尾随空格。
- 不能为空。
- 对于所有页面，视图 名称应该是唯一的。
- 视图 名称不应以/开头或结尾。 这是因为通常会从URL路径中提取视图名称。 对于我们，home 和 /home 是不同的。
- 不应使用
{page: true}选项连续多次触发同一视图。