prehidingStyle
Die prehidingStyle -Eigenschaft können Sie einen CSS-Selektor definieren, um personalisierte Inhalte auszublenden, bis sie geladen werden. Diese Eigenschaft ist in synchronen Web SDK-Implementierungen nützlich, um Flackern zu vermeiden. Adobe empfiehlt die Verwendung der Codeausschnitt vorab ausblenden für asynchrone Web SDK-Implementierungen.
Die in dieser Eigenschaft definierten CSS-Selektoren beginnen mit dem Ausblenden von Inhalten, wenn Sie die erste sendEvent auf einer Seite. Der Inhalt wird beim Empfang einer Antwort von Adobe nicht ausgeblendet, die normalerweise personalisierte Inhalte enthält. Der Inhalt wird auch dann wieder eingeblendet, wenn die sendEvent fehlschlägt oder eine Zeitüberschreitung auftritt.
Wenn Sie beide prehidingStyle und dem Codeausschnitt zur Vorab-Ausblendung in Ihrer Implementierung hat das Codeausschnitt zur Vorab-Ausblendung Vorrang vor dieser Konfigurationseigenschaft.
Vorab Ausblenden des Stils mithilfe der Web SDK-Tag-Erweiterung
Wählen Sie die Vorab-Ausblendungsstil bereitstellen Schaltflächen beim Konfigurieren der Tag-Erweiterung.
- Anmelden bei experience.adobe.com mit Ihren Adobe ID-Anmeldedaten.
- Navigieren Sie zu Datenerfassung > Tags.
- Wählen Sie die gewünschte Tag-Eigenschaft aus.
- Navigieren Sie zu Erweiterungen Klicken Sie auf Konfigurieren auf Adobe Experience Platform Web SDK Karte.
- Scrollen Sie nach unten zum Personalisierung und wählen Sie dann die Schaltfläche Vorab-Ausblendungsstil bereitstellen.
- Diese Schaltfläche öffnet ein modales Fenster mit einem CSS-Editor. Fügen Sie den gewünschten CSS-Selektor und Deklarationsbaustein ein und klicken Sie dann auf Speichern , um das modale Fenster zu schließen.
- Klicks Speichern unter den Erweiterungsparametern und veröffentlichen Sie dann Ihre Änderungen.
Vorab Ausblenden des Stils mithilfe der Web SDK-JavaScript-Bibliothek
Legen Sie die prehidingStyle Zeichenfolge beim Ausführen der configure Befehl. Wenn Sie diese Eigenschaft beim Konfigurieren des Web SDK weglassen, wird beim Ausführen des ersten sendEvent auf einer Seite. Legen Sie diesen Wert auf den gewünschten CSS-Selektor und Deklarationsblock für synchron geladene Bibliotheken fest.
alloy("configure", {
"edgeConfigId": "ebebf826-a01f-4458-8cec-ef61de241c93",
"orgId": "ADB3LETTERSANDNUMBERS@AdobeOrg",
"prehidingStyle": "#container { opacity: 0 !important }"
});