prehidingStyle
A propriedade prehidingStyle permite definir um seletor de CSS para ocultar conteúdo personalizado até que ele seja carregado. Essa propriedade é importante em implementações síncronas do SDK da Web para evitar oscilação. A Adobe recomenda usar o trecho pré-ocultação para implementações assíncronas do SDK da Web.
Os seletores de CSS definidos nesta propriedade começam a ocultar o conteúdo quando você executa o primeiro comando sendEvent em uma página. O conteúdo não fica oculto quando uma resposta do Adobe é recebida, o que normalmente inclui conteúdo personalizado. O conteúdo também não fica oculto se o comando sendEvent falhar ou atingir o tempo limite.
Se você incluir prehidingStyle e o trecho pré-ocultação na implementação, o trecho pré-ocultação terá prioridade sobre essa propriedade de configuração.
Estilo pré-ocultado usando a extensão de tag do SDK da Web
Selecione o botão Fornecer estilo pré-ocultação ao configurar a extensão de marca.
- Faça logon em experience.adobe.com usando suas credenciais da Adobe ID.
- Navegue até Coleção de dados > Marcas.
- Selecione a propriedade de tag desejada.
- Navegue até Extensões e clique em Configurar no cartão Adobe Experience Platform Web SDK.
- Role para baixo até a seção Personalization e selecione o botão Fornecer estilo pré-ocultação.
- Esse botão abre uma janela modal com um editor CSS. Insira o seletor de CSS desejado e o bloco de declaração, em seguida, clique em Salvar para fechar a janela modal.
- Clique em Salvar nas configurações de extensão e publique suas alterações.
Estilo pré-ocultado usando a biblioteca JavaScript do SDK da Web
Defina a cadeia de caracteres prehidingStyle ao executar o comando configure. Se você omitir essa propriedade ao configurar o SDK da Web, nada ficará oculto ao executar o primeiro comando sendEvent em uma página. Defina esse valor com o seletor de CSS desejado e o bloco de declaração para bibliotecas carregadas de forma síncrona.
alloy("configure", {
datastreamId: "ebebf826-a01f-4458-8cec-ef61de241c93",
orgId: "ADB3LETTERSANDNUMBERS@AdobeOrg",
prehidingStyle: "#container { opacity: 0 !important }"
});