Il Cumulative Layout Shift può verificarsi durante il caricamento degli annunci nel contenuto del sito.
Questo può avvenire per i banner inarticle e standard.
Spesso, ciò che un utente noterà è che un annuncio inizierà a caricarsi e sposterà il contenuto nella pagina. Google ora considera questo uno dei web vitals che tiene in considerazione per i risultati di ricerca. Se il tuo sito si basa sul traffico di ricerca, probabilmente ne hai già sentito parlare.
HBAgency ha definito un file CSS globale per consentire al publisher di utilizzarlo direttamente con gli altri script dell'header. Preferiamo ospitare lo script sulla nostra CDN per rendere più semplici le operazioni di aggiornamento ma puoi anche copiare gli stili nel tuo foglio di stile.
Gli annunci forniti hanno già attributi che utilizziamo per dare uno stile ai div che contengono gli annunci. Per rendere gli annunci conformi a CLS, dobbiamo impostare un'altezza fissa sullo slot dell'annuncio stesso. Ciò significa che se stai usando dimensioni flessibili, come 300x250 e 300x600, l'altezza del contenitore che contiene l'annuncio sarà alta 600px.
Se viene servito un annuncio 300x250 in questo spazio, allora centreremo verticalmente l'annuncio.
Per rendere i tag compatibili inserisci il seguente css nel head del tuo sito
<link rel="stylesheet" href="https://hbagency.it/cdn/stylehb.css">
Se sei un publisher registrato da tempo potresti avere i div in pagina senza il relativo attributo class, riprendi i div dalla piattaforma oppure contatta il tuo account manager
Come publisher, potresti decidere di non considerare i CLS. Per farlo, rimuovi semplicemente il file CSS dal tuo sito.
Se hai ulteriori domande a riguardo, contatta il tuo account manager.