Nelle ultime settimane AdSense Lab, il reparto sperimentale della nota piattaforma di advertising Google AdSense, ha lanciato una nuova funzionalità sperimentale, chiamata Annunci Automatici AMP: si tratta di una famiglia di formati che consentono di monetizzare in modo nuovo le pagine AMP. Una volta attivati, Google AdSense inserirà automaticamente gli annunci di testo e display all'interno delle pagine AMP sfruttando gli spazi disponibili.
Nel remoto e improbabile caso in cui non abbiate idea di cosa sia una pagina AMP e/o non abbiate mai sentito parlare del progetto AMP, fatevi una cultura dando un'occhiata a questo sito.
La funzionalità è attualmente in beta e disponibile soltanto mediante l'attivazione del servizio AdSense Lab ed ha queste ulteriori caratteristiche:
- Al momento sono supportati solo gli annunci di testo, display e di ancoraggio.
- Gli annunci automatici AMP prevedono la pubblicazione di un numero di annunci adeguato alla quantità di contenuti sulla pagina, tenendo conto di eventuali <amp-ad> codificati in forma rigida preesistenti.Gli annunci automatici AMP per il momento verranno visualizzati solo dagli utenti di dispositivi mobili. Accedi al tuo sito da dispositivo mobile per visualizzarne gli annunci automatici AMP.
Per maggiori informazioni è possibile consultare questa pagina dedicata sul sito Google AdSense.
Il codice di inserimento degli annunci automatici AMP
Se vi siete imbattuti in questa pagina è probabile che abbiate ricevuto l'invito a partecipare al programma Labs ma non sappiate come fare per installare gli annunci sul vostro blog. Il codice per inserire questa nuova e sperimenale tipologia di annunci è infatti un pò diverso dal solito e si compone di due elementi, che vanno necessariamente inseriti all'interno di altrettanti punti precisi della pagina: vediamoli in dettaglio.
All'interno del tag <HEAD>
|
1 2 3 4 5 6 7 8 9 |
<head> <script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"> </script> <title>La mia pagina AMP</title> ... |
Immediatamente dopo il tag <BODY>
|
1 2 3 4 5 6 7 8 9 10 |
</head> <body> <amp-auto-ads type="adsense" data-ad-client="ca-pub-123456789123456"> </amp-auto-ads> ... </body> |
Sulla base di questa conclusione, la domanda nasce spontanea: come possiamo fare per far capire a WordPress se la pagina attualmente in esecuzione è AMP oppure no?
Come inserire il codice AdSense su WordPress
Fortunatamente, il plugin AMP per WordPress (che è necessario installare per gestire le pagine AMP) prevede, all'interno delle proprie funzioni helper, il metodo is_amp_endpoint() , che consente di recuperare esattamente questa informazione.
E' quindi sufficiente modificare il file header.php del proprio tema WordPress (o child theme, preferibilmente) e implementare i due snippet HTML AMP nel seguente modo:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
[...] <?php if (function_exists('is_amp_endpoint') && is_amp_endpoint()) { ?> <script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"></script> <?php } ?> </head> <body <?php body_class(); ?>> <?php if (function_exists('is_amp_endpoint') && is_amp_endpoint()) { ?> <amp-auto-ads type="adsense" data-ad-client="ca-pub-XXXXXXXXXXXX"></amp-auto-ads> <?php } ?> [...] |
Inutile dire che dovrete sostituire ca-pub-XXXXXXXXXXXX con il codice della vostra unità pubblicitaria.
Per il momento è tutto... felice implementazione!
