Anzeigen für das Google Mobile Ads SDK entwickeln

Wenn Sie das Google Mobile Ads SDK nutzen möchten, müssen Sie die App-ID, die Anzeigenblock-IDs und die Anzeigengrößen an Ihren Entwickler weitergeben.

App-IDs für mobile Anzeigen von Google suchen

  1. Melden Sie sich in Google Ad Manager an.
  2. Klicken Sie auf Inventar und dann Apps.
  3. Suchen Sie die App, deren ID Sie benötigen, oder machen Sie die Inhaberschaft für eine neue mobile App geltend.
  4. Klicken Sie auf Zum Kopieren klicken, um die App-ID in die Zwischenablage zu kopieren, zum Beispiel ca-app-pub-3940256099942544~3347511713.
  5. Senden Sie die Informationen an Ihren Entwickler.

IDs und Größen von Anzeigenblöcken suchen

  1. Klicken Sie auf Inventar und dann Anzeigenblöcke.
  2. Klicken Sie auf den Namen des Anzeigenblocks, für den Sie eine Anzeige oder ein Tag einrichten möchten. Sie können auch einen neuen Anzeigenblock erstellen.
  3. Klicken Sie auf Tags.
  4. Wählen Sie den Tag-Typ „Tag für mobile Apps“ aus und klicken Sie auf Weiter.
  5. Kopieren Sie unter „Tag-Ergebnisse“ die Werte für „Anzeigenblock-ID“ and „Anzeigenblockgrößen“. Senden Sie die Informationen an Ihren Entwickler.

Weitere JavaScript-Funktionen

Sehen Sie sich die Entwicklerdokumentation an, um die Vorteile des Google Mobile Ads SDKs zu nutzen.

Nachfolgend werden einige Funktionen für das Ändern des <head>-Bereichs des Creatives beschrieben.

Alle maximieren  Alle minimieren

Zugriff auf Gerätefunktionen

Das SDK bietet die Funktionen app-interner Browser, die unter iOS und Android verfügbar sind. Das ermöglicht Entwicklern den Zugriff auf Gerätefunktionen wie Beschleunigungsmesser, Gyroskop und Kompass über HTML5, sofern sie von der Plattform unterstützt werden.

EntwicklerdokumentationWeitere Informationen zu diesen Funktionen für Android und iOS
App-Ereignisse

Über App-Ereignisse lässt sich benutzerdefinierter Code in Ihrer App ausführen, wenn ein passendes Ereignis von einem Creative ausgelöst wird. Mit App-Ereignissen können Sie eine benutzerdefinierte Anzeigenausführung einleiten, über die mit der App interagiert wird. So lässt sich beispielsweise die Hintergrundfarbe der App ändern.

Bilder auf Vollbild skalieren

Wenn Sie feststellen, dass Ihre Vollbildanzeige nur einen Teil des Bildschirms einnimmt, fügen Sie im <head>-Abschnitt des Creatives folgenden Code ein:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>.

Beispielcode für In-App-Creative: Mobile Click To Calendar-Creative mit MRAID Version 2.0

Dies ist die Vorlage für einen Banneranzeigenblock, der zunächst unten auf dem Bildschirm erscheint. Wenn ein Nutzer auf das Banner klickt, wird in seinem Standardkalender mit seinem Einverständnis ein neues Ereignis erstellt.

Verhalten und UI-Elemente

Das Creative enthält folgende UI-Elemente:

  • Bannerbild sowie seine Höhe und Breite
  • Erforderliche Informationen zum Ereignis, beispielsweise Zusammenfassung, Beschreibung, Ort sowie Start- und Enddatum
Name Typ Erforderlich Beschreibung
Datei mit Bannerbild Datei Ja Bild der Banneranzeige
Breite des Bannerbilds Zahl Ja Breite des Bannerbilds
Höhe des Bannerbilds Zahl Ja Höhe des Bannerbilds
Ereigniszusammenfassung Text Ja Zusammenfassung des Ereignisses
Ereignisbeschreibung Text Ja Beschreibung des Ereignisses
Ereignisort Text Nein Ort des Ereignisses
Startdatum des Ereignisses Text Ja Startdatum des Ereignisses. Das Startdatum muss folgendes Format haben: 2016-10-22T00:00-05:00. Dieses Beispiel steht für den 22. Oktober 2016 von 0:00 bis 05:00 Uhr.
Enddatum des Ereignisses Text Ja Enddatum des Ereignisses Das Enddatum muss folgendes Format haben: 2016-10-22T00:00-05:00. Dieses Beispiel steht für den 22. Oktober 2016 von 0:00 bis 05:00 Uhr.
 

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<head>
<script type="text/javascript" src="mraid.js"></script>
</head>
<body>
<div id="normal" style="display:none; margin:auto;top:0px;text-align:center">
<a href="#" onClick="addToCalendar()"; return false;>
<img width="[%BannerImageWidth%]" height="[%BannerImageHeight%]" src="[%BannerImageFile%]" />
</a>
</div>
<script>

// Check whether mraid is ready by adding event listener
function doReadyCheck(){
  if(mraid.getState() == 'loading'){
    mraid.addEventListener("ready", mraidIsReady);
  }else{
    showMyAd();
  }
}

// Once mraid is ready, it does not need to listen to the ready event anymore
function mraidIsReady(){
  mraid.removeEventListener("ready", mraidIsReady); 
  showMyAd();
}

// Only show Ad when mraid is ready
function showMyAd(){
  var advertElement = document.getElementById("normal");
  advertElement.style.display = 'block';
}

// Add event to the calendar using appropriate input if the device supports calendar manipulation
function addToCalendar(){

  // Register the click by creating an image
  var x = document.createElement("IMG");
  x.setAttribute("src", "%%CLICK_URL_ESC%%");
  window.top.document.body.appendChild(x);

  if(mraid.getVersion()=="2.0"){
    mraid.createCalendarEvent({summary: "[%EventSummary%]", description: "[%EventDescription%]", location: "[%EventLocation%]", start: "[%EventStartDate%]", end: "[%EventEndDate%]"}); 
  } 
  return false;
}

doReadyCheck();
</script>
</body>
</html>

Name des Testanzeigenblocks: ali_Calendar

Beispielcode für Displayanzeigen: Expandable Footer Template mit MRAID Version 2.0

Dies ist die Vorlage für einen Anzeigenblock aus zwei Komponenten, der zuerst als Banneranzeige unten auf dem Bildschirm erscheint. Wenn ein Nutzer auf das Banner klickt, vergrößert sich die Anzeige auf die festgelegten Abmessungen bei Maximierung. Falls der Nutzer auf die Anzeige mit den maximierten Abmessungen klickt, wird er zur URL weitergeleitet, die als Klick-URL definiert ist.

Die Breite kann entweder der Größe des Banners entsprechen oder die gesamte Bildschirmbreite einnehmen, falls für FullWidthResize der Wert „Ja“ festgelegt ist.

Verhalten und UI-Elemente

Das Creative enthält folgende UI-Elemente:

  • Creative-Assets (für jedes Asset erforderlich: Datei, Höhe und Breite)
    • Komponente für das Bannerbild
    • Komponente für das größenangepasste Banner
    • Symbol für die Schließen-Schaltfläche
  • Die Position der Schließen-Schaltfläche kann so angepasst werden, dass sie entweder oben rechts oder oben links auf dem Bildschirm erscheint.
  • Die Hintergrundfarbe der Anzeige kann geändert werden.
Name Typ Erforderlich Beschreibung
Datei mit Bannerbild Datei Ja Bild, das in der Banneranzeige erscheint
Höhe des Bannerbilds Zahl Ja Höhe des Bannerbilds
Breite des Bannerbilds Zahl Ja Breite des Bannerbilds
Hintergrundfarbe Text Ja Hintergrundfarbe der Fläche, die vom größenangepassten Bild eingenommen wird, sowie der Fläche des Banners
Klick-URL URL Ja URL, an die der Nutzer weitergeleitet wird, wenn er auf die größenangepasste Anzeige geklickt hat
Datei mit größenangepasstem Bild Datei Ja Bild, das nach dem Klick auf das Banner eingeblendet wird
Höhe des größenangepassten Bilds Zahl Ja Höhe des größenangepassten Bilds
Breite des größenangepassten Bilds Zahl Ja Breite des größenangepassten Bilds
Symbol „Schließen“ Datei Ja Die Bilddatei für die Schließen-Schaltfläche.
Breite des Symbols „Schließen“ Zahl Ja Breite der Schließen-Schaltfläche (30 ist die durchschnittliche Breite).
Höhe des Symbols „Schließen“ Zahl Ja Höhe der Schließen-Schaltfläche (30 ist die durchschnittliche Höhe).
Position der Schließen-Schaltfläche Liste Nein Die Schließen-Schaltfläche kann so positioniert werden, dass sie entweder oben rechts oder oben links auf dem Bildschirm erscheint. Mögliche Werte sind „Right“ und „Left“. Wird kein Wert angegeben, befindet sich die Schließen-Schaltfläche oben rechts auf dem Bildschirm.
Größe an volle Breite anpassen Liste Nein Geben Sie als Wert „Yes“ an, damit die größenangepasste Anzeige die gesamte Bildschirmbreite einnimmt. Lautet der Wert „No“, wird die Breite des ursprünglichen Banners übernommen. Mögliche Werte sind „Yes“ und „No“. Der Standardwert ist „No“.
 

<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<head>
<script type="text/javascript" src="mraid.js"></script>
<style>
#close_button {
  position: absolute;
  top: 4px;
  right: 4px;
  display:block;
}

#resized img {
  display : block;
  margin : auto;
}
</style>
</head>
<body>
<div id="normal" style="display:none; margin:auto;top:0px;text-align:center">
<a onClick="resize();">
<img width="[%BannerImageWidth%]" height="[%BannerImageHeight%]" src="[%BannerImageFile%]"  />
</a>
</div>

<div id="resized" style="display:none; top:0px;">
<a onClick="openURL()">
<img width="[%ResizedImageWidth%]"  height="[%ResizedImageHeight%]" src="[%ResizedImageFile%]"/>
</a>
<div id="close_button">
<img width="[%CloseIconWidth%]" height="[%CloseIconHeight%]" src="[%CloseIcon%]"/> 
</div>
</div>

<script>
<!--
// Variables
var closeButton = document.getElementById("close_button");
var bodyElement = document.body;
var advertElement = document.getElementById("normal");
var resizedElement = document.getElementById("resized");
var resizeBannerWidth;

function changeBodyElementStyle() {
  // Change background color
  if ("[%ResizedBackgroundColor%]") {
    bodyElement.style.backgroundColor = "[%ResizedBackgroundColor%]";
    resizedElement.style.backgroundColor = "[%ResizedBackgroundColor%]";	
  }
}

function openURL() {
  mraid.open("%%CLICK_URL_ESC%%[%ClickThroughURL%]");
}

//Check whether MRAID is ready by adding event listener
function checkIfReady(){
  if(mraid.getState() == 'loading'){
    mraid.addEventListener("ready", mraidIsReady);
  } else{
    showMyAd();
  }
}

function mraidIsReady(){
  mraid.removeEventListener("ready", mraidIsReady); 
  showMyAd();
}

// Set resizing properties and resize
function resize(){
	// If FullWidthResize is "Yes", then the resized advert takes up the whole width. Otherwise takes up the width of the original banner
	if ("[%FullWidthResize%]" == "Yes") {
	    resizeBannerWidth = screen.width;
	} else {
	    resizeBannerWidth = mraid.getDefaultPosition().width;
	}	
	
  if(mraid.getVersion()=="2.0"){
    if ("[%PositionOfCloseButton%]" === "Left") {
	  closeButton.style.left = "0";

mraid.setResizeProperties({"width":""+resizeBannerWidth+"","height":"[%ResizedImageHeight%]","offsetX":"","offsetY":"","customClosePosition":"top-left", "allowOffscreen":false});
	} else {
	  closeButton.style.right = "0";

mraid.setResizeProperties({"width":""+resizeBannerWidth+"","height":"[%ResizedImageHeight%]","offsetX":"","offsetY":"","customClosePosition":"top-right", "allowOffscreen":false});
	}
    mraid.resize();
	return false;
  }
  else{
    return true;
  }
}

// Displays the advert and add an event listener to it to detect whether to resize
function showMyAd(){
  advertElement.style.display = "inline";
  mraid.addEventListener("stateChange",updateAd); 
}

// updateAd is called when MRAID changes state - calls toggleLayer to expand/ reduce ad size
function updateAd(state){
  if (state == "resized"){
    toggleLayer('normal', 'resized');
  }else if(state == "default"){
    toggleLayer('resized', 'normal');
  }
}

// Goes to the other state (either resized or banner)
function toggleLayer(fromLayer, toLayer){
  var fromLayerElem = document.getElementById(fromLayer);
  fromLayerElem.style.display = 'none';
  var toLayerElem = document.getElementById(toLayer);
  toLayerElem.style.display = 'block';
}

changeBodyElementStyle();
checkIfReady();
//-->
</script>
</body>
</html>

Name des Testanzeigenblocks: ali_resizeBanner

Dies ist die Vorlage für einen Anzeigenblock aus zwei Komponenten, der zuerst als Banneranzeige unten auf dem Bildschirm erscheint. Wenn ein Nutzer auf das Banner klickt, ändert sich die Anzeige auf die gesamte Bildschirmgröße. Falls der Nutzer auf die Anzeige mit den maximierten Abmessungen klickt, wird er zur URL weitergeleitet, die als Klick-URL definiert ist.

In dieser Vorlage wird die standardmäßige MRAID-Schließen-Schaltfläche verwendet.

Verhalten und UI-Elemente

Das Creative enthält folgende UI-Elemente:

  • Creative Assets:
    • Komponente für das Bannerbild (außerdem erforderlich: Breite und Höhe)
    • Komponente für das maximierte Banner
  • Die Hintergrundfarbe der Banneranzeige und der maximierten Anzeige kann geändert werden.
Name Typ Erforderlich Beschreibung
Datei mit Bannerbild Datei Ja Bild, das in der Banneranzeige erscheint
Höhe des Bannerbilds Zahl Ja Höhe des Bannerbilds
Breite des Bannerbilds Zahl Ja Breite des Bannerbilds
Hintergrundfarbe Text Ja Hintergrundfarbe der Fläche, die vom Bannerbild eingenommen wird.
Klick-URL URL Ja URL, an die der Nutzer weitergeleitet wird, wenn er auf die größenangepasste Anzeige geklickt hat
Datei mit maximiertem Bild Datei Ja Bild, das nach dem Klick auf das Banner eingeblendet wird
Höhe des maximierten Bilds Zahl Ja Höhe des maximierten Bilds
Breite des maximierten Bilds Zahl Ja Breite des maximierten Bilds
 

       
<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<head>
<script type="text/javascript" src="mraid.js"></script>
</head>
<body>
<div id="normal" style="display:none; margin:auto;top:0px;text-align:center">
<a onClick="expand();">
<img width="[%BannerImageWidth%]" height="[%BannerImageHeight%]" src="[%BannerImageFile%]" />
</a>
</div>
<div id="expanded" style="display:none;top:0px;text-align:center">
<a onClick="openURL()">
<img width="[%ExpandedImageWidth%]"  height="[%ExpandedImageHeight%]" src="[%ExpandedImageFile%]" />
</a>
</div>

<script>
<!--

function openURL() {
  mraid.open("%%CLICK_URL_ESC%%[%ClickThroughURL%]");
}

// Change background color if present
function changeBodyElementStyle() {
  if ("[%BackgroundColor%]") {
    var bodyElement = document.body;
    bodyElement.style.backgroundColor = "[%BackgroundColor%]";
  }
}	

// Check whether MRAID is ready by adding event listener
function checkIfReady(){
  if(mraid.getState() == 'loading'){
    mraid.addEventListener("ready", mraidIsReady);
  } else{
    showMyAd();
  }
}

// Once MRAID is ready, it does not need to listen to the ready event anymore
function mraidIsReady(){
  mraid.removeEventListener("ready", mraidIsReady); 
  showMyAd();
}

function showMyAd(){
  // Displays the advert
  var advertElement = document.getElementById("normal");
  advertElement.style.display = "inline";

  // Add event listener to detect whether to expand or not
  mraid.addEventListener("stateChange",updateAd); 

  // Change background color of the expanded advert
  var expandedDiv = document.getElementById("expanded");
  if ("[%BackgroundColor%]") {
    expandedDiv.style.backgroundColor = "[%BackgroundColor%]";
  }
}

function expand() {
  if(mraid.getVersion()=="2.0"){
    mraid.expand();
    return false;
  }
  else {
    return true;
  }
}

// updateAd is called when mraid changes state
// Calls toggleLayer to expand/ reduce ad size
function updateAd(state){
  if (state == "expanded"){
    toggleLayer('normal', 'expanded');
  }else if(state == "default"){
    toggleLayer('expanded', 'normal');
  }
}

// Goes to the other state (either expands or banner)
function toggleLayer(fromLayer, toLayer){
  var fromLayerElem = document.getElementById(fromLayer);
  fromLayerElem.style.display = 'none';
  var toLayerElem = document.getElementById(toLayer);
  toLayerElem.style.display = "block";
}

changeBodyElementStyle();
checkIfReady();
//-->
</script>
</body>
</html>

Name des Testanzeigenblocks: ali_expandDefaultClose

Beispielcode für das automatische Schließen eines Interstitials
Nur direkt gebuchte Interstitials können automatisch geschlossen werden. Interstitials, die mithilfe der dynamischen Zuordnung ausgeliefert werden (z. B. von Ad Exchange, AdSense oder AdMob), können nur vom Nutzer geschlossen werden.

So legen Sie fest, dass ein Interstitial nach einer bestimmten Zeit geschlossen wird:

  • Nehmen Sie den Code zum Schließen des Interstitials nach einer bestimmten Frist in das Creative auf. Sie können folgenden Code als Vorlage für diese Vorgehensweise verwenden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
      <script type="text/javascript" src="https://www.gstatic.com/afma/api/v1/google_mobile_app_ads.js"></script>
      <script>
        <!--
          function
          _admStartCountDown(){setTimeout('admob.opener.close()',parseInt('[%displayTime%]')*1000)}
          function
          _admOnload(){if(admob.opener.isOverlayShowing()){_admStartCountDown()}else{admob.events.addEventListener('onshow',
          _admStartCountDown)}}
          if(window.addEventListener){window.addEventListener("load",_admOnload,false)}else{window.attachEvent("onload",_admOnload)}
        //-->
      </script>
  </head>
  <body>
    [Your_AdCode_Goes_Here]
  </body>
</html>
Zielfenster: In-App-Overlay-Fenster

Mit admob.opener.openOverlay() wird im Browser ein Vollbild-Overlay eingeblendet, das vom unteren Bildschirmrand geöffnet wird. Der Browser unterstützt keine Statusleiste und enthält links oben immer eine Schließen-Schaltfläche. Diese Option funktioniert gut mit Expandable-Anzeigen, bei denen das Vollbild-Creative auf einer separaten Seite gehostet werden kann.

Im Folgenden sehen Sie einen Beispielcode für ein Banner, bei dem der Vollbildanzeigenblock in einem Overlay-Fenster geladen werden kann. Ersetzen Sie die folgenden Platzhalterelemente durch eigene Werte. Falls für Ihr Netzwerk verfügbar, können Sie den Beispielcode verwenden, um eine Creative-Vorlage zu erstellen.

  • [BANNER_UNIT]: URL eines Banner-Creatives
  • [WIDTH]: Breite eines Banner-Creatives
  • [HEIGHT]: Höhe eines Banner-Creatives
  • [FULLSCREEN_UNIT]: In diesem Platzhalter wird die URL eines Vollbild-Creatives angegeben. Hinweis: Der Vollbild-Anzeigenblock sollte JavaScript-Code enthalten, um die Ziel-URL zu parsen und den Nutzer bei Empfang einer Klickaktion auf die Zielseite weiterzuleiten. Weitere Informationen finden Sie unter Verarbeitung der Ziel-URL eines Vollbildanzeigenblocks.
  • [DESTINATION_URL]: URL einer Zielseite
  • [FALLBACK_URL]: Hier wird die Fallback-Ziel-URL angegeben, die geöffnet wird, wenn die JavaScript-Funktion nicht ausgeführt wird.
  • [ORIENTATION]: Hier wird die unterstützte Ausrichtung für die Ziel-URL angegeben. Verwenden Sie "p" für das Hochformat und "l" für das Querformat oder lassen Sie diesen Wert aus, um beide Ausrichtungen zuzulassen.

Beispiel für einen Creative-Code:


<!DOCTYPE html>
<head>
<meta name="viewport" 
content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

<script type="text/javascript" src="https://www.gstatic.com/afma/api/v1/google_mobile_app_ads.js"></script>
</head>

<body>
<a href="[FALLBACK_CLICKURL]" 
onClick="admob.opener.openOverlay('%%CLICK_URL_ESC%%[FULLSCREEN_UNIT]?destination=[DESTINATION_URL]', 
'[ORIENTATION]'); return false;"><img border="0" 
src="[BANNER_UNIT]" width="[WIDTH]" height="[HEIGHT]"></a>
</body>
</html>

Verarbeitung der Ziel-URL eines Vollbildanzeigenblocks

Mit der admob.opener.openOverlay()-Funktion kann die Ziel-URL des HTML-Inhalts nicht angegeben werden.

Angenommen, Sie haben die Ziel-URL beim Definieren des Vollbildanzeigenblocks als Schlüssel/Wert-Paar weitergegeben, zum Beispiel https://link.to.fullscreen.unit?destination=https://my.destination.url. In diesem Fall können Sie eine JavaScript-Funktion schreiben und ein HTML-Code-Snippet einbinden, um den Klick zu erfassen und den Nutzer auf die Zielseite weiterzuleiten.

Beispiel für den Quellcode einer Seite:


<!DOCTYPE html>
<head>
<meta name="viewport" 
content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

<script type="text/javascript" src="https://www.gstatic.com/afma/api/v1/google_mobile_app_ads.js"></script>

<script type="text/javascript">
function destinationUrl() {
  // Get current url after ?
  var destinationUrl = window.location.search;

  // Strip off the leading '?'
  destinationUrl = destinationUrl.substring(1);
  // Parse destination=url key-value pair
  var kvPair = destinationUrl.split("=");
  var key = kvPair[0]; // key: destination
  var value = kvPair[1]; // value: url
  var url = decodeURIComponent(value); 

  // Open destination inside overlay
  window.location = url;

  // Open destination in an external browser
  // admob.opener.openUrl(url, true);
}
</script>
</head>

<body>
<div style="position:relative;">
<!-- Load content source into an iframe -->
<iframe src="https://creative.admob.com/t1/bestBuy/tradeinJul/gi/" 
align="middle" frameborder=0 width=320 height=480 marginheight=0 marginwidth=0 scrolling=no></iframe>
<!-- Create a clickable area -->
<a href="#" onClick="destinationUrl(); return false;" style="position:absolute; top:0; left:0; 
display:inline-block; width:320px; height:480px; z-index:5;"></a>
</div>
</body>
</html>

MRAID-Kompatibilität

Das Google Mobile Ads SDK unterstützt den MRAID-Standard (Mobile Rich Media Ad Interface Definitions) von IAB für Werbung in mobilen Apps. Unter Targeting hinzufügen und dann Gerätefunktion können Sie in den Targeting-Einstellungen der Werbebuchung festlegen, ob für eine Werbebuchung MRAID Version 1 oder Version 2 genutzt wird.

MRAID-Anforderungen:

  • Für MRAID Version 2 ist Google Play-Dienste in Version 7.8 oder höher (Android) und das Google Mobile Ads SDK in Version 7.4.0 oder höher (iOS) erforderlich.
  • Für MRAID Version 3 ist Google Play-Dienste in Version 15.0.0 oder höher (Android) und das Google Mobile Ads SDK in Version 7.30.0 oder höher (iOS) erforderlich.

Damit Sie MRAID-Funktionen in Ihren Creatives verwenden können, müssen Sie mraid.js in das Creative importieren. Fügen Sie dazu <script src="mraid.js"> in das Creative ein. Das mit MRAID kompatible Google Mobile Ads SDK sucht im Creative nach diesem Code und ersetzt ihn durch eine URL, die auf eine MRAID-Implementierung verweist. Andere SDKs, die MRAID unterstützen, führen diesen Schritt ebenfalls aus, ihre URLs sind allerdings anders.

Sie können auch MRAID-Bibliotheken und die Google Mobile Ads SDK-Funktionen in dasselbe Creative einfügen.

mraid.resize() und andere ähnliche Funktionen werden erst ausgeführt, nachdem auf die Anzeige geklickt wurde. So wird verhindert, dass ein schädliches Creative automatisch vergrößert wird und den gesamten Bildschirm einnimmt.
EntwicklerdokumentationWeitere Informationen zur MRAID-Unterstützung für Android und iOS

War das hilfreich?

Wie können wir die Seite verbessern?
true
Versionshinweise

Hier finden Sie aktuelle Neuerungen bei den Ad Manager-Funktionen und in der Hilfe.

Neuerungen ansehen

Suche
Suche löschen
Suche schließen
Hauptmenü
4154220197505005056
true
Suchen in der Hilfe
true
true
true
true
true
148
false
false