Hirdetések fejlesztése a Google mobilhirdetések SDK-hoz

A Google mobilhirdetések SDK használatához össze kell gyűjtenie a fejlesztője számára az alkalmazásazonosítót, a hirdetési egységek azonosítóit és a hirdetésméreteket.

A Google-mobilhirdetések alkalmazásazonosítóinak megkeresése

  1. Jelentkezzen be a Google Ad Manager rendszerbe.
  2. Kattintson a Készlet majd Alkalmazások elemre.
  3. Keresse meg azt a mobilalkalmazást, melynek azonosítójára szüksége van, vagy válasszon ki új mobilalkalmazást.
  4. Kattintson a Kattintson a másoláshoz ikonra az „Alkalmazásazonosító” vágólapra másolásához. Például: ca-app-pub-3940256099942544~3347511713.
  5. Küldje el ezt az információt a fejlesztőjének.

A hirdetési egységek azonosítóinak és méreteinek megkeresése

  1. Kattintson a Készlet majd Hirdetési egységek lehetőségre.
  2. Kattintson annak a hirdetési egységnek a nevére, amelyhez hirdetési címkét szeretne létrehozni, vagy hozzon létre új hirdetési egységet.
  3. Kattintson a Címkék lehetőségre.
  4. Válassza ki a „Mobilalkalmazás címke” címketípust, majd kattintson a Tovább gombra.
  5. Másolja ki a „Címke eredményei” szakaszból a hirdetési egység azonosítóját és a hirdetési egységek méreteit. Küldje el ezt az információt a fejlesztőjének.

További JavaScript-függvények

Tekintse át a fejlesztői dokumentációt, hogy minél jobban ki tudja használni a Google mobilhirdetések SDK által nyújtott funkciókat.

Íme néhány kiemelt függvény a kreatív <head> szakaszának módosításához.

Az összes kibontása  Az összes összecsukása

Hozzáférés az eszköz funkcióihoz

Az SDK feltárja az iOS és Android rendszeren rendelkezésre álló, alkalmazáson belüli böngészők lehetőségeit. Így a fejlesztők HTML5 segítségével hozzáférhetnek olyan eszközfunkciókhoz, mint a gyorsulásmérő, a giroszkóp és a iránytű, ha az operációs rendszer ezt lehetővé teszi.

fejlesztői dokumentációTovábbi információ az Android és az iOS rendszeren futó funkciókról.
Alkalmazásesemények

Az alkalmazásesemények lehetővé teszik egyedi kód végrehajtását az alkalmazásban, amikor egy hirdetés elindít egy alkalmazáseseményt. Az alkalmazáseseményekkel olyan egyéni hirdetés-végrehajtást lehet bevezetni, amely interakcióba lép az alkalmazással, például megváltoztatja annak háttérszínét.

fejlesztői dokumentációTovábbi információ az alkalmazásesemények megvalósításáról.
Kép igazítása teljes képernyőre

Ha úgy találja, hogy teljes képernyős hirdetése csak a képernyő egy részét tölti ki, illessze be a következő kódot a hirdetés <head> szakaszába:

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

Alkalmazáson belüli hirdetés mintakódja: Mobil „Click To Calendar” hirdetés az MRAID v2.0 használatával

A sablon egy szalaghirdetés hirdetési egység, amely a képernyő alján futó szalaghirdetésként indul. Ha a felhasználó rákattint a szalaghirdetésre, akkor alapértelmezett naptáralkalmazása – a felhasználó beleegyezésével – új eseményt hoz létre.

Viselkedés és UI-elemek

A kreatív a következő UI-elemekből áll:

  • A szalaghirdetés képe, valamint annak magassága és szélessége.
  • Kötelező megadni az esemény adatait, így például az összefoglalását, leírását, helyét, kezdő és záró dátumát.
Név Típus Kötelező Leírás
Szalaghirdetés képfájlja Fájl Igen A szalaghirdetés képe.
Szalaghirdetés képének szélessége Szám Igen Szalaghirdetés képének szélessége.
Szalaghirdetés képének magassága Szám Igen Szalaghirdetés képének magassága.
Esemény-összefoglaló Szöveg Igen Az esemény összefoglalása.
Esemény leírása Szöveg Igen Az esemény leírása.
Esemény helye Szöveg Nem Az esemény helyszíne.
Esemény kezdő dátuma Szöveg Igen Az esemény kezdő dátuma. A kezdő dátumot a következő formátumban kell megadni: „2016-10-22T00:00-05:00”. Ez például azt jelenti, hogy 2016. október 22-én 0:00-tól 5:00-ig.
Esemény záró dátuma Szöveg Igen Az esemény záró dátuma. A záró dátumot a következő formátumban kell megadni: „2016-10-22T00:00-05:00”. Ez például azt jelenti, hogy 2016. október 22-én 0:00-tól 5:00-ig.
  

<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>

A teszt hirdetési egység neve: ali_Calendar

Vizuális hirdetések mintakódja: A láblécben lévő kibontható szalaghirdetés sablonja – MRAID v2.0 használatával

A sablon egy kétkomponensű hirdetési egység, amely a képernyő alján futó szalaghirdetésként indul. Ha a felhasználó rákattint a szalaghirdetésre, akkor a hirdetés meghatározott, kibontott méretűvé méreteződik át. Ha a felhasználó a kibontott méretű hirdetésre kattint, a rendszer átirányítja az átkattintási URL-ként meghatározott URL-re.

A szélesség a szalaghirdetés mérete, vagy a képernyő teljes szélessége lehet (ha a FullWidthResize értéke „Yes” »Igen«).

Viselkedés és UI-elemek

A kreatív a következő UI-elemekből áll:

  • Kreatívelemek (mindegyik kreatívelemnél kötelező megadni a fájlt, a magasságot és a szélességet)
    • Szalaghirdetés képe
    • Átméretezett szalaghirdetés
    • Bezárás gomb ikonja
  • Módosíthatja a Bezárás gomb helyét úgy, hogy a képernyő jobb felső vagy bal felső sarkába kerüljön.
  • Módosíthatja a hirdetés háttérszínét.
Név Típus Kötelező Leírás
Szalaghirdetés képfájlja Fájl Igen A szalaghirdetésben megjelenő kép.
Szalaghirdetés képének magassága Szám Igen A szalaghirdetés képének magassága.
Szalaghirdetés képének szélessége Szám Igen A szalaghirdetés képének szélessége.
Háttér színe Szöveg Igen Az átméretezett kép és a szalaghirdetés által elfoglalt hely hátterének színe.
Átkattintási URL URL Igen Az az URL, amelyre a rendszer átirányítja a felhasználót, amikor az átméretezett hirdetésre kattint.
Átméretezett kép fájlja Fájl Igen A szalaghirdetésre történő kattintásra megjelenő kép.
Átméretezett kép magassága Szám Igen Az átméretezett kép magassága.
Átméretezett kép szélessége Szám Igen Az átméretezett kép szélessége.
Bezárás ikon Fájl Igen A „Bezárás” gomb képfájlja.
Bezárás ikon szélessége Szám Igen A „Bezárás” gomb szélessége. (Az átlagos szélesség 30.)
Bezárás ikon magassága Szám Igen A „Bezárás” gomb magassága. (Az átlagos magasság 30.)
Bezárás gomb pozíciója Lista Nem A képernyő jobb vagy bal felső sarkába helyezheti el a „Bezárás” gombot. A lehetséges értékek a következők: „Right” (jobb), illetve „Left” (bal). Ha üresen marad, akkor a Bezárás gomb a képernyő jobb felső sarkába kerül.
Átméretezés teljes szélességre Lista Nem Ha az érték „Yes” (igen), az átméretezett hirdetés a képernyő teljes szélességét veszi fel. Ha az érték „Nem”, akkor a szélesség az eredeti szalaghirdetés méretével megegyező lesz. A lehetséges érték a „Yes” (Igen) és a „No” (Nem). Az alapértelmezett érték a „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>

Teszt hirdetési egység neve: ali_resizeBanner

A sablon egy kétkomponensű hirdetési egység, amely a képernyő alján futó szalaghirdetésként indul. Ha a felhasználó a szalaghirdetésre kattint, akkor a hirdetés úgy méreteződik át, hogy az egész képernyőt lefedje. Ha a felhasználó a kibontott méretű hirdetésre kattint, a rendszer átirányítja az átkattintási URL-ként meghatározott URL-re.

Ez a sablon az MRAID alapértelmezett „Bezárás” gombját használja.

Viselkedés és UI-elemek

A kreatív a következő UI-elemekből áll:

  • Kreatívelemek:
    • Szalaghirdetés képe (a magasság és a szélesség megadása szintén kötelező)
    • Kibontható szalaghirdetés
  • Módosíthatja a szalaghirdetés és a kibontott hirdetés hátterének színét
Név Típus Kötelező Leírás
Szalaghirdetés képfájlja Fájl Igen A szalaghirdetésben megjelenő kép.
Szalaghirdetés képének magassága Szám Igen A szalaghirdetés képének magassága.
Szalaghirdetés képének szélessége Szám Igen A szalaghirdetés képének szélessége.
Háttér színe Szöveg Igen A szalaghirdetés képe által elfoglalt hely hátterének színe.
Átkattintási URL URL Igen Az az URL, amelyre a rendszer átirányítja a felhasználót, amikor az átméretezett hirdetésre kattint.
Kibontott kép fájlja Fájl Igen A szalaghirdetésre történő kattintásra megjelenő kép.
Kibontott kép magassága Szám Igen A kibontott kép magassága.
Kibontott kép szélessége Szám Igen A kibontott kép szélessége.
  

       
<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>

Teszt hirdetési egység neve: ali_expandDefaultClose

Mintakód közbeiktatott hirdetés automatikus bezárásához
Csak a közvetlenül lefoglalt közbeiktatott hirdetéseket lehet automatikusan bezárni. A dinamikus elosztás (azaz Ad Exchange, AdSense vagy AdMob) révén megjelenített közbeiktatott hirdetéseket csak a felhasználó zárhatja be.

Közbeiktatott hirdetés bezárása adott időtartamot követően:

  • Illessze be a kódot a közbeiktatott hirdetésbe, hogy az a megadott időtartam után bezáródjon. Ehhez a következő kód használható sablonként:

<!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>
Célablak: alkalmazáson belüli fedvényablak

Az admob.opener.openOverlay() használatával olyan teljes képernyős fedvényböngészőt nyithat meg, amelynek animálása a képernyő aljáról történik. Ez a böngésző nem tartalmaz állapotsort, és mindig megjelenít Bezárás gombot a bal felső sarokban. Ez a lehetőség jól működhet olyan kibontható hirdetésnél, amelynél a teljes képernyős kreatív külön oldalon tárolható.

Az alábbi mintakód egy szalaghirdetés, amelynél a teljes képernyős egység fedvény-böngészőablakba tölthető be. A következő helyőrzőket a saját értékeivel kell kicserélnie. Ha a hálózatán rendelkezésre áll ez a lehetőség, akkor a mintakód használatával létrehozhat egy hirdetéssablont.

  • [BANNER_UNIT]: a szalaghirdetés kreatívjának URL-je.
  • [WIDTH]: a szalaghirdetés kreatívjának szélessége.
  • [HEIGHT]: a szalaghirdetés kreatívjának magassága.
  • [FULLSCREEN_UNIT]: teljes képernyős kreatív URL-je. Megjegyzés: A teljes képernyős egységnek tartalmaznia kell JavaScript-kódot a cél-URL értelmezéséhez, valamint a felhasználó átirányításához a céloldalra egy kattintási művelet esetén. További részletek a Cél-URL kezelése teljes képernyős egységből című részben.
  • [DESTINATION_URL]: a céloldal URL-je.
  • [FALLBACK_URL]: a tartalék cél-URL arra az esetre, ha a JavaScript-függvény végrehajtása nem történik meg.
  • [ORIENTATION]: a támogatott tájolás a cél URL-hez („p” függőleges, „l” pedig vízszintes esetén, míg ha bármilyen tájolás lehet, akkor az érték elhagyható).

Mintakreatívkód:


<!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>

Cél-URL kezelése teljes képernyős egységből

Az admob.opener.openOverlay() függvénynél nincs lehetőség a HTML-tartalom cél-URL-jének megadására.

Feltételezve, hogy a teljes képernyős egység megadásakor a cél-URL-t kulcsértékpár formájában adta át (például: „https://link.to.fullscreen.unit?destination=https://my.destination.url”), írhat egy JavaScript-függvényt, és felveheti a HTML-kód egy részletét a kattintás rögzítéséhez és a felhasználó céloldalra való átirányításához.

Minta-oldalforráskód:


<!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() {
  // Aktuális URL lekérése a ? után
  var destinationUrl = window.location.search;

  // A vezető „?” eltávolítása
  destinationUrl = destinationUrl.substring(1);
  // A destination=url kulcsértékpár értelmezése
  var kvPair = destinationUrl.split("=");
  var key = kvPair[0]; // kulcs: destination
  var value = kvPair[1]; // érték: url
  var url = decodeURIComponent(value); 

  // Cél megnyitása a fedvényben
  window.location = url;

  // Cél megnyitása külső böngészőben
  // 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ás

A Google mobilhirdetések SDK az IAB „Mobile Rich Media Ad Interface Definitions” (MRAID) szabványát támogatja a mobilalkalmazásokban történő hirdetéseknél. Lehetősége van arra, hogy a sorokat az MRAID v1 vagy az MRAID v2 szabványnak megfelelőként állítsa be a sor célzási beállításai között. Ezt a lehetőséget a Célzás hozzáadása majd Eszköz képességei alatt találja.

MRAID-követelmények:

  • Az MRAID v2 esetében a Google Play-szolgáltatások 7.8 vagy újabb verziója szükséges Android, illetve a Google mobilhirdetések SDK 7.4.0 vagy újabb verziója iOS rendszernél.
  • Az MRAID v3 esetében a Google Play-szolgáltatások 15.0.0 vagy újabb verziója szükséges Android, illetve a Google mobilhirdetések SDK 7.30.0 vagy újabb verziója iOS rendszernél.

Az MRAID-függvények hirdetési kreatívokban való használatához először importálnia kell az mraid.js szkriptet a kreatívba. Ehhez foglalja bele a <script src="mraid.js> sort a kreatívba. A Google mobilhirdetések SDK – az MRAID szabvánnyal kompatibilis SDK-ként – ezt a kódot keresi majd meg a kreatívban, és az MRAID megvalósítására mutató tényleges URL-lel helyettesíti. Az MRAID szabványt támogató egyéb SDK-k ugyanezt teszik, bár a tényleges URL-jeik eltérők lesznek.

Az MRAID-függvénytárakat, továbbá a Google mobilhirdetések SDK függvényeit – tetszése szerint – belefoglalhatja ugyanabba a kreatívba.

Az mraid.resize() és a többi hasonló függvény csak a hirdetésre történő kattintás után kezd működni. Ez megakadályozza, hogy a kártékony kreatívok automatikusan átméreteződjenek, és elfoglalják az egész képernyőt.
fejlesztői dokumentációTovábbi információ az Android és az iOS rendszeren rendelkezésre álló MRAID-támogatásról.

Hasznosnak találta?

Hogyan fejleszthetnénk?

További segítségre van szüksége?

Próbálja ki a következő lépéseket:

Közzététel a súgóközösségben Válaszokat kaphat kérdéseire a közösség tagjaitól
Vegye fel velünk a kapcsolatot Mondja el a részleteket, és segítünk a megoldásban
true
Kibocsátási megjegyzések

Olvassa el a legújabb Ad Manager-funkciókról és Súgó-frissítésekről szóló híreket.

Újdonságok megtekintése

Keresés
Keresés törlése
A keresés bezárása
Főmenü
867999164875316910
true
Keresés a Súgóoldalakon
true
true
true
true
true
148
false
false