Google Mobile Ads SDK'sı için reklam geliştirme

Bu makale, Google Mobile Ads SDK'sı için reklam geliştirme hakkındadır. Geliştiriciniz için hangi bilgilerin gerekli olduğu açıklanır. Daha sonra, bu bilgilerin reklam davranışını belirten etiketler oluşturmak için nasıl kullanıldığı belirtilir.

Uygulama içi banner'lar, genişletilebilir banner'lar ve tam ekran reklamlar gibi farklı reklam biçimleri mevcuttur. Her reklam biçiminin kendi reklam öğeleri ve işlevleri vardır. Örneğin, genişletilebilir banner'lar tıklandığında boyut ve arka plan rengi değişebilir. Google Mobile Ads SDK'sı, MRAID standartlarıyla uyumludur.

Google Mobile Ads SDK'sını kullanmak için geliştiricinizin Uygulama kimliğini, reklam birimi kimliklerini ve reklam boyutlarını toplamanız gerekir.

Bu sayfada:

Google Mobile Ads Uygulama Kimliklerini bulma
Reklam birimi kimliklerini ve boyutlarını bulma
Ek JavaScript işlevleri
MRAID uyumluluğu

Google Mobile Ads Uygulama Kimliklerini bulma

Google Ad Manager'da oturum açın.
Envanter'i ve ardından Uygulamalar'ı tıklayın.
Kimliği gereken mobil uygulamayı bulun veya yeni bir mobil uygulama talep edin.
"Uygulama Kimliği"ni panonuza kopyalamak için simgesini tıklayın. Örneğin, ca-app-pub-3940256099942544~3347511713
Bu bilgileri geliştiricinize gönderin.

Reklam birimi kimliklerini ve boyutlarını bulma

Envanter'i ve ardından Reklam birimleri'ni tıklayın.
Reklam etiketi oluşturmak istediğiniz reklam biriminin adını tıklayın veya yeni bir reklam birimi oluşturun.
Etiketler'i tıklayın.
"Mobil Uygulama Etiketi" etiket türünü seçip Devam et'i tıklayın.
"Etiket sonuçları" altında "Reklam birimi kimliği" ve "Reklam birimi boyutlarını" kopyalayın. Bu bilgileri geliştiricinize gönderin.

Ek JavaScript işlevleri

Google Mobile Ads SDK'sının işlevselliğinden faydalanmak için geliştirici belgelerine bakın.

Burada, reklam öğesinin <head> bölümünü değiştirmeyle ilgili bazı öne çıkan özelliklere yer verilmiştir.

Tümünü genişlet Tümünü daralt

Cihaz özelliklerine erişim

SDK, iOS ve Android'de kullanılabilen uygulama içi tarayıcıların özelliklerini de ortaya çıkarır. Bu, platform'un desteklediği durumlarda HTML5 yoluyla geliştiricilerin ivme ölçer, jiroskop ve pusula gibi cihaz özelliklerine erişmesine olanak verir.

Android ve iOS'taki bu olanaklar hakkında daha fazla bilgi

Uygulama etkinlikleri

Reklam öğeleri bir uygulama etkinliği gönderdiğinde uygulama etkinlikleri, uygulamanız içinden özel kod çalıştırmanıza olanak tanır. Uygulama etkinliklerini kullanarak, uygulama ile etkileşime geçen özel reklam yürütmelerine (uygulamanın arka plan rengini değiştirmek gibi) olanak tanırsınız.

Uygulama etkinliklerini nasıl uygulayacağınızı öğrenin.

Resmi tam ekran olacak şekilde ölçekleme

Tam ekran reklamınızın ekranın sadece bir kısmını kapladığını görürseniz şu kodu reklam öğesinin <head> bölümüne ekleyin:

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

Uygulama içi için örnek kod: MRAID v2.0 kullanılarak Takvim için Mobil Tıklama

Bu şablon, alt ekran banner'ı olarak başlayan bir banner reklam birimidir. Kullanıcı banner'ı tıklarsa varsayılan takvim uygulaması kullanıcının izniyle yeni bir etkinlik oluşturacaktır.

Davranış ve kullanıcı arayüzü öğeleri

Reklam öğesi aşağıdaki kullanıcı arayüzü öğelerinden oluşur:

Banner resmi, yüksekliği ve genişliği.
Özet, açıklama, konum, başlangıç tarihi ve bitiş tarihi gibi etkinlikle ilgili bilgiler gereklidir.

Ad	Tür	Gerekli	Açıklama
Banner resmi dosyası	Dosya	Evet	Banner reklamın resmi.
Banner resmi genişliği	Sayı	Evet	Banner resminin genişliği.
Banner resmi yüksekliği	Sayı	Evet	Banner resminin yüksekliği.
Etkinlik özeti	Metin	Evet	Etkinliğin özeti.
Etkinlik açıklaması	Metin	Evet	Etkinliğin açıklaması.
Etkinlik konumu	Metin	Hayır	Etkinliğin konumu.
Etkinlik başlangıç tarihi	Metin	Evet	Etkinliğin başlangıç tarihi. Başlangıç tarihi şu biçimde olmalıdır: "2016-10-22T00:00-05:00". Örneğin bu, 22 Ekim 2016 tarihinde 00:00 ile 05:00 saatleri arasındadır.
Etkinlik bitiş tarihi	Metin	Evet	Etkinliğin bitiş tarihi. Bitiş tarihi şu biçimde olmalıdır: "2016-10-22T00:00-05:00". Örneğin bu, 22 Ekim 2016 tarihinde 00:00 ile 05:00 saatleri arasındadır.


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

Test reklam birimi adı: ali_Calendar

Bu şablon, ekranın en altında bir banner reklam olarak başlayan iki bileşenli reklam birimidir. Kullanıcı banner'ı tıklarsa reklamın boyutu belirli genişletilmiş boyutlarla yeniden boyutlandırılacaktır. Kullanıcı, genişletilmiş boyutlara sahip reklamı tıklarsa tıklama URL'si olarak tanımlanan URL'ye yönlendirilir.

Genişlik, banner'ın boyutu kadar olabilir veya ekran genişliğinin tamamını kullanabilir (FullWidthResize değeri "Yes" ise).

Davranış ve kullanıcı arayüzü öğeleri

Reklam öğesi aşağıdaki kullanıcı arayüzü öğelerinden oluşur:

Reklam Öğeleri (bu öğelerden her biri için dosya, yükseklik ve genişlik gereklidir)
- Banner Resmi bileşeni
- Yeniden Boyutlandırılan Banner bileşeni
- Kapat düğmesi simgesi
Kapat düğmesinin konumunu, düğme ekranın sağ üst veya sol üst tarafında olacak şekilde değiştirir.
Reklamın arka plan rengini değiştirebilir.

Ad	Tür	Gerekli	Açıklama
Banner resmi dosyası	Dosya	Evet	Banner reklamda gösterilecek resim.
Banner resmi yüksekliği	Sayı	Evet	Banner resminin yüksekliği.
Banner resmi genişliği	Sayı	Evet	Banner resminin genişliği.
Arka plan rengi	Metin	Evet	Yeniden boyutlandırılan resim tarafından kullanılan alanın ve banner tarafından kullanılan alanın arka plan rengi.
Tıklama URL'si	URL	Evet	Yeniden boyutlandırılan reklam tıklandığında kullanıcının yönlendirileceği URL.
Yeniden boyutlandırılan resim dosyası	Dosya	Evet	Banner tıklandığında gösterilecek resim.
Yeniden boyutlandırılan resim yüksekliği	Sayı	Evet	Yeniden boyutlandırılan resmin yüksekliği.
Yeniden boyutlandırılan resim genişliği	Sayı	Evet	Yeniden boyutlandırılan resmin genişliği.
Simgeyi kapat	Dosya	Evet	"Kapat" düğmesi için resim dosyası.
Kapat simgesi genişliği	Sayı	Evet	"Kapat" düğmesinin genişliği. (30, ortalama genişliktir).
Kapat simgesi yüksekliği	Sayı	Evet	"Kapat" düğmesinin yüksekliği. (30, ortalama yüksekliktir).
Kapat düğmesinin konumu	Liste	Hayır	"Kapat" düğmesini, ekranın sağ üst veya sol üst tarafında olacak şekilde yerleştirebilir. Olası değerler: "Sağ" veya "Sol". Boş bırakılırsa kapat düğmesi ekranın sağ üst köşesine yerleştirilecektir.
Tam genişlikte yeniden boyutlandırma	Liste	Hayır	Değer "Evet" olduğunda yeniden boyutlandırılan reklamın, ekranın tüm genişliğini kullanmasını sağlayabilir. Değer "Hayır" ise genişlik orijinal banner ile aynı boyutta olacaktır. Olası değerler "Evet" ve "Hayır"dır, varsayılan olarak ise "Hayır" olur.


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

Test reklam birimi adı: ali_resizeBanner

Bu şablon, ekranın en altında bir banner reklam olarak başlayan iki bileşenli reklam birimidir. Kullanıcı banner'ı tıklarsa reklam tüm ekranı kaplayacak şekilde yeniden boyutlandırılacaktır. Kullanıcı, genişletilmiş boyutlara sahip reklamı tıklarsa tıklama URL'si olarak tanımlanan URL'ye yönlendirilir.

Bu şablon, varsayılan MRAID kapat düğmesini kullanır.

Davranış ve kullanıcı arayüzü öğeleri

Reklam öğesi aşağıdaki kullanıcı arayüzü öğelerinden oluşur:

Reklam Öğeleri:
- Banner Resmi bileşeni (yükseklik ve genişlik de gereklidir)
- Banner bileşenini genişletme
Banner reklamın ve genişletilen reklamın arka plan rengini değiştirebilir

Ad	Tür	Gerekli	Açıklama
Banner resmi dosyası	Dosya	Evet	Banner reklamda gösterilecek resim.
Banner resmi yüksekliği	Sayı	Evet	Banner resminin yüksekliği.
Banner resmi genişliği	Sayı	Evet	Banner resminin genişliği.
Arka plan rengi	Metin	Evet	Banner resmi tarafından kullanılan alanın arka plan rengi.
Tıklama URL'si	URL	Evet	Yeniden boyutlandırılan reklam tıklandığında kullanıcının yönlendirileceği URL.
Genişletilmiş resim dosyası	Dosya	Evet	Banner tıklandığında gösterilecek resim.
Genişletilmiş resim yüksekliği	Sayı	Evet	Genişletilmiş resmin yüksekliği.
Genişletilmiş resim genişliği	Sayı	Evet	Genişletilmiş resmin genişliği.


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

Test reklam birimi adı: ali_expandDefaultClose

Bir geçiş reklamını otomatik olarak kapatmak için kullanılan örnek kod

Yalnızca doğrudan ayrılan geçiş reklamları otomatik olarak kapatılabilir; dinamik ayırma ile sunulan geçiş reklamları (yani Ad Exchange, AdSense veya AdMob) yalnızca kullanıcı tarafından kapatılabilir.

Bir geçiş reklamının belirli bir süre sonra kapanmasını sağlamak için:

Reklam öğesine, geçiş reklamını belirli bir süre sonra kapatan bir kod ekleyin. Bu yöntemde şablon olarak şu kod kullanılabilir:


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

Hedef pencere: uygulama içi yer paylaşımlı pencere

admob.opener.openOverlay() işlevini kullanarak, ekranın alt tarafından animasyonlu bir tam ekran yer paylaşımlı tarayıcı açabilirsiniz. Bu tarayıcıda durum çubuğu yoktur ve sol üst köşede her zaman bir kapatma düğmesi gösterilir. Bu seçenek, tam ekran reklam öğesinin ayrı sayfalarda barındırılabildiği genişletilebilir reklamlarda kullanışlı olabilir.

Aşağıda, tam ekran biriminin bir yer paylaşımlı tarayıcı penceresine yüklenebildiği basit bir kod örneği verilmiştir: Aşağıdaki yer tutucu öğelerini kendi değerlerinizle değiştirmelisiniz. Ağınızda kullanılabiliyorsa örnek kodu bir reklam öğesi şablonu oluşturmak için kullanabilirsiniz.

[BANNER_UNIT]: Banner reklam öğesinin URL'si.
[WIDTH]: Banner reklam öğesinin genişliği.
[HEIGHT]: Banner reklam öğesinin yüksekliği.
[FULLSCREEN_UNIT]: Tam ekran reklam öğesinin URL'si. Not: Tam ekran birimi, hedef URL'yi ayrıştıracak ve bir tıklama işlemi geldiğinde kullanıcıyı açılış sayfasına yönlendirecek JavaScript kodunu içermelidir. Daha ayrıntılı bilgi için Tam ekran biriminden hedef URL işleme bölümüne bakın.
[DESTINATION_URL]: Hedef sayfanın URL'si.
[FALLBACK_URL]: JavaScript işlevinin çalışmaması durumunda kullanılacak yedek hedef URL.
[ORIENTATION]: Hedef URL için desteklenen yön (dikey için "p", yatay için "l" kullanın veya yön önemli değilse bu değeri atlayın).

Aşağıda örnek bir reklam öğesi kodu verilmiştir:


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

Tam ekran biriminden hedef URL işleme

admob.opener.openOverlay() işlevinde html içeriğinin hedef URL'sini belirtme seçeneği bulunmaz.

Tam ekran birimini belirtirken hedef URL'yi anahtar/değer çifti (ör. "https://link.to.fullscreen.unit?destination=https://my.destination.url") biçiminde ilettiğinizi varsayarsak, bir JavaScript işlevi yazıp HTML kodu snippet'i ekleyerek tıklamayı yakalayabilir ve kullanıcıyı hedef sayfaya yönlendirebilirsiniz.

Aşağıda örnek bir sayfa kaynak kodu verilmiştir:


<!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 uyumluluğu

Google Mobile Ads SDK'sı, IAB'nin mobil uygulamalarda reklamcılık için Mobil Rich Media Reklam Arayüz Tanımları (MRAID) standardını destekler. Bir satır öğesini Hedefleme ekle ve Cihaz özellikleri altında bulunan satır öğesi hedefleme ayarları ile MRAID v1 veya MRAID v2 olarak ayarlayabilirsiniz.

MRAID gereksinimleri:

MRAID v2, Android için Google Play hizmetleri 7.8 veya üzeri sürümlerini, iOS için Google Mobile Ads SDK'sı 7.4.0 veya üzeri sürümlerini gerektirir.
MRAID v3, Android için Google Play hizmetleri 15.0.0 veya üzeri sürümlerini, iOS için Google Mobile Ads SDK'sı 7.30.0 veya üzeri sürümlerini gerektirir.

Reklam öğelerinizde MRAID işlevlerini kullanmak için mraid.js'yi reklam öğenize aktarmanız gerekir. Bunun için <script src="mraid.js"> kod parçasını reklam öğenize dahil edin. MRAID uyumlu bir SDK olan Google Mobile Ads SDK'sı, reklam öğesinde bu kodu arayacak ve MRAID uygulamasına işaret eden gerçek bir URL ile değiştirecektir. MRAID'i destekleyen diğer SDK'lar da aynısını yapacaktır ancak bunların gerçek URL'leri farklı olacaktır.

İsteğe bağlı olarak, MRAID kitaplıklarını ve Google Mobile Ads SDK'sı işlevselliğini de aynı reklam öğesine ekleyebilirsiniz.

Reklam tıklanana kadar mraid.resize() ve diğer benzer işlevlerin herhangi bir etkisi olmayacaktır. Bu, kötü amaçlı bir reklam öğesinin otomatik olarak yeniden boyutlandırılıp ekranın tamamını kaplamasını engeller.

Android veya iOS için MRAID desteği hakkında daha fazla bilgi

Bu size yardımcı oldu mu?

Bunu nasıl iyileştirebiliriz?

Google Mobile Ads SDK'sı için reklam geliştirme

Bu sayfada:

Google Mobile Ads Uygulama Kimliklerini bulma

Reklam birimi kimliklerini ve boyutlarını bulma

Ek JavaScript işlevleri

Davranış ve kullanıcı arayüzü öğeleri

Davranış ve kullanıcı arayüzü öğeleri

Davranış ve kullanıcı arayüzü öğeleri

Tam ekran biriminden hedef URL işleme

MRAID uyumluluğu

Bu size yardımcı oldu mu?

Daha fazla yardıma mı ihtiyacınız var?

Bir sonraki adımları deneyin: