prehidingStyle
La propiedad prehidingStyle le permite definir un selector de CSS para ocultar contenido personalizado hasta que se cargue. Esta propiedad es útil en implementaciones sincrónicas de SDK web para evitar parpadeos. El Adobe recomienda usar el fragmento preocultado para implementaciones asincrónicas de SDK web.
Los selectores CSS que define en esta propiedad empiezan a ocultar contenido cuando ejecuta el primer comando sendEvent en una página. El contenido se muestra cuando se recibe una respuesta del Adobe, que generalmente incluye contenido personalizado. El contenido también se muestra si el comando sendEvent falla o se agota el tiempo de espera.
Si incluye prehidingStyle y el fragmento de preocultación en la implementación, el fragmento de preocultación tiene prioridad sobre esta propiedad de configuración.
Preocultación de estilo mediante la extensión de etiqueta del SDK web
Seleccione el botón Proporcionar estilo de ocultamiento previo al configurar la extensión de la etiqueta.
- Inicie sesión en experience.adobe.com con sus credenciales de Adobe ID.
- Vaya a Recopilación de datos > Etiquetas.
- Seleccione la propiedad de etiquetas que desee.
- Vaya a Extensions y, a continuación, haga clic en Configure en la tarjeta de Adobe Experience Platform Web SDK.
- Desplácese hacia abajo hasta la sección Personalization y, a continuación, seleccione el botón Proporcionar estilo de ocultamiento previo.
- Este botón abre una ventana modal con un editor CSS. Inserte el selector CSS y el bloque de declaración deseados y luego haga clic en Guardar para cerrar la ventana modal.
- Haga clic en Guardar en la configuración de la extensión y publique los cambios.
Preocultación de estilo mediante la biblioteca de JavaScript del SDK web
Establezca la cadena prehidingStyle al ejecutar el comando configure. Si omite esta propiedad al configurar el SDK web, no se oculta nada al ejecutar el primer comando sendEvent en una página. Establezca este valor en el selector CSS y el bloque de declaración deseados para las bibliotecas cargadas sincrónicamente.
alloy("configure", {
datastreamId: "ebebf826-a01f-4458-8cec-ef61de241c93",
orgId: "ADB3LETTERSANDNUMBERS@AdobeOrg",
prehidingStyle: "#container { opacity: 0 !important }"
});