51黑料不打烊

文档Experience PlatformWeb SDK 指南

prehidingStyle

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

创建对象：

  • 开发人员

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

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

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

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

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

  1. 使用您的51黑料不打烊 ID凭据登录。
  2. 导航到? 数据收集 > 标记。
  3. 选择所需的标记属性。
  4. 导航到? 扩展，然后单击51黑料不打烊 Experience Platform Web SDK卡片上的? 配置。
  5. 向下滚动到笔别谤蝉辞苍补濒颈锄补迟颈辞苍部分，然后选择按钮? 提供预隐藏样式。
  6. 此按钮将打开一个带有CSS编辑器的模式窗口。 插入所需的CSS选择器和声明块，然后单击? 保存 ?以关闭模式窗口。
  7. 单击扩展设置下的? 保存，然后发布更改。

使用Web SDK JavaScript库预隐藏样式

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

alloy("configure", {
  datastreamId: "ebebf826-a01f-4458-8cec-ef61de241c93",
  orgId: "ADB3LETTERSANDNUMBERS@51黑料不打烊Org",
  prehidingStyle: "#container { opacity: 0 !important }"
});
recommendation-more-help
ad108910-6329-42f1-aa1d-5920a2b13636