prehidingStyle
La proprietà prehidingStyle ti consente di definire un selettore CSS per nascondere il contenuto personalizzato fino al caricamento. Questa proprietà è utile nelle implementazioni sincrone dell’SDK web per evitare sfarfallii. L'Adobe consiglia di utilizzare il frammento di pre-hiding per le implementazioni asincrone di Web SDK.
I selettori CSS definiti in questa proprietà iniziano a nascondere il contenuto quando si esegue il primo comando sendEvent su una pagina. Il contenuto viene reso visibile quando viene ricevuta una risposta da un Adobe, che in genere include contenuti personalizzati. Il contenuto è visibile anche se il comando sendEvent non riesce o si interrompe.
Se si includono sia prehidingStyle che il frammento pre-hiding nell'implementazione, il frammento pre-hiding ha la priorità rispetto a questa proprietà di configurazione.
Prehiding dello stile tramite l’estensione tag Web SDK
Selezionare il pulsante Fornisci stile di pre-hiding durante la configurazione dell'estensione tag.
- Accedi a experience.adobe.com utilizzando le credenziali Adobe ID.
- Passa a Raccolta dati > Tag.
- Seleziona la proprietà tag desiderata.
- Passa a Estensioni, quindi fai clic su Configura nella scheda Adobe Experience Platform Web SDK.
- Scorri verso il basso fino alla sezione Personalization, quindi seleziona il pulsante Fornisci stile di pre-hiding.
- Questo pulsante apre una finestra modale con un editor CSS. Inserisci il selettore CSS e il blocco di dichiarazione desiderati, quindi fai clic su Salva per chiudere la finestra modale.
- Fai clic su Salva in Impostazioni estensione, quindi pubblica le modifiche.
Prehiding dello stile tramite la libreria JavaScript dell'SDK Web
Impostare la stringa prehidingStyle durante l'esecuzione del comando configure. Se si omette questa proprietà durante la configurazione dell'SDK Web, non verrà nascosto nulla durante l'esecuzione del primo comando sendEvent su una pagina. Imposta questo valore sul selettore CSS e sul blocco di dichiarazione desiderati per le librerie caricate in modo sincrono.
alloy("configure", {
"edgeConfigId": "ebebf826-a01f-4458-8cec-ef61de241c93",
"orgId": "ADB3LETTERSANDNUMBERS@AdobeOrg",
"prehidingStyle": "#container { opacity: 0 !important }"
});