prehidingStyle
Mit der prehidingStyle Eigenschaft können Sie einen CSS-Selektor definieren, um personalisierte Inhalte bis zum Laden auszublenden. Diese Eigenschaft ist bei synchronen Web-SDK-Implementierungen hilfreich, um Flackern zu vermeiden. Adobe empfiehlt die Verwendung des Snippets zum Vorab-Ausblenden für asynchrone Web SDK-Implementierungen.
Die in dieser Eigenschaft definierten CSS-Selektoren beginnen mit dem Ausblenden von Inhalten, wenn Sie den ersten sendEvent auf einer Seite ausführen. Inhalte werden beim Empfang einer Antwort von Adobe eingeblendet, die normalerweise personalisierte Inhalte enthält. Inhalte werden auch eingeblendet, wenn der sendEvent-Befehl fehlschlägt oder eine Zeitüberschreitung auftritt.
Wenn Sie sowohl prehidingStyle als auch den Code-Ausschnitt zum Vorab-Ausblenden in Ihre Implementierung aufnehmen, hat der Code-Ausschnitt zum Vorab-Ausblenden Vorrang vor dieser Konfigurationseigenschaft.
Vorab-Ausblenden des Stils mit der Tag-Erweiterung „Web SDK"
Klicken Sie beim der Tag Erweiterung auf die Schaltfläche „Vorab-Ausblendungsstil bereitstellen.
- Melden Sie sich mit Ihren Adobe IDAnmeldeinformationen beiexperience.adobe.com) an.
- Navigieren Sie Datenerfassung > Tags.
- Wählen Sie die gewünschte Tag-Eigenschaft aus.
- Navigieren Sie zu Erweiterungen und klicken Sie dann auf Konfigurieren auf der Karte Adobe Experience Platform Web SDK.
- Scrollen Sie nach unten zum Abschnitt Personalization und klicken Sie dann auf die Schaltfläche Vorab-Ausblendstil.
- Diese Schaltfläche öffnet ein modales Fenster mit einem CSS-Editor. Fügen Sie den gewünschten CSS-Selektor- und Deklarationsblock ein und klicken Sie dann auf Speichern, um das modale Fenster zu schließen.
- Klicken unter auf „Speichern“ und veröffentlichen Sie Ihre Änderungen.
Vorab-Ausblenden des Stils mit der Web SDK JavaScript-Bibliothek
Legen Sie die prehidingStyle beim Ausführen des configure-Befehls fest. Wenn Sie diese Eigenschaft beim Konfigurieren der Web-SDK auslassen, wird beim Ausführen des ersten sendEvent auf einer Seite nichts ausgeblendet. Legen Sie diesen Wert auf den gewünschten CSS-Selektor und Deklarationsblock für synchron geladene Bibliotheken fest.
alloy("configure", {
datastreamId: "ebebf826-a01f-4458-8cec-ef61de241c93",
orgId: "ADB3LETTERSANDNUMBERS@AdobeOrg",
prehidingStyle: "#container { opacity: 0 !important }"
});