`prehidingStyle`

Last update: Tue Jul 23 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主题：

创建对象：

开发人员

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

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

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

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

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

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

使用Web SDK JavaScript库预隐藏样式

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

alloy("configure", {
  datastreamId: "ebebf826-a01f-4458-8cec-ef61de241c93",
  orgId: "ADB3LETTERSANDNUMBERS@AdobeOrg",
  prehidingStyle: "#container { opacity: 0 !important }"
});

recommendation-more-help

ad108910-6329-42f1-aa1d-5920a2b13636