prehidingStyle

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

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

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

configure コマンドの実行時にprehidingStyle文字列を設定します。 Web SDKの設定時にこのプロパティを省略すると、ページで最初のsendEvent コマンドを実行する際に非表示になることはありません。 この値を、同期読み込みライブラリの目的のCSS セレクターと宣言ブロックに設定します。

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

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

これらの設定は、Personalization設定を使用して、Web SDK タグ拡張機能で設定できます。