Come aggiungere un annuncio a piè di pagina appiccicoso in Wordpress?

In questo articolo, ti mostrerò come aggiungere un annuncio a piè di pagina appiccicoso in basso al tuo sito Web Wordpress.

Gli annunci persistenti in Adsense hanno un rendimento migliore per i proprietari di siti poiché aumentano le possibilità di clic sugli annunci su questo tipo di annunci. quindi, la percentuale di clic, l'impressione e le entrate complessive migliorano.

In effetti, molti grandi siti Web e case editrici di notizie utilizzano questi annunci appiccicosi a piè di pagina per aumentare le entrate di Adsense.

Quindi, capiamo cosa sono gli annunci persistenti, esempi di annunci persistenti e come puoi implementarli sul tuo sito Web Wordpress.

Che cos'è un annuncio persistente?

Come suggerisce il nome, gli annunci appiccicosi sono annunci che rimangono in una determinata posizione sul sito Web nonostante gli utenti scorrano la pagina . In questo modo, gli annunci appiccicosi ottengono una migliore visibilità e attirano l'attenzione dei visitatori.

Puoi anche ottenere la maggior parte dell'impressione dell'annuncio in questo annuncio persistente. Esiste già una funzionalità di annunci persistenti nelle impostazioni degli annunci automatici di Adsense chiamata " Annunci di ancoraggio ".

Ma non possiamo personalizzarlo e visualizzare gli annunci secondo la nostra scelta. Ecco perché in questo articolo ti mostrerò il modo più semplice per aggiungere annunci a piè di pagina appiccicosi in Wordpress .

Alcune persone li hanno anche chiamati annunci permanenti o annunci fluttuanti .

Gli utenti possono facilmente ignorare l'annuncio mostrato facendo clic sul pulsante a croce sopra l'annuncio. In questo modo otterrai più guadagni senza ostacolare più di tanto l'esperienza dell'utente.

Qui, una cosa da notare è che non utilizzare elementi cliccabili sopra questi annunci e devono essere separati dal resto del contenuto. Puoi controllare le linee guida di Adsense sugli annunci persistenti qui.

Linee guida Adsense per annunci persistenti

• Non sovraccaricare la tua pagina con gli annunci. Devi assicurarti che tutti gli annunci, inclusi gli annunci persistenti, richiedano meno della quantità di contenuto sullo schermo visibile o sul viewport.
• Gli annunci permanenti verticali non devono mai sovrapporsi o sovrapporsi ad altri contenuti della pagina.
• L'annuncio non deve mai avvicinarsi troppo al contenuto, alle funzioni di navigazione del sito (incluse le barre di scorrimento) o a un altro annuncio.
• Qualsiasi implementazione dell'annuncio deve fornire una chiara differenziazione tra annuncio e contenuto.
• Le unità pubblicitarie permanenti orizzontali non possono allontanarsi dai bordi della finestra o seguire il cursore.
• Le unità pubblicitarie permanenti orizzontali non possono allontanarsi dai bordi della finestra o seguire il cursore.
• gli annunci a piè di pagina non devono coprire più del 30% dello schermo di computer, tablet o dispositivi mobili.

Passaggi per aggiungere un annuncio a piè di pagina appiccicoso in Wordpress

Per aggiungere l'annuncio adesivo in basso in Wordpress, segui i passaggi seguenti

Passaggio 1 : accedi alla dashboard di Adsense e crea un'unità pubblicitaria display reattiva.

Passaggio 2 : ora copia il file ID editore e codice spazio pubblicitario dati e sostituirlo nel codice sottostante.

 <div class='sticky-ads'> <div class='sticky-ads-close'><svg viewbox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div> <div class='sticky-ads-content'> <ins class="adsbygoogle" data-ad-client="ca-pub-xxxxxxxxxxxxx" data-ad-slot="xxxxxxxxx"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></div> <style> .sticky-ads{ position: fixed; bottom: 0; left: 0; width: 100%; min-height: 70px; max-height: 200px; padding: 5px 0; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1); -webkit-transition: all .1s ease-in; transition: all .1s ease-in; display: flex; align-items: center; justify-content: center; background-color: #fefefe; z-index: 20; }.sticky-ads-close { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 12px 0 0; position: absolute; right: 0; top: -30px; background-color: #fefefe; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08); } .sticky-ads .sticky-ads-close svg { width: 22px; height: 22px; fill: #000; } .sticky-ads .sticky-ads-content { overflow: hidden; display: block; position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left: 10px;</style>

Passaggio 3 : ora vai a Aspetto > editor di temi > Footer.php file e cerca il tag </body>.

Passaggio 4 : incolla il codice appena sopra e aggiorna il file.

Ora gli annunci a piè di pagina appiccicosi verranno mostrati sul tuo sito Web Wordpress. Puoi provare ad aprire la pagina web in modalità di navigazione in incognito se funziona o meno.

Risolvi i problemi relativi agli annunci persistenti

Se il codice non funziona correttamente, è necessario verificare se i plug-in di memorizzazione nella cache come WP-Rocket o LiteSpeed ​​​​cache ecc. Causano questo problema. In alcuni casi, le impostazioni Rimuovi CSS o javascript inutilizzati causano questo tipo di problema, impedendo il caricamento del codice nel front-end.

Puoi provare a disattivare temporaneamente il plugin, svuotare la cache e controllare in modalità di navigazione in incognito. Ti consiglio anche di aggiungere il codice nella sezione dell'intestazione del tuo sito web. Inoltre, in alcuni casi, potresti visualizzare un annuncio vuoto. A volte si verifica se il tasso di riempimento dell'annuncio è basso. Ciò significa che se non ci sono annunci sufficienti da visualizzare dal lato AdSense, l'area annuncio verrà visualizzata vuota. Prova ad aprire una vecchia pagina popolare in cui ricevi la maggior parte del traffico e controlla se l'annuncio viene visualizzato o meno.

Oppure puoi utilizzare questo codice di annunci permanenti alternativo sul tuo sito web. (fammi sapere se funziona o meno)

Videoguida

Se non desideri modificare il codice del tema, puoi utilizzare un plug-in di gestione del codice che ti consente di aggiungere codici nella sezione dell'intestazione e del piè di pagina.

Per questo, preferisco utilizzare il plug-in " Header Footer Code Manager " di "99robots". È un plugin gratuito per la gestione del codice in Wordpress.

puoi anche impostare regole di visualizzazione su questo codice, come mostrare solo su desktop o dispositivo mobile, caricare solo sulla home page o sulla pagina del post, ecc.

Se stai utilizzando la versione Pro del tema Kadence, puoi incollare il codice nella sezione "Script di intestazione/piè di pagina" nel personalizzatore.

Puoi abilitare questa funzione andando su Aspetto > kadence .

A proposito, il tema Kadence include molte funzionalità uniche e puoi personalizzare facilmente il tuo sito Web Wordpress.

Ecco alcuni dei tutorial sui temi Kadence [ Video ], che potrebbero interessarti:

Come nascondere questo annuncio a piè di pagina appiccicoso sulla home page?

Puoi nascondere l'annuncio a piè di pagina appiccicoso dalla home page del tuo sito Web Wordpress bloccando il caricamento del codice dell'annuncio.

Quindi, per questo, puoi utilizzare un plug-in di gestione del codice menzionato sopra o un plug-in di gestione di Adsense come Adinserter sul tuo sito web.

Qui, incolla il codice in uno qualsiasi dei blocchi e impostalo solo sulla pagina Post oppure puoi controllare più opzioni qui.

Ora imposta la posizione sul piè di pagina e mantieni l'allineamento al centro come mostrato nell'immagine sopra.

Ora salva il codice e l'annuncio a piè di pagina appiccicoso verrà visualizzato solo nella pagina Post e non verrà caricato su altre pagine. Quindi, in questo modo puoi personalizzare ulteriormente il caricamento del codice dell'annuncio.

Nota: se i tuoi annunci non vengono pubblicati correttamente o vengono visualizzati su pagine molto limitate, ti consiglio di utilizzare il codice nella sezione dell'intestazione anziché nel piè di pagina. Inoltre, non utilizzare troppi annunci in una singola pagina web.

Conclusione

Spero che tu abbia aggiunto con successo gli annunci a piè di pagina appiccicosi al tuo sito Web Wordpress. In caso di problemi durante questo processo o dubbi, non esitare a chiedermelo nella sezione commenti.

Inoltre, dimmi se l'annuncio persistente migliora o meno la percentuale di clic (CTR).

Non dimenticare di iscriverti al nostro canale YouTube per altri tutorial come questo.