prehidingStyle

prehidingStyle属性允许您定义CSS选择器以隐藏个性化内容,直到加载为止。 此属性在同步Web SDK实施中非常有用,可避免闪烁。 Adobe建议对异步Web SDK实现使用预隐藏代码片段

在页面上运行第一个sendEvent命令时,您在此属性中定义的CSS选择器会开始隐藏内容。 当收到来自Adobe的响应时(通常包括个性化内容),内容不会隐藏。 如果sendEvent命令失败或超时,内容也会取消隐藏。

如果在实施中同时包含prehidingStyle和预隐藏代码片段,则预隐藏代码片段的优先级将高于此配置属性。

使用Web SDK标记扩展的预隐藏样式

配置标记扩展时,选择​ 提供预隐藏样式 ​按钮。

  1. 使用您的Adobe ID凭据登录experience.adobe.com
  2. 导航到​ 数据收集 > 标记
  3. 选择所需的标记属性。
  4. 导航到​ 扩展,然后单击Adobe Experience Platform Web SDK卡片上的​ 配置
  5. 向下滚动到Personalization部分,然后选择按钮​ 提供预隐藏样式
  6. 此按钮将打开一个带有CSS编辑器的模式窗口。 插入所需的CSS选择器和声明块,然后单击​ 保存 ​以关闭模式窗口。
  7. 单击扩展设置下的​ 保存,然后发布更改。

使用Web SDK JavaScript库预隐藏样式

运行configure命令时设置prehidingStyle字符串。 如果在配置Web SDK时省略此属性,则在页面上运行第一个sendEvent命令时不会隐藏任何内容。 将此值设置为同步加载的库所需的CSS选择器和声明块。

alloy("configure", {
  "edgeConfigId": "ebebf826-a01f-4458-8cec-ef61de241c93",
  "orgId": "ADB3LETTERSANDNUMBERS@AdobeOrg",
  "prehidingStyle": "#container { opacity: 0 !important }"
});
recommendation-more-help
ad108910-6329-42f1-aa1d-5920a2b13636