Anzeige getrennt von interaktiven Elementen
Die deutliche optische Trennung von Banneranzeigen und interaktiven App-Elementen trägt dazu bei, Nutzerinnen und Nutzer nicht zu verwirren und versehentliche Klicks zu vermeiden. Aufgrund der begrenzten Bildschirmgröße von Mobilgeräten ist es dabei besonders wichtig, einen gewissen Abstand zwischen den Anzeigen und anklickbaren Elementen einzuhalten. Sie können die Banneranzeige beispielsweise durch einen nicht anklickbaren Rahmen oder ein anderes Trennelement vom eigentlichen App-Content abgrenzen. Die Implementierungsbeispiele zeigen, wie Banneranzeigen vom interaktiven Content abgetrennt werden können, etwa mithilfe benutzerdefinierter Navigationsschaltflächen.
Beispiel ansehenAm oberen Rand der App
Am unteren Rand der App
Anzeige durch einen Rahmen vom App-Inhalt getrennt
Banneranzeigen, die beim Scrollen auf dem Bildschirm bleiben, können am oberen oder unteren Rand des Bildschirms platziert werden, solange ein entsprechender Rahmen bzw. ausreichender Abstand vom App-Content vorhanden ist, insbesondere zu Navigationselementen wie z. B. Menüleisten. Falls Sie einen Rahmen verwenden, sollte dieser nicht anklickbar sein. Sehen Sie sich die Implementierungsbeispiele für eine Banneranzeige am oberen oder unteren Rand der App an, bei denen die Anzeige durch einen Rahmen deutlich vom App-Content bzw. von benutzerdefinierten Navigations- und Menüschaltflächen abgetrennt ist.
Beispiel ansehenAm oberen Rand der App
Am unteren Rand der App
Mit benutzerdefinierten Navigationsschaltflächen
Banneranzeigen einen festen Platz zuweisen
Es kann sein, dass Banneranzeigen erst geladen werden, wenn der App-Content bereits auf dem Bildschirm zu sehen ist. Diese Verzögerung führt möglicherweise dazu, dass die Anzeige den App-Content überlagert. Dadurch können Nutzerinnen und Nutzer versehentlich auf die Anzeige statt auf den eigentlichen App-Content klicken. Sie sollten Banneranzeigen daher einen festen Platz zuweisen, damit an dieser Stelle kein App-Content lädt.
Beispiel ansehenAdaptive Banner implementieren, die sich an die Größe des Gerätebildschirms anpassen
Adaptive Banner sind Anzeigenblöcke, in denen Anzeigen immer in der optimalen Größe für das jeweilige Gerät und die gewählte Ausrichtung ausgeliefert werden. Dazu werden bei adaptiven Bannern feste Seitenverhältnisse anstatt fester Höhen verwendet. Die präsentierten Banneranzeigen nehmen also unabhängig von Bildschirmgröße und Gerät immer einen vergleichbaren Teil des Bildschirms ein.
Weitere Informationen zu adaptiven Bannern für Android und iOS finden Sie in den verlinkten Leitfäden.
Hinweis: Sie können auch Smart-Banner verwenden. Diese setzen aber eine feste Höhe voraus und passen sich nur in der Breite an den jeweiligen Bildschirm an. Weitere Informationen finden Sie auf Google Developers.
Beispiel ansehen