Come inserire Ad Inserter nelle pagine AMP

Hai un sito web strutturato su CMS WordPress e gestisci gli annunci pubblicitari con svariati programmi e tra questi Ad Inserter, ma usi un altro Plugin per gli annunci sulle pagine AMP? Devi sapere che puoi gestire gli annunci pubblicitari sulle pagine AMP anche con Ad Inserter! Qui ti farò vedere come inserire Ad Inserter nelle pagine AMP.

Lo so, anche io prima gestivo gli annunci sulle pagine AMP con un plugin separato. Avere meno plugin installati è fondamentale se si vuole mantenere un Database leggero ed un sito scattante! Tramite il solo Ad Inserter quindi, puoi implementare i tuoi annunci AMP, inserendo le due versioni dell’annuncio, normale e AMP, anche nello lo stesso blocco! Ma vediamo subito come fare.

Come inserire Ad Insert nelle pagine AMP

Come dicevo prima, anche a me è capitato di usare Ad Inserter per gli annunci normali, ed inserire invece gli annunci per le pagine AMP tramite il plugin AMP per WP – Accelerated Mobile Pages e la sua estensione per gli annunci Ads for WP che sinceramente appesantisce paurosamente il Database. Inoltre AMP per WP crea spesso incompatibilità e problemi. Vi consiglio di installare SOLO e unicamente il plugin ufficiale AMP (Quello con 500.000 installazioni attive). Detto questo, passiamo all’azione:

Detto questo, una volta disinstallato AMP per WP e Ads for WP, ed installato AMP, ovviamente configuriamo AMP (operazione semplicissima) e poi passiamo ad inserire gli annunci nella pagine AMP, tramite il già installato Ad Inserter (Se state leggendo questo articolo è ovvio che lo avete già installato e volete sapere come inserire anche gli annunci sulle pagine AMP).

Come creare un annuncio AMP con Ad Insert

Eccoci quindi giunti al momento di creare un annuncio per le pagine AMP, usando solo ed esclusivamente Ad Inserter, in quanto su AMP (il plugin) non c’è la sezione per inserire gli annunci. Questa è una cosa che ho scoperto da poco e mi ha facilitato la vita, oltre a permettermi di liberarmi dei due plugin “ammazza database”.

Come prima cosa accedi in Ad Inserter: accedi al tuo sito internet, ed una volta nella bacheca di WordPress, recati in “impostazioni” dalla colonna di sinistra e poi clicca su “Ad Inserter“. Qui vedrai il pannello con tutti i blocchi ed i relativi codici Ads all’interno. (Se ci sono problemi di visualizzazione, disattiva Adblock, uBlock ecc).

Come creo quindi un annuncio AMP su Ad Inserter? Tutto quello che devi fare è cliccare suMisc(“Varie“, per la versione italiana, sotto al riquadro nero, accanto a List, Manual, Devices – Elenchi, Manuale, Dispositivi) e spuntareAMP pages” (Pagine AMP).

Ora, clicca su “Dispositivi” (sempre sotto il riquadro nero dove inserisci il codice) e seleziona “Rilevamento dispositivo lato server“. Qui spunta “Usare il rilevamento lato server per inserire il blocco solo in” e seleziona su quale dispositivo vuoi appaia l’annuncio.

Ad Inserter - AMP pages

Ora torna sopra, in alto a destra, e clicca sull’icona a forma di chiave inglese, quindi a sinistra sull’icona “<>“. Spostati su “Adsense“(ci sono tre tab, Banner, Adsense ed Amazon), e in Publisher ID inserisci il tuo ca-pub-xxxxxxxxxxxxxxxx (senza ca-) e in Ad slot ID il numero di 10 cifre che trovi in data-ad-slot nel tuo annuncio. Ad Type standard, size responsive e AMP Ad above the fold – sopra la piega (poi dipende dalle vostre preferenze. ovvero se si tratta di articoli in-article, a dimensione fissa ecc).

Una volta fatto questo, clicca in alto a destra sulla freccia che punta verso il basso e nel riquadro nero, sotto al vostro annuncio classico, comparirà l’annuncio AMP separato da “|amp|“. Puoi modificare l’altezza dell’annuncio, modificando “height=100“. Tutto quello sotto “|amp|” apparirà nelle pagine AMP. Salva (Save setting). Per quanto riguarda dove posizionare l’annuncio (insertion(inserimento): prima dell’articolo, footer, sopra l’intestazione ecc), e se nei post o nelle pagine, dipende dalle vostre preferenze.

Se una volta fatto questo non visualizzi ancora il tuo annuncio sulla pagina AMP, è perché ti manca il codice che attiva gli annunci AMP: vai nell’header del tuo tema, o nella sezione Header di AD Inserter (icona a forma di ingranaggio in alto a destra e poi “Header”), ed inserisci il seguente codice: "script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script" e Salva. (Sostituisci l’apice iniziale con < e quello finale con >).

Ora recati nella Pagina principale di Ad Inserter e clicca in alto a destra sull’icona a forma di ingranaggio. Qui, in “Generale“, nella prima voce “Plugin priority (Priorità del plugin)“, imposta come valore “10” invece di “99999”.

Una volta salvato il tutto (Salva impostazioni, in alto a destra), dovrai iniziare a vedere il tuo annuncio ANCHE sulle tue pagine AMP. E se volessi inserire lo stesso annuncio AMP ogni tot. paragrafi???

Come inserire lo stesso annuncio AMP ogni tot. paragrafi

Premesso che tu abbia creato una nuova unità pubblicitaria AdSense, ed abbia eseguito gli stessi passaggi visti sopra per implementare l’annuncio anche nelle pagine AMP, recati sul tuo annuncio e preparati a modificarlo per farlo apparire ogni tot. paragrafi:

Una volta cliccato sul blocco dell’annuncio desiderato (1,2,3,4 ecc), spunta “Articoli” (sotto il riquadro nero dove va inserito il codice), e in “Inserimento” scegli “Dopo il paragrafo“. Ora devi impostare ogni quanti paragrafi far apparire l’annuncio: nello spazio bianco accanto, invece di un numero, inserisci %5 se vuoi che l’annuncio compaia ogni 5 paragrafi e così via.

Ora clicca suMisc (Varie)” (in basso, sotto il riquadro nero, accanto a “Elenchi”, “Manuale” ecc), e poi su “Filtro” (in basso). Qui il %5 dovrebbe comparire automaticamente accanto a “Filtra inserimenti” (se non è così, scrivilo tu), e in “usando” seleziona “Contatore paragrafi“. Salva e vedrai il tuo annuncio ogni 5 paragrafi anche nelle pagine AMP. Questo è valido anche per gli annunci normali, separatamente, ovviamente senza impostare gli annunci AMP. Se vuoi verificare, ecco la versione AMP di questo articolo con i relativi annunci (o spazi bianchi se AdSense fa le bizze): https://www.comefareper.online/come-inserire-ad-inserter-pagine-amp-4319/?amp

Bene, ti ho fatto vedere come inserire Ad Insert nelle pagine AMP. Spero di esserti stato di aiuto, ciao e alla prossima. Per ulteriori info, ci sono svariati Tutorial su Youtube, quindi non disperare! Leggi anche: ad-inserter-come-escludere-alcune-categorie.