Um Google AMP kommt man aktuell kaum noch rum, wenn man nach möglichkeiten sucht, mobilen Seiten-Besuchern die Webseite möglichst schnell bereitzustellen. Auf WordPress ist das ganze auch schnell mit dem Offiziellen AMP Plugin eingerichtet und aktiviert. Nachdem man die Seite auf die eigenen Bedürfnisse angepasst hat, kommt irgendwann die Frage, wie man nun die Automatischen Anzeigen von Google Adsense auf der Seite einrichten kann. Das will ich dir hier zeigen.
Anleitung: AdSense Automatische Anzeigen auf WordPress AMP Seiten einrichten
Um auf deiner WordPress Webseite die AdSense Auto-Ads einzurichten, kannst du mit einer kleinen Funktion deine functions.php so modifizieren, dass AdSense Automatische Anzeigen auf deiner AMP-Webseite platziert.
AdSense Code anzeigen
Zuerst musst du deinen AdSense Code kopieren. Logge dich in dein AdSense Konto ein, klicke auf “Anzeigen” und dann auf die kleine AMP-Schaltfläche unterhalb des Bildes.
AdSense Code kopieren
Falls noch nicht geschehen, aktiviere oben den Schieberegler um automatische Anzeigen auf AMP-Seiten platzieren zu lassen. Kopiere dann die beiden Code-Bausteine entweder in ein Textdokument oder lasse die Seite einfach offen. Den Code brauchen wir gleich.
functions.php öffnen
Logge dich nun in deinen WordPress Admin-Bereich ein und bearbeite die functions.php deines Child-Themes.
Tipp: Du solltest unbedingt ein Child-Theme verwenden, da die functions.php sont ggf. beim Update überschrieben wird.
AdSense Code mit Funktion einfügen
Das ganze funktioniert übrigens nicht mit dem AMP for WP plugin, nur mit dem Offiziellen Plugin des AMP Project.
Nun musst du deinen AdSense Code einfach am Ende der functions.php deiner WordPress Webseite hinzufügen. Je nach dem, in welchem Modus du das AMP-Plugin betriebs, benötigst du anderen Code:
Code für Standard / Übergangsmodus
function add_adsense_to_body() {
if ( function_exists( 'is_amp_endpoint' ) && is_amp_endpoint()) {
echo '<amp-auto-ads type="adsense" data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"></amp-auto-ads>';
}
}
add_action( 'wp_body_open', 'add_adsense_to_body' );Code-Sprache: PHP (php)Tipp: Damit der Code funktioniert, musst du mindesten WordPress Version 5.2 einsetzen und dein Theme die Funktion wp_body_open() unterstützen. Sollte der Code bei dir keine Auswirkung haben, kannst versuchen dein Theme zu aktualisieren.
Code für Lesemodus / Classic-Modus
add_action('amp_post_template_footer','adsense_amp_footer');
function adsense_amp_footer($amp_template) {
?>
<amp-auto-ads type="adsense"
data-ad-client="ca-pub-XXXXXXXXXXXXXXXX">
</amp-auto-ads>
<?php
}Code-Sprache: PHP (php)Tipp: Du musst die AMP-Komponente “amp-auto-ads”, wie im ersten Code-Snippet für den head von Google angegeben, nicht laden. Das Plugin AMP macht das automatisch, sobald Code gefunden wurde, der eine Komponente benötigt.
AdSense Code überprüfen
Um sicher zu gehen, kannst du nun einfach eine AMP-Seite deiner Webseite öffnen und die Entwicklerwerkzeuge des Browser öffnen (F12 für Windows). Hier sollte, innerhalb des Body-Tags, dein Code eingefügt sein.
Fazit
Das wars schon, geb der sache eine Stunde Zeit und die Automatischen AdSense anzeigen sollten auf deinen AMP-Seiten erscheinen.
Hat bei dir auch alles geklappt? Ich würde mich sehr über dein Feedback freuen!