prehidingStyle

The prehidingStyle プロパティを使用すると、読み込まれるまでパーソナライズされたコンテンツを非表示にする CSS セレクターを定義できます。 このプロパティは、同期 Web SDK 実装でちらつきを回避するために役立ちます。 Adobeは、 スニペットを非表示にする 非同期 Web SDK 実装用。

このプロパティで定義する CSS セレクターは、最初の sendEvent 」コマンドを使用して、ページ上で設定できます。 通常、パーソナライズされたコンテンツを含む、Adobeからの応答を受け取ると、コンテンツは非表示になります。 コンテンツも非表示にしない場合は、 sendEvent コマンドが失敗するか、タイムアウトします。

次の両方を含める場合、 prehidingStyle 実装内の事前非表示スニペットも、この設定プロパティよりも事前非表示スニペットの方が優先されます。

Web SDK タグ拡張機能を使用したスタイルの事前非表示

を選択します。 事前非表示のスタイルを提供 ボタンを押す タグ拡張の設定.

Web SDK JavaScript ライブラリを使用したスタイルの事前非表示

を設定します。 prehidingStyle 文字列（実行時） configure コマンドを使用します。 Web SDK を設定する際にこのプロパティを省略した場合、最初の sendEvent 」コマンドを使用して、ページ上で設定できます。 同期的に読み込まれたライブラリに対して、この値を目的の CSS セレクターと宣言ブロックに設定します。

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