Phát triển quảng cáo cho SDK quảng cáo trên thiết bị di động của Google

Để sử dụng SDK quảng cáo trên thiết bị di động của Google, bạn phải thu thập mã ứng dụng, mã đơn vị quảng cáo và kích thước quảng cáo cho nhà phát triển của mình.

Tìm mã ứng dụng cho quảng cáo trên thiết bị di động của Google

  1. Đăng nhập vào Google Ad Manager.
  2. Nhấp vào Khoảng không quảng cáo và sau đó Ứng dụng.
  3. Tìm ứng dụng mà bạn cần mã hoặc xác nhận quyền sở hữu ứng dụng mới.
  4. Nhấp vào biểu tượng Nhấp để sao chép để sao chép "Mã ứng dụng" vào khay nhớ tạm. Ví dụ: ca-app-pub-3940256099942544~3347511713
  5. Gửi thông tin này cho nhà phát triển của bạn.

Tìm mã và kích thước đơn vị quảng cáo

  1. Nhấp vào Khoảng không quảng cáo và sau đó Đơn vị quảng cáo.
  2. Nhấp vào tên của đơn vị quảng cáo bạn muốn tạo thẻ quảng cáo hoặc tạo đơn vị quảng cáo mới.
  3. Nhấp vào Thẻ.
  4. Chọn loại thẻ "Thẻ ứng dụng dành cho thiết bị di động" và nhấp vào Tiếp tục.
  5. Từ "Kết quả thẻ", hãy sao chép "Mã đơn vị quảng cáo" và "Kích thước đơn vị quảng cáo". Gửi thông tin này cho nhà phát triển của bạn.

Hàm JavaScript bổ sung

Để tận dụng chức năng của SDK quảng cáo trên thiết bị di động của Google, hãy tham khảo tài liệu dành cho nhà phát triển.

Sau đây là một số chức năng đáng chú ý để sửa đổi phần <head> của mẫu quảng cáo.

Mở rộng tất cả  Thu gọn tất cả

Truy cập các chức năng của thiết bị

SDK thể hiện chức năng của các trình duyệt trong ứng dụng có sẵn trên iOS và Android. Việc này cho phép nhà phát triển truy cập vào các chức năng của thiết bị, chẳng hạn như gia tốc kế, con quay và la bàn qua HTML5 khi nền tảng hỗ trợ các chức năng này.

tài liệu dành cho nhà phát triểnTìm hiểu thêm về các chức năng này cho Android và iOS.
Sự kiện ứng dụng

Sự kiện ứng dụng cho phép bạn thực thi mã tùy chỉnh trong ứng dụng khi tệp sáng tạo gửi đi một sự kiện ứng dụng. Với sự kiện ứng dụng, bạn có thể thêm các thao tác thực thi quảng cáo tùy chỉnh tương tác với ứng dụng, chẳng hạn như thay đổi màu nền của ứng dụng.

tài liệu dành cho nhà phát triểnTìm hiểu cách triển khai sự kiện ứng dụng.
Điều chỉnh tỷ lệ hình ảnh thành toàn màn hình

Nếu bạn thấy rằng quảng cáo toàn màn hình của mình chỉ chiếm một phần màn hình, hãy chèn mã sau vào phần <head> của quảng cáo:

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

Mã mẫu cho quảng cáo trong ứng dụng: Nhấp để chuyển tới Lịch dành cho thiết bị di động sử dụng MRAID v2.0

Mẫu này là đơn vị quảng cáo biểu ngữ bắt đầu dưới dạng biểu ngữ cuối màn hình. Nếu người dùng nhấp vào biểu ngữ thì ứng dụng lịch mặc định của họ sẽ tạo sự kiện mới khi họ đồng ý.

Hành vi và phần tử giao diện người dùng

Mẫu quảng cáo có các thành phần trên giao diện người dùng sau:

  • Hình ảnh biểu ngữ và chiều cao cùng chiều rộng của biểu ngữ.
  • Bạn cần phải nhập thông tin về sự kiện, chẳng hạn như phần tóm tắt, mô tả, vị trí, ngày bắt đầu và ngày kết thúc.
Tên Loại Bắt buộc Phần mô tả
Tệp hình ảnh biểu ngữ Tệp Có Hình ảnh quảng cáo biểu ngữ.
Chiều rộng hình ảnh biểu ngữ Số Có Chiều rộng hình ảnh biểu ngữ.
Chiều cao hình ảnh biểu ngữ Số Có Chiều cao hình ảnh biểu ngữ.
Phần tóm tắt sự kiện Văn bản Có Phần tóm tắt sự kiện.
Phần mô tả sự kiện Văn bản Có Mô tả về sự kiện.
Vị trí sự kiện Văn bản Không Vị trí diễn ra sự kiện.
Ngày bắt đầu sự kiện Văn bản Có Ngày bắt đầu của sự kiện. Ngày bắt đầu phải có dạng sau: '2016-10-22T00:00-05:00'. Ví dụ: đây là sự kiện diễn ra vào ngày 22 tháng 10 năm 2016 từ 0:00 tới 05:00.
Ngày kết thúc sự kiện Văn bản Có Ngày kết thúc của sự kiện. Ngày kết thúc phải có dạng sau: '2016-10-22T00:00-05:00'. Ví dụ: đây là sự kiện diễn ra vào ngày 22 tháng 10 năm 2016 từ 0:00 tới 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>

Tên đơn vị quảng cáo thử nghiệm: ali_Calendar

Mã mẫu để hiển thị quảng cáo: Mẫu chân trang có thể mở rộng sử dụng MRAID v2.0

Mẫu này là đơn vị quảng cáo hai thành phần bắt đầu dưới dạng quảng cáo biểu ngữ ở cuối màn hình. Nếu người dùng nhấp vào biểu ngữ thì quảng cáo sẽ đổi kích thước thành một số kích thước mở rộng cụ thể. Nếu người dùng nhấp vào quảng cáo có kích thước mở rộng, họ sẽ được chuyển hướng đến URL được xác định là URL của trang đích khi nhấp.

Chiều rộng có thể là kích thước của biểu ngữ hoặc toàn bộ chiều rộng màn hình (nếu giá trị FullWidthResize là "Yes").

Hành vi và phần tử giao diện người dùng

Mẫu quảng cáo có các thành phần trên giao diện người dùng sau:

  • Thành phần mẫu quảng cáo (bắt buộc phải nhập tệp, chiều cao và chiều rộng cho từng thành phần này)
    • Thành phần hình ảnh biểu ngữ
    • Thành phần biểu ngữ đã đổi kích thước
    • Biểu tượng nút đóng
  • Có thể điều chỉnh để nút đóng hiển thị ở góc trên cùng bên phải hoặc trên cùng bên trái của màn hình.
  • Có thể thay đổi màu nền của quảng cáo.
Tên Loại Bắt buộc Phần mô tả
Tệp hình ảnh biểu ngữ Tệp Có Hình ảnh sẽ hiển thị trong quảng cáo biểu ngữ.
Chiều cao hình ảnh biểu ngữ Số Có Chiều cao hình ảnh biểu ngữ.
Chiều rộng hình ảnh biểu ngữ Số Có Chiều rộng hình ảnh biểu ngữ.
Màu nền Văn bản Có Màu nền của khoảng không hiển thị hình ảnh đã đổi kích thước và khoảng không hiển thị biểu ngữ.
URL của trang đích khi nhấp URL Có URL mà người dùng sẽ được chuyển hướng đến khi nhấp vào quảng cáo đã đổi kích thước.
Tệp hình ảnh đã đổi kích thước Tệp Có Hình ảnh sẽ hiển thị khi người dùng nhấp vào biểu ngữ.
Chiều cao hình ảnh đã đổi kích thước Số Có Chiều cao hình ảnh đã đổi kích thước.
Chiều rộng hình ảnh đã đổi kích thước Số Có Chiều rộng hình ảnh đã đổi kích thước.
Biểu tượng đóng Tệp Có Tệp hình ảnh cho nút "đóng".
Chiều rộng biểu tượng đóng Số Có Chiều rộng của nút "đóng". (Chiều rộng trung bình là 30).
Chiều cao biểu tượng đóng Số Có Chiều cao của nút "đóng". (Chiều cao trung bình là 30).
Vị trí nút đóng Danh sách Không Có thể điều chỉnh để nút "đóng" xuất hiện ở góc trên cùng bên phải hoặc trên cùng bên trái màn hình. Có thể mang giá trị "Right" ("Phải") hoặc "Left" ("Trái"). Nếu bạn để trống giá trị này thì nút đóng sẽ hiển thị ở góc trên cùng bên phải của màn hình.
Đổi kích thước thành toàn bộ chiều rộng Danh sách Không Có thể khiến quảng cáo đã đổi kích thước hiển thị toàn bộ chiều rộng màn hình nếu giá trị là "Yes" ("Có"). Nếu giá trị là "No" ("Không") thì chiều rộng sẽ cùng kích thước với biểu ngữ ban đầu. Giá trị có thể là Yes" ("Có") và "No" ("Không"), giá trị mặc định là "No" ("Không").
  

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

Tên đơn vị quảng cáo thử nghiệm: ali_resizeBanner

Mẫu này là đơn vị quảng cáo hai thành phần bắt đầu dưới dạng quảng cáo biểu ngữ ở cuối màn hình. Nếu người dùng nhấp vào biểu ngữ thì quảng cáo sẽ đổi kích thước để bao phủ toàn bộ màn hình. Nếu người dùng nhấp vào quảng cáo có kích thước mở rộng, họ sẽ được chuyển hướng đến URL được xác định là URL của trang đích khi nhấp.

Mẫu này sử dụng nút đóng MRAID mặc định.

Hành vi và phần tử giao diện người dùng

Mẫu quảng cáo có các thành phần trên giao diện người dùng sau:

  • Thành phần mẫu quảng cáo:
    • Thành phần hình ảnh biểu ngữ (bạn cũng cần nhập chiều dài và chiều rộng)
    • Thành phần Mở rộng biểu ngữ
  • Có thể thay đổi màu nền của quảng cáo biểu ngữ và quảng cáo mở rộng
Tên Loại Bắt buộc Phần mô tả
Tệp hình ảnh biểu ngữ Tệp Có Hình ảnh sẽ hiển thị trong quảng cáo biểu ngữ.
Chiều cao hình ảnh biểu ngữ Số Có Chiều cao hình ảnh biểu ngữ.
Chiều rộng hình ảnh biểu ngữ Số Có Chiều rộng hình ảnh biểu ngữ.
Màu nền Văn bản Có Màu nền của khoảng không hiển thị hình ảnh biểu ngữ.
URL của trang đích khi nhấp URL Có URL mà người dùng sẽ được chuyển hướng đến khi nhấp vào quảng cáo đã đổi kích thước.
Tệp hình ảnh mở rộng Tệp Có Hình ảnh sẽ hiển thị khi người dùng nhấp vào biểu ngữ.
Chiều cao hình ảnh mở rộng Số Có Chiều cao hình ảnh mở rộng.
Chiều rộng hình ảnh mở rộng Số Có Chiều rộng hình ảnh mở rộng.
  

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

Tên đơn vị quảng cáo thử nghiệm: ali_expandDefaultClose

Mã mẫu để tự động đóng quảng cáo xen kẽ
Chỉ có thể đóng tự động các quảng cáo xen kẽ được đặt trực tiếp; chỉ người dùng mới có thể loại bỏ các quảng cáo xen kẽ được phân phối qua chức năng phân bổ động (ví dụ: Ad Exchange, AdSense hoặc AdMob).

Để đóng quảng cáo xen kẽ sau một khoảng thời gian nhất định:

  • Bao gồm mã trong quảng cáo để đóng quảng cáo chuyển tiếp sau khi một khoảng thời gian nhất định đã trôi qua. Bạn có thể sử dụng mã sau làm mẫu cho phương pháp này:

<!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ửa sổ mục tiêu: cửa sổ lớp phủ trong ứng dụng

Sử dụng admob.opener.openOverlay(), bạn có thể mở trình duyệt lớp phủ toàn màn hình được làm động từ cuối màn hình. Trình duyệt này không có thanh trạng thái và luôn hiển thị nút đóng ở góc trên bên trái. Tùy chọn này có thể hoạt động tốt với quảng cáo có thể mở rộng, trong đó tệp sáng tạo toàn màn hình có thể lưu trữ trên một trang riêng.

Dưới đây là mã mẫu của biểu ngữ, trong đó bạn có thể tải đơn vị toàn màn hình vào cửa sổ trình duyệt lớp phủ. Bạn phải thay thế các phần tử trình giữ chỗ sau bằng giá trị của riêng bạn. Nếu mã mẫu có sẵn trong mạng của bạn, bạn có thể để tạo mẫu quảng cáo.

  • [BANNER_UNIT]: URL của tệp sáng tạo biểu ngữ.
  • [WIDTH]: Chiều rộng của tệp sáng tạo biểu ngữ.
  • [HEIGHT]: Chiều cao của tệp sáng tạo biểu ngữ.
  • [FULLSCREEN_UNIT]: URL của tệp sáng tạo toàn màn hình. Lưu ý: Đơn vị toàn màn hình phải bao gồm mã JavaScript để phân tích cú pháp URL đích và chuyển hướng người dùng đến trang đích khi được nhấp vào. Xem phần Xử lý URL đích từ đơn vị toàn màn hình để biết thêm chi tiết.
  • [DESTINATION_URL]: URL của trang đích.
  • [FALLBACK_URL]: URL đích dự phòng để sử dụng trong trường hợp hàm JavaScript không thực thi.
  • [ORIENTATION]: Hướng được hỗ trợ cho URL đích (sử dụng "p" cho hướng dọc, "l" cho hướng ngang hoặc loại bỏ giá trị này để cho phép mọi hướng).

Dưới đây là mã tệp sáng tạo mẫu:


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

Xử lý URL đích từ đơn vị toàn màn hình

Hàm admob.opener.openOverlay() không có tùy chọn chỉ định URL đích của nội dung html.

Giả sử bạn đã chuyển URL đích thành dạng cặp khóa-giá trị khi chỉ định đơn vị toàn màn hình, ví dụ: "https://link.to.fullscreen.unit?destination=https://my.destination.url", bạn có thể viết hàm JavaScript đơn giản và đưa đoạn mã HTML vào để ghi nhận lượt nhấp và chuyển hướng người dùng tới trang đích.

Dưới đây là nguồn trang mẫu:


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

Tính tương thích của MRAID

SDK quảng cáo trên thiết bị di động của Google hỗ trợ Định nghĩa giao diện Quảng cáo đa truyền thông trên thiết bị di động (MRAID) chuẩn của IAB để quảng cáo trong ứng dụng trên thiết bị di động. Bạn có thể đặt mục hàng là MRAID v1 hoặc MRAID v2 thông qua tính năng tùy chọn cài đặt nhắm mục tiêu mục hàng trong phần Thêm tiêu chí nhắm mục tiêu và sau đó Khả năng của thiết bị.

Các yêu cầu của MRAID:

  • MRAID v2 yêu cầu dịch vụ của Google Play v7.8 trở lên cho Android và SDK quảng cáo trên thiết bị di động của Google v7.4.0 trở lên cho iOS.
  • MRAID v3 yêu cầu dịch vụ của Google Play v15.0.0 trở lên cho Android và SDK quảng cáo trên thiết bị di động của Google v7.30.0 trở lên cho iOS.

Để sử dụng các chức năng MRAID trong tệp sáng tạo quảng cáo, bạn phải nhập mraid.js vào tệp sáng tạo của mình. Để thực hiện việc này, hãy thêm <script src="mraid.js> vào tệp sáng tạo. SDK quảng cáo trên thiết bị di động của Google, là SDK tương thích với MRAID, sẽ tìm mã đó trong tệp sáng tạo và thay thế bằng URL thực trỏ đến hoạt động triển khai MRAID. Các SDK khác hỗ trợ MRAID sẽ thực hiện tương tự dù các URL thực của các SDK đó có thể khác.

Bạn có thể tùy ý đưa thư viện MRAID cũng như chức năng SDK quảng cáo trên thiết bị di động của Google vào cùng tệp sáng tạo.

mraid.resize() và các chức năng tương tự khác sẽ không có hiệu lực cho đến thời điểm sau khi quảng cáo được nhấp vào. Điều này ngăn mẫu quảng cáo độc hại tự động thay đổi kích thước và chiếm toàn bộ màn hình.
tài liệu dành cho nhà phát triểnTìm hiểu thêm về khả năng hỗ trợ MRAID dành cho Android hoặc iOS.

Thông tin này có hữu ích không?

Chúng tôi có thể cải thiện trang này bằng cách nào?

Bạn cần trợ giúp thêm?

Hãy thử các bước tiếp theo sau:

Đăng lên cộng đồng trợ giúp Nhận câu trả lời từ các thành viên cộng đồng
Liên hệ với chúng tôi Hãy giải thích thêm để chúng tôi hỗ trợ bạn tốt hơn
true
Bản ghi chú phát hành

Đọc về những tính năng mới nhất của Ad Manager và các thông tin cập nhật trong Trung tâm trợ giúp.

Xem tính năng mới

Tìm kiếm
Xóa nội dung tìm kiếm
Đóng tìm kiếm
Trình đơn chính
18380500567792291395
true
Tìm kiếm trong Trung tâm trợ giúp
true
true
true
true
true
148
false
false