Tworzenie reklam za pomocą pakietu SDK do reklam mobilnych Google

Aby korzystać z pakietu SDK do reklam mobilnych Google, musisz uzyskać dla dewelopera identyfikator aplikacji, identyfikatory jednostek reklamowych i rozmiary reklamy.

Znajdowanie identyfikatorów aplikacji do reklam mobilnych Google

  1. Zaloguj się w usłudze Google Ad Manager
  2. Kliknij Zasoby reklamowe a potem Aplikacje.
  3. Odszukaj aplikację mobilną, której identyfikatora potrzebujesz, lub zarezerwuj nową aplikację mobilną.
  4. Kliknij Kliknij, by skopiować, aby skopiować do schowka zawartość pola „Identyfikator aplikacji”, np. ca-app-pub-3940256099942544~3347511713.
  5. Wyślij tę informację do dewelopera.

Znajdowanie identyfikatorów i rozmiarów jednostek reklamowych

  1. Kliknij Zasoby reklamowe a potem Jednostki reklamowe.
  2. Kliknij nazwę jednostki reklamowej, dla której chcesz utworzyć tag reklamy, lub utwórz nową jednostkę reklamową.
  3. Kliknij Tagi.
  4. Wybierz typ „Tag aplikacji mobilnej” i kliknij Dalej.
  5. W sekcji „Tag – wyniki” skopiuj zawartość pól „Identyfikator jednostki reklamowej” i „Rozmiary jednostek reklamowych”. Wyślij te informacje do dewelopera.

Dodatkowe funkcje JavaScriptu

Aby dowiedzieć się, jak korzystać z pakietu SDK do reklam mobilnych Google, zapoznaj się z dokumentacją dla deweloperów.

Poniżej przedstawiamy najciekawsze funkcje do modyfikowania sekcji <head> kreacji.

Rozwiń wszystko  Zwiń wszystko

Dostęp do wbudowanych funkcji urządzenia

Pakiet SDK umożliwia wykorzystanie funkcji przeglądarek w aplikacjach na iOS i Androidzie. Pozwala to deweloperom korzystać za pomocą języka HTML5 z takich funkcji urządzenia jak akcelerometr, żyroskop i kompas, jeśli tylko są one obsługiwane przez platformę.

dokumentacja dla deweloperów Dowiedz się więcej o tych funkcjach na Androida i iOS.
Zdarzenia w aplikacjach

Zdarzenia w aplikacjach pozwalają na wykonywanie w aplikacji kodu niestandardowego po przesłaniu przez kreację żądania realizacji takiego zdarzenia. Dzięki zdarzeniom możesz stosować niestandardowe wersje reklam, które współdziałają z aplikacją, np. zmieniają kolor jej tła.

dokumentacja dla deweloperów Dowiedz się, jak używać zdarzeń w aplikacjach.
Skalowanie obrazu do pełnego ekranu

Jeśli Twoja pełnoekranowa reklama zajmuje tylko fragment ekranu, w sekcji <head> kreacji wstaw ten kod:

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

Przykładowy kod reklamy w aplikacji: kliknięcie reklamy mobilnej otwiera kalendarz (MRAID w wersji 2.0)

Ten szablon to jednostka reklamowa, która pojawia się jako baner u dołu ekranu. Gdy użytkownik ją kliknie, domyślna aplikacja kalendarza tworzy za jego zgodą nowe wydarzenie.

Działanie i elementy interfejsu

Kreacja składa się z tych elementów interfejsu:

  • obraz banera wraz z wartościami wysokości i szerokości;
  • wymagane informacje o zdarzeniu, takie jak podsumowanie, opis, lokalizacja, data rozpoczęcia i data zakończenia.
Nazwa Typ Wymagany Opis
Plik obrazu banera Plik Tak Obraz banera reklamowego.
Szerokość obrazu banera Liczba Tak Szerokość obrazu banera.
Wysokość obrazu banera Liczba Tak Wysokość obrazu banera.
Podsumowanie zdarzenia Tekst Tak Podsumowanie zdarzenia.
Opis zdarzenia Tekst Tak Opis zdarzenia.
Lokalizacja zdarzenia Tekst Nie Lokalizacja zdarzenia.
Data rozpoczęcia zdarzenia Tekst Tak Data rozpoczęcia zdarzenia. Powinna mieć taki format: „2016-10-22T00:00-05:00”. Ten przykładowy ciąg znaków oznacza 22 października 2016 r., godziny od 0:00 do 05:00.
Data zakończenia zdarzenia Tekst Tak Data zakończenia zdarzenia. Powinna mieć taki format: „2016-10-22T00:00-05:00”. Ten przykładowy ciąg znaków oznacza 22 października 2016 r., godziny od 0:00 do 05:00.
  

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

Nazwa testowej jednostki reklamowej: ali_Calendar

Przykładowy kod reklamy displayowej: szablon rozwijanej stopki (MRAID w wersji 2.0)

Ten szablon to jednostka reklamowa złożona z 2 komponentów, która pojawia się jako baner reklamowy u dołu ekranu. Gdy użytkownik kliknie baner, reklama rozwija się do określonych wymiarów. Gdy użytkownik kliknie rozwiniętą reklamę, zostanie przekierowany na adres URL zdefiniowany jako docelowy URL.

Szerokość może odpowiadać szerokości banera lub całego ekranu (jeśli parametr FullWidthResize ma wartość „Yes”, czyli „tak”).

Działanie i elementy interfejsu

Kreacja składa się z tych elementów interfejsu:

  • komponenty kreacji (w przypadku każdego z nich musisz określić plik, wysokość i szerokość);
    • komponent z obrazem banera;
    • komponent z powiększonym banerem,
    • ikona przycisku zamknięcia.
  • Możesz dostosować położenie przycisku zamknięcia, umieszczając go w prawym lub lewym górnym rogu ekranu.
  • Możesz zmienić kolor tła reklamy.
Nazwa Typ Wymagany Opis
Plik obrazu banera Plik Tak Obraz, który będzie wyświetlać się w banerze reklamowym.
Wysokość obrazu banera Liczba Tak Wysokość obrazu banera.
Szerokość obrazu banera Liczba Tak Szerokość obrazu banera.
Kolor tła Tekst Tak Kolor tła obszaru zajmowanego przez powiększony obraz i przez baner.
Docelowy URL URL Tak URL strony, na którą zostanie przekierowany użytkownik po kliknięciu powiększonej reklamy.
Plik powiększonego obrazu Plik Tak Obraz, który wyświetli się po kliknięciu banera.
Wysokość powiększonego obrazu Liczba Tak Wysokość powiększonego obrazu.
Szerokość powiększonego obrazu Liczba Tak Szerokość powiększonego obrazu.
Ikona zamknięcia Plik Tak Plik graficzny przycisku „Zamknij”.
Szerokość ikony zamknięcia Liczba Tak Szerokość przycisku „Zamknij” (średnia wartość to 30).
Wysokość ikony zamknięcia Liczba Tak Wysokość przycisku „Zamknij” (średnia wartość to 30).
Położenie przycisku zamknięcia Lista Nie Przycisk „Zamknij” możesz umieścić w prawym lub lewym górnym rogu ekranu. Możliwe wartości to „Right” (prawo) i „Left” (lewo). Jeśli pozostawisz ten parametr pusty, przycisk będzie w prawym górnym rogu ekranu.
Powiększenie do pełnej szerokości Lista Nie Jeśli wartość to „Yes” (Tak), powiększona reklama zajmuje całą szerokość ekranu. W przypadku wartości „No” (Nie) szerokość jest taka sama jak pierwotnego baneru. Możliwe wartości to „Yes” i „No”, a wartością domyślną jest „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>

Nazwa testowej jednostki reklamowej: ali_resizeBanner

Ten szablon to jednostka reklamowa złożona z 2 komponentów, która pojawia się jako baner reklamowy u dołu ekranu. Gdy użytkownik kliknie baner, reklama powiększa się na cały ekran. Gdy użytkownik kliknie rozwiniętą reklamę, zostanie przekierowany na adres URL zdefiniowany jako docelowy URL.

Ten szablon korzysta z domyślnego przycisku zamknięcia MRAID.

Działanie i elementy interfejsu

Kreacja składa się z tych elementów interfejsu:

  • Komponenty kreacji:
    • komponent z obrazem banera (musisz też podać wysokość i szerokość),
    • komponent z rozwiniętym banerem.
  • Możesz zmienić kolor tła baneru reklamowego i rozwiniętej reklamy.
Nazwa Typ Wymagany Opis
Plik obrazu banera Plik Tak Obraz, który będzie wyświetlać się w banerze reklamowym.
Wysokość obrazu banera Liczba Tak Wysokość obrazu banera.
Szerokość obrazu banera Liczba Tak Szerokość obrazu banera.
Kolor tła Tekst Tak Kolor tła obszaru zajmowanego przez obraz banera.
Docelowy URL URL Tak URL strony, na którą zostanie przekierowany użytkownik po kliknięciu powiększonej reklamy.
Plik rozwiniętego obrazu Plik Tak Obraz, który wyświetli się po kliknięciu banera.
Wysokość rozwiniętego obrazu Liczba Tak Wysokość rozwiniętego obrazu.
Szerokość rozwiniętego obrazu Liczba Tak Szerokość rozwiniętego obrazu.
  

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

Nazwa testowej jednostki reklamowej: ali_expandDefaultClose

Przykładowy kod automatycznego zamykania reklamy pełnoekranowej
Automatycznie mogą być zamykane tylko te reklamy pełnoekranowe, które zostały zarezerwowane bezpośrednio. Reklamy wyświetlane w ramach alokacji dynamicznej (czyli przez Ad Exchange, AdSense lub AdMob) może zamykać tylko użytkownik.

Aby ustawić zamykanie reklamy pełnoekranowej po ustalonym czasie:

  • Umieść kod zamykający reklamę pełnoekranową po ustalonym czasie w kodzie samej kreacji. Oto kod, który możesz wykorzystać jako szablon w takim przypadku:

<!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>
Okno docelowe: okno nakładki w aplikacji

Funkcja admob.opener.openOverlay() umożliwia otwarcie pełnoekranowej przeglądarki w nakładce animowanej od dołu ekranu. Przeglądarka nie zawiera paska stanu, a jej przycisk zamknięcia znajduje się zawsze w lewym górnym rogu. Ta opcja może być korzystna w przypadku reklam rozwijanych – dzięki niej jednostka pełnoekranowa może się pojawiać na osobnej stronie.

Poniżej znajduje się przykładowy kod banera umożliwiający wczytanie jednostki pełnoekranowej w oknie przeglądarki w nakładce. Elementy zastępcze musisz zastąpić własnymi wartościami. Jeśli ta opcja jest dostępna w Twojej sieci, możesz użyć kodu przykładowego do utworzenia szablonu kreacji.

  • [BANNER_UNIT]: URL kreacji banerowej.
  • [WIDTH]: szerokość kreacji banerowej.
  • [HEIGHT]: wysokość kreacji banerowej.
  • [FULLSCREEN_UNIT]: URL kreacji pełnoekranowej. Uwaga: jednostka pełnoekranowa powinna zawierać kod JavaScript umożliwiający przeanalizowanie docelowego adresu URL i przekierowanie użytkownika na stronę docelową po kliknięciu. Więcej informacji znajdziesz w sekcji Obsługa docelowego adresu URL z jednostki pełnoekranowej.
  • [DESTINATION_URL]: URL strony docelowej.
  • [FALLBACK_URL]: zapasowy URL strony docelowej na wypadek, gdyby funkcja JavaScriptu nie została wykonana.
  • [ORIENTATION]: obsługiwana orientacja docelowego adresu URL. Możliwe wartości to „p” (pionowa), „l” (pozioma) lub brak wartości (dowolna orientacja).

Oto przykładowy kod kreacji:


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

Obsługa docelowego adresu URL z jednostki pełnoekranowej

Funkcja admob.opener.openOverlay() nie umożliwia określenia docelowego adresu URL zawartości HTML.

Przy założeniu, że podczas określania jednostki pełnoekranowej docelowy URL został podany w postaci pary klucz-wartość (np. „https://link.to.fullscreen.unit?destination=https://my.destination.url”), możesz napisać prostą funkcję JavaScriptu i umieścić w niej fragment kodu HTML, aby przechwytywać kliknięcia i kierować użytkowników na stronę docelową.

Przykładowy kod źródłowy strony:


<!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() {
  // Pobranie bieżącego adresu URL występującego po znaku „?”
  var destinationUrl = window.location.search;

  // Usunięcie początkowego znaku „?”
  destinationUrl = destinationUrl.substring(1);
  // Przeanalizowanie pary klucz-wartość destination=url
  var kvPair = destinationUrl.split("=");
  var key = kvPair[0]; // klucz: strona docelowa
  var value = kvPair[1]; // wartość: url
  var url = decodeURIComponent(value); 

  // Otwarcie strony docelowej w nakładce
  window.location = url;

  // Otwarcie strony docelowej w przeglądarce zewnętrznej
  // admob.opener.openUrl(url, true);
}
</script>
</head>

<body>
<div style="position:relative;">
<!-- Wczytanie źródła treści do elementu 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>
<!-- Utworzenie klikalnego obszaru -->
<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>

Zgodność z MRAID

Na potrzeby reklam w aplikacjach mobilnych pakiet SDK do reklam mobilnych Google obsługuje specyfikację Mobile Rich Media Ad Interface Definitions (MRAID) organizacji IAB. Aby ustawić element zamówienia jako MRAID w wersji 1 lub 2, użyj ustawień kierowania tego elementu w sekcji Dodaj kierowanie a potem Możliwości urządzenia.

Wymagania MRAID:

  • MRAID w wersji 2 wymaga Usług Google Play w wersji 7.8 lub nowszej (w przypadku Androida) oraz pakietu SDK do reklam mobilnych Google w wersji 7.4.0 lub nowszej (w przypadku iOS).
  • MRAID w wersji 3 wymaga Usług Google Play w wersji 15.0.0 lub nowszej (w przypadku Androida) oraz pakietu SDK do reklam mobilnych Google w wersji 7.30.0 lub nowszej (w przypadku iOS).

Aby używać funkcji MRAID w kreacjach, musisz zaimportować do nich plik mraid.js. Aby to zrobić, dodaj do kreacji instrukcję <script src="mraid.js">. Pakiet SDK do reklam mobilnych Google, jako zgodny z MRAID, odszuka ten kod w kreacji i zastąpi go rzeczywistym adresem URL wskazującym implementację MRAID. Inne pakiety SDK obsługujące MRAID zadziałają tak samo, chociaż ich rzeczywiste adresy URL będą wyglądać inaczej.

Możesz też opcjonalnie dołączyć do tej samej kreacji biblioteki MRAID i funkcje pakietu SDK do reklam mobilnych Google.

Funkcja mraid.resize() i inne podobne funkcje nie będą miały żadnego wpływu na kreację, dopóki użytkownik nie kliknie reklamy. Dzięki temu złośliwa kreacja nie zmieni automatycznie rozmiaru i nie zajmie całego ekranu.
dokumentacja dla deweloperów Dowiedz się więcej o obsłudze MRAID na Androidzie i iOS.

Czy to było pomocne?

Jak możemy ją poprawić?

Potrzebujesz dodatkowej pomocy?

Wykonaj te czynności:

Zadaj pytanie na forum pomocy Uzyskaj odpowiedzi od członków społeczności
Kontakt z nami Przekaż więcej informacji, byśmy mogli Ci pomóc
true
Informacje o&nbsp;wersji

Poznaj najnowsze funkcje Ad Managera i poczytaj zaktualizowane artykuły w Centrum pomocy.

Zobacz, co nowego

Szukaj
Wyczyść wyszukiwanie
Zamknij wyszukiwanie
Menu główne
8398338162067393805
true
Wyszukaj w Centrum pomocy
true
true
true
true
true
148
false
false