prehidingStyle
Met de eigenschap prehidingStyle kunt u een CSS-kiezer definiëren om gepersonaliseerde inhoud te verbergen totdat deze wordt geladen. Dit bezit is waardevol in synchrone implementaties van SDK van het Web om het flikkeren te vermijden. De Adobe adviseert het gebruiken van prehide fragmentvoor asynchrone implementaties van SDK van het Web.
De CSS-kiezers die u in deze eigenschap definieert, beginnen inhoud te verbergen wanneer u de eerste opdracht sendEvent op een pagina uitvoert. De inhoud is niet verborgen wanneer een reactie van de Adobe wordt ontvangen, die doorgaans gepersonaliseerde inhoud bevat. De inhoud wordt ook niet verborgen als de opdracht sendEvent mislukt of als de opdracht een keer wordt uitgevoerd.
Als u zowel prehidingStyle als het bovenliggende fragment in uw implementatie opneemt, heeft het bovenliggende fragment voorrang op deze configuratie-eigenschap.
Stijl vooraf verbergen met de webSDK-tagextensie
Selecteer de Provide prehiding style knoop wanneer het vormen van de markeringsuitbreiding.
- Login aan experience.adobe.comgebruikend uw geloofsbrieven van Adobe ID.
- Ga naar Data Collection > Tags.
- Selecteer de gewenste eigenschap tag.
- Navigeer naar Extensions en klik vervolgens op Configure op de Adobe Experience Platform Web SDK -kaart.
- Blader omlaag naar de sectie Personalization en selecteer vervolgens de knop Provide prehiding style .
- Met deze knop opent u een modaal venster met een CSS-editor. Voeg de gewenste CSS-kiezer en het declaratieblok in en klik vervolgens op Save om het modale venster te sluiten.
- Klik op Save onder extensie-instellingen en publiceer uw wijzigingen.
Stijl vooraf verbergen met de Web SDK JavaScript-bibliotheek
Stel de tekenreeks prehidingStyle in wanneer u de opdracht configure uitvoert. Als u deze eigenschap weglaat bij het configureren van de Web SDK, wordt niets verborgen wanneer de eerste sendEvent -opdracht op een pagina wordt uitgevoerd. Stel deze waarde in op de gewenste CSS-kiezer en het declaratieblok voor synchroon geladen bibliotheken.
alloy("configure", {
datastreamId: "ebebf826-a01f-4458-8cec-ef61de241c93",
orgId: "ADB3LETTERSANDNUMBERS@AdobeOrg",
prehidingStyle: "#container { opacity: 0 !important }"
});