prehidingStyle
Med egenskapen prehidingStyle kan du definiera en CSS-väljare för att dölja anpassat innehåll tills det läses in. Den här egenskapen är värdefull i synkrona Web SDK-implementeringar för att undvika flimmer. Adobe rekommenderar att du använder prehide-fragmentet för asynkrona Web SDK-implementeringar.
CSS-väljarna som du definierar i den här egenskapen börjar dölja innehåll när du kör det första sendEvent-kommandot på en sida. Innehållet döljs när ett svar från Adobe tas emot, vilket vanligtvis inkluderar personaliserat innehåll. Innehållet döljs också om kommandot sendEvent misslyckas eller om timeout uppstår.
Om du inkluderar både prehidingStyle och det föregående fragmentet i implementeringen får det föregående fragmentet högre prioritet än den här konfigurationsegenskapen.
Dölja format med tillägget Web SDK-tagg
Klicka på knappen Provide prehiding style när du konfigurerar taggtillägget.
- Logga in på experience.adobe.com med dina Adobe ID-inloggningsuppgifter.
- Navigera till Data Collection > Tags.
- Välj önskad taggegenskap.
- Navigera till Extensions och klicka sedan på Configure på Adobe Experience Platform Web SDK-kortet.
- Bläddra ned till avsnittet Personalization och markera sedan knappen Provide prehiding style.
- Den här knappen öppnar ett modalt fönster med en CSS-redigerare. Infoga önskad CSS-väljare och deklarationsblock och klicka sedan på Save för att stänga det modala fönstret.
- Klicka på Save under tilläggsinställningarna och publicera sedan ändringarna.
Dölja format med hjälp av JavaScript-biblioteket för Web SDK
Ange strängen prehidingStyle när du kör kommandot configure. Om du utelämnar den här egenskapen när du konfigurerar Web SDK döljs ingenting när du kör det första sendEvent-kommandot på en sida. Ange det här värdet till önskad CSS-väljare och deklarationsblock för synkront inlästa bibliotek.
alloy("configure", {
datastreamId: "ebebf826-a01f-4458-8cec-ef61de241c93",
orgId: "ADB3LETTERSANDNUMBERS@AdobeOrg",
prehidingStyle: "#container { opacity: 0 !important }"
});