文档

调试单页应用程序(SPA)的可视化体验编辑器(VEC)问题

Last update: Thu Mar 28 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

描述 description

环境

Adobe Target

问题/症状

Adobe Target VEC for SPA利用了称为“视图”的新概念，即视觉元素的逻辑组合，这些元素共同构成了SPA体验。

由于SPA不依赖于页面加载时检索选件，因此存在着一些限制和先决条件：

  • SPA VEC不支持自动定位、自动个性化或推荐活动。

  • at.js 2.0+ 和 adobe.target.triggerView() 函数必须在应用程序中实施，然后才能使用SPA VEC。

  • 初始页面加载的操作顺序如下：

    加载 VisitorAPI JS »加载 at.js 2.x "执行 Target请求（预取调用） ”调用 triggerView().

解决方法 resolution

在调试与SPA相关的VEC问题时，请确保以下各项：

  1. 确保 adobe.target.triggerView() 函数为每个视图触发。

  2. 确保页面不会修剪或删除参数： mboxEdit=1 和 mboxDisable=1

    • 在可视化体验编辑器中打开网站时，Target 会添加两个参数（mboxEdit=1 和 mboxDisable=1）。
    • 如果您的网站（特别是单页应用程序）裁切掉我们的参数，或在从一个页面导航到另一个页面（不重新加载页面）时将它们删除，则Target功能会损坏并且Target库不会加载。

  3. 查找控制台日志中可能显示的任何错误消息。 例如，i帧可能会阻止视图加载。 常见的错误消息是：

    code language-none 
    Uncaught DOMException: Blocked a frame with origin "https://view.ceros.com" from accessing a cross-origin frame.

at https://view.ceros.com/hitachi-vantara/hitachi-vantara-x-t-systems?heightOverride=4696&mobileHeightOverride=9696:610:38

  4. 检查网络日志中是否存在Target视图通知调用（具有204状态的Target通知调用）。 如果呼叫被阻止，则检查状态。

  5. 对于修改不再显示在VEC中，而是显示在修改面板中，并且您无法从面板中删除修改的问题 — 请确保视图名称中没有尾随空格。

  6. 设置视图名称时要确保的其他详细信息包括：

    • 无尾随空格。
    • 不能为空。
    • 所有页面的视图名称应该都是唯一的。
    • 视图名称不应以开头或结尾 /. 这是因为客户通常会从URL路径中提取视图名称。 对我们来说， home 和 /home 是不一样的。
    • 同一视图不应通过连续触发多次 {page: true} 选项。
recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f