AMP staat voor Accelerated Mobile Pages. Misschien heb je het voorbij zien komen, maar wat is AMP nou eigenlijk precies? Een AMP-pagina is een uitgeklede versie van een originele pagina om de laadtijden van een pagina te bevorderen. Deze pagina’s worden op een mobiele apparaat getoond en zijn geoptimaliseerd om zo snel mogelijk te laden.

Adsense in WordPress AMP-pagina's

Google AMP

Google toont sinds enkele maanden deze Accelerated Mobile Pages in de mobiele zoekresultaten. De zoekgigant geeft AMP-pagina’s een prominente plek in de zoekresultaten. Als website eigenaar moet je eigenlijk wel mee met de tijd om beter gevonden te worden in de zoekresultaten.

AMP-Plugin

WordPress heeft voor haar gebruikers een speciale AMP-plugin ontwikkeld. Wanneer deze plugin geactiveerd is hebben alle berichten op je site een dynamisch genereerde AMP versie. De AMP-versie is bereikbaar door het toevoegen van /amp/ aan het einde van je bericht URL. Bijvoorbeeld als je bericht URL https://www.techmania.nl/24581/adsense-in-wordpress-amp-paginas/ is kan je de AMP-versie benaderen via https://www.techmania.nl/24581/adsense-in-wordpress-amp-paginas/amp/.

Adsense in WordPress AMP-pagina’s

Een AMP-pagina is dus een uitgeklede versie van je originele pagina. Zo worden JavaScripts en Adsense advertenties niet meer weergegeven. Dit betekent echter niet dat je geen Adsense meer kunt gebruiken. Volg de onderstaande stappen om Adsense in WordPress AMP-pagina’s te tonen.

Stap 1: Download en activeer de AMP-plugin voor WordPress.

Stap 2: Open je FTP applicatie (bijvoorbeeld FileZilla) en login op je server/website. Navigeer nu naar /wp-content/plugins/amp/templates en download single.php.

Stap 3: Open single.php en kopieer de onderstaande Adsense-code.

<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-XXXXXXXXXXXXXX"
data-ad-slot="XXXXXXXXXXX">
</amp-ad>

Bij de XXXXXXXXXXX dien je de Adsense Publisher ID en Ad Slot ID van je zelf in te voeren.

Stap 4: Om een advertentie boven je content te tonen plak je de Adsense-code onder <div class=”amp-wp-article-content”>

Stap 5: Je kan ook een tweede advertentie in de footer plaatsen. Plak je Adsense-code boven <?php do_action( ‘amp_post_template_footer’, $this ); ?>

Stap 6: Sla het bestand op en upload het naar je website. That’s it!

Geef een reactie