Domande frequenti (FAQ) – Lazy Loading, Infinite Scroll e Single Page Apps (SPA)

Questo post è stato aggiornato di recente il 14 settembre 2021

Il caricamento lento è dove un articolo o una pagina ha numerosi elementi, forse parti di elenchi, immagini o sottosezioni di articoli, e mentre l'utente scorre verso il basso, gli elementi non vengono effettivamente scaricati finché l'utente non si trova nelle vicinanze della pagina.

Lo scorrimento infinito si verifica quando l'utente si avvicina alla fine di un articolo e un altro articolo o parte di contenuto che potrebbe piacere all'utente viene immediatamente aggiunto alla pagina in modo che l'utente possa continuare a godersi il sito con il minimo sforzo.

Le app a pagina singola (SPA) sono quelle in cui l'utente fa clic su un elemento della pagina e invece di aggiornare l'intera pagina, vengono aggiornate solo le parti della pagina che cambiano (di solito il contenuto centrale). Ciò si traduce spesso in un'esperienza del sito web significativamente più veloce, ma alcuni motori di ricerca hanno problemi nell'indicizzare questo contenuto.

Queste tre tecniche sono spesso combinate per creare esperienze web fluide e molto veloci.

Come faccio a sapere se Lazy/Infinite/SPA è adatto a me?

Prima di tutto, dovresti avere uno sviluppatore regolare nel tuo team per eseguire correttamente queste strategie. Ci sono una manciata di plugin wordpress che possono offrire tale funzionalità, ma abbiamo spesso riscontrato che la loro esperienza utente è molto scarsa. Se non hai uno sviluppatore, queste tecniche avanzate saranno molto difficili da implementare correttamente.

In secondo luogo, è necessario considerare che gli inserzionisti acquistano annunci in base a un ciclo di feedback. Quando inizi a passare a lazy/infinite, la maggior parte dei publisher registra un calo immediato dell'RPM della sessione. Questo perché le loro unità tradizionali, in particolare quelle più in basso nella pagina, hanno una visibilità molto inferiore. Il rendimento dell'annuncio viene imputato al nuovo spazio pubblicitario pigro/infinito. Il ciclo di feedback richiede tempo affinché gli inserzionisti si adeguino. Abbiamo visto che ci vogliono 4-8 settimane prima che gli editori inizino a raggiungere il pareggio. Se non hai questa quantità di tempo nel tuo ciclo di entrate da investire, non dovresti testare il caricamento lento.

In terzo luogo, alcuni editori fanno molto affidamento sulla ricerca organica o sulla copertura sociale organica. Molti indicizzatori dei principali motori di ricerca e social network hanno difficoltà a indicizzare contenuti pigri/infiniti/SPA. Per alcuni editori, questo significa che il passaggio a lazy/infinite/SPA può ridurre il traffico organico. Detto questo, Google e Facebook sono abbastanza abili nell'indicizzare correttamente lazy/infinite/SPA se implementati in modo pulito con i principali framework javascript. D'altra parte, Google e Facebook includono pesantemente la velocità di caricamento della pagina nei loro algoritmi di copertura organica e accelerare drasticamente la tua pagina può comportare un aumento significativo del traffico organico. Quindi fai attenzione: se la tua copertura organica subisce un calo dopo il passaggio, dovresti considerare seriamente di tornare alle configurazioni tradizionali.

Lazy/infinite/SPA aumenta le entrate?

L'idea generale su lazy/infinite/SPA è che l'utente riceve annunci/contenuti solo quando è vicino ad esso. Ciò aumenta drasticamente la visibilità e il coinvolgimento con tali annunci, ma riduce il numero di impressioni dell'annuncio. La maggior parte degli inserzionisti paga un premio sproporzionato per una maggiore visibilità. Le statistiche del settore mostrano che il raddoppio della visibilità di un'unità di visibilità dal 35-40% al 70-80% si traduce in un aumento delle entrate di 2,4 volte. Questo è un altro motivo per cui gli editori cercano di utilizzare lazy/infinite/SPA.

Con SPA, posso aggiornare gli annunci quando l'utente accede a un nuovo contenuto?

Ovviamente se gli annunci sono all'interno del contenuto e l'intero riquadro del contenuto viene caricato, vorrai che gli annunci vengano attivati ​​correttamente. Per quanto riguarda la pagina, si tratta di annunci completamente nuovi. Se disponi di annunci della barra laterale che non cambiano con SPA, dovresti aggiornarli solo se sono stati visualizzati. Altrimenti, stai solo danneggiando le tue statistiche di visibilità. Puoi contattare il tuo specialista delle operazioni pubblicitarie per assistenza nella configurazione di questi aggiornamenti delle impressioni visualizzate.

Quando devo caricare lazy/infinite e quanto contenuto devo caricare?

Quando il viewport dell'utente scende a circa un viewport dalla parte inferiore della pagina, dovresti iniziare a caricare il contenuto con scorrimento lento o infinito. Non aspettare fino a quando l'utente arriva fino in fondo alla pagina, altrimenti avrai un'esperienza utente molto scarsa poiché attendono costantemente il caricamento del contenuto. Invece di aspettare, molti se ne vanno.

La quantità di contenuto che dovrebbe essere caricata con scorrimento infinito dipende dalle visualizzazioni di pagina medie per sessione. Se i tuoi utenti registrano regolarmente una media di 10 visualizzazioni di pagina, dovresti considerare di caricare fino a un massimo di 10 articoli su una visualizzazione di pagina (ovviamente caricandoli singolarmente). Successivamente, mostra un elenco di opzioni in cui l'utente deve effettivamente fare clic. È importante limitare i contenuti per pagina poiché ci sono molti robot online che consumano tonnellate di risorse del server semplicemente scorrendo fino a quando non arrivano in fondo a una pagina e se il tuo scorrimento infinito è davvero infinito, lo farai sprecare molte risorse su tali carichi.

Quanti annunci possiamo caricare su una singola pagina con lazy/infinite/SPA?

Abbiamo riscontrato che alcuni editori diventano molto aggressivi con il numero di annunci caricati per pagina. Il caricamento lento e lo scorrimento infinito non sono una scusa per pubblicare annunci illimitati su una pagina. Gli editori che superano determinati confini vedono una riduzione della copertura sui social e sui motori di ricerca. Abbiamo confermato che il caricamento di 75 unità su una pagina viola le linee guida dei social network più diffusi, riducendo drasticamente la copertura social dell'editore.

Per i dispositivi mobili, dovrebbe esserci sempre e solo una singola unità sullo schermo; mai due unità pubblicitarie in un determinato momento. Le unità di ancoraggio sono l'eccezione a questo, sebbene alcune piattaforme social riducano la portata per l'utilizzo di ancore. In altre parole, includi un annuncio, quindi inserisci il contenuto di un'altezza a schermo intero e quindi puoi includere un altro annuncio.

Posso utilizzare gli stessi tag, unità pubblicitarie o PID delle offerte di intestazione per suddividere il test pigro/infinito/SPA rispetto alle impostazioni tradizionali?

No. In questo modo, gli inserzionisti non possono distinguere tra i due segmenti di spazio pubblicitario. Le impressioni dell'annuncio su un'esperienza pubblicitaria pigra/infinita in genere hanno una visibilità e un CTR significativamente più elevati perché è molto più probabile che vengano visualizzate (non vengono caricate fino a quando l'utente non è vicino). Senza offrire agli inserzionisti la possibilità di differenziare l'inventario, gli editori vedranno guadagni di entrate limitati o trascurabili. Questo è il motivo per cui devi avere tag annuncio diversi, unità pubblicitarie diverse e PID di offerte di intestazione diverse se esegui il test o esegui la transizione a lazy/infinite/SPA.

Perché le mie visualizzazioni di pagina sono diminuite con lazy/infinite/SPA?

La maggior parte delle piattaforme di analisi non conta i caricamenti pigri/infiniti/SPA come una nuova visualizzazione di pagina a meno che tu non abbia sviluppato il codice per attivare specificamente tale evento. Il risultato è il crollo delle visualizzazioni di pagina. Invece, dovresti prestare attenzione alle sessioni e all'RPM della sessione come KPI principale.

Con quale velocità le aste di header bidding possono attivarsi e riattivarsi con lazy/infinite/SPA?

Alcuni offerenti non supportano richieste simultanee, quindi le aste in genere non vengono attivate contemporaneamente. Inoltre, le richieste eccessive comportano una limitazione della tariffa interna da parte degli offerenti. Fondamentalmente smetteranno di inviare richieste di offerta ai loro DSP e ad altri partner pubblicitari. Inoltre, effettuare ripetutamente numerose richieste di offerte di intestazione aumenta la latenza e peggiora l'esperienza utente per l'utente. Per questi motivi, abbiamo un minimo rigido di 10 secondi tra le aste e raramente lo spostiamo sotto i 30 secondi.

Va inoltre notato che alcune origini della domanda sono semplicemente incompatibili con più richieste di offerta attivate sulla stessa visualizzazione di pagina. Se il loro codice non genera un errore, risponde con un'offerta nulla o zero. Facciamo la richiesta iniziale e non facciamo richieste successive per questi offerenti.

Per questi motivi, le configurazioni lazy/infinite/SPA avranno spesso 2-6 serie di PID di offerte di intestazione per la stessa identica unità pubblicitaria, in modo che possano essere utilizzate in unità comparative e analoghe lungo la pagina senza la necessità di ripetere un'asta.

Come posso implementare gli annunci con lazy/infinite/SPA e PubGuru/MonetizeMore?

Innanzitutto, incorpora la tua configurazione nella pagina come di consueto:

 <script src="https://m2d.m2.ai/path-to-config.js" type="text/javascript" async></script>

Quindi, i tuoi div pubblicitari dovrebbero fare correttamente riferimento non per ID div, ma invece per data-gpt-parent.

 <div class="pg-lazy" data-gpt-parent="leaderboard"></div>

<div class="pg-lazy" data-gpt-parent="right-rail"></div>

<div class="pg-lazy" data-gpt-parent="in-content"></div>

Il data-gpt-parent deve corrispondere a qualsiasi unità nella configurazione in base al codice dell'area annuncio o dell'unità pubblicitaria (con o senza il codice di rete GAM). Ciò significa che se hai un'unità di "/1234567890/atf-leaderboard" e il div id (slot) è "atf-lb" nella configurazione, puoi utilizzare uno dei seguenti valori per il tuo data-gpt-parent:

• /1234567890/classifica-atf
• classifica atf
• atf-lb

Assicurati solo che i codici unità o i div id (slot) siano univoci nel file config. Man mano che l'utente scorre o cambia pagina con lazy/infinite/SPA, puoi continuare a fare riferimento alle stesse unità div e il nostro codice si occuperà del resto. Nel codice di esempio sopra, se l'editore ha 5 copie dell'unità "in-content", il nostro codice erediterà le impostazioni da quell'unità per ciascuna di quelle copie.

Per ulteriore supporto in merito a PubGuru Header Bidding caricamento lento e configurazioni di scorrimento infinite, registrati per un account professionale su MonetizeMore oggi stesso!

Ultimo aggiornamento: 24 ottobre 2019