Ez a cikk a Google Mobile Ads SDK-hoz történő hirdetésfejlesztésről szól. Arról szól, hogy milyen információkra van szükség a fejlesztők számára. Ezután bemutatja, hogy a rendszer hogyan használja fel ezt az információt a hirdetés viselkedését meghatározó címkék létrehozásához.
Többféle hirdetésformátum áll rendelkezésre, köztük az alkalmazáson belüli szalaghirdetések, a kibontható szalaghirdetések és a teljes képernyős hirdetések. Minden hirdetésformátum saját kreatívelemekkel és funkciókkal rendelkezik. A kibontható szalaghirdetések például kattintással megváltoztathatják a méretet és a háttérszínt. A Google Mobile Ads SDK kompatibilis az PPID-szabványokkal.
A Google Mobile Ads 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.
Ezen az oldalon:
- A Google Mobile Ads alkalmazásazonosítóinak megkeresése
- A hirdetési egységek azonosítóinak és méreteinek megkeresése
- További JavaScript-függvények
- MRAID-kompatibilitás
A Google-mobilhirdetések alkalmazásazonosítóinak megkeresése
- Jelentkezzen be a Google Ad Manager szolgáltatásba.
- Kattintson a Készlet, majd az Alkalmazások lehetőségre.
- Keresse meg azt a mobilalkalmazást, melynek azonosítójára szüksége van, vagy válasszon ki új mobilalkalmazást.
- Kattintson a ikonra az „Alkalmazásazonosító” vágólapra másolásához. Például:
ca-app-pub-3940256099942544~3347511713
. - 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
- Kattintson a Készlet, majd a Hirdetési egységek lehetőségre.
- 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.
- Kattintson a Címkék lehetőségre.
- Válassza ki a „Mobilalkalmazás címke” címketípust, majd kattintson a Tovább gombra.
- 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
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.
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.
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"/>
.
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 05.00-ig. |
Esemény záró dátuma | Szöveg | Igen | Az esemény záró dátuma. A befejezés dátumát 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 05.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
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. (30 az átlagos magasság). |
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) vagy „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ékek: „Yes” (igen) és „No” (nem), az alapértelmezett érték „No” (nem). |
<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
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>
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 és a Készülék 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.
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.