How to display Ads in your Applications with Google AdMob

Bài đăng này đã không được cập nhật trong 5 năm

Introduction

Có thể nói quảng cáo trên mobile là xu thế, nếu trước kia chúng ta thường thấy quảng cáo xuất hiện trên banner của các trang web thì bây giờ, khi số lượng người sử dụng mobile bùng nổ thì quảng cáo trên mobile là không thể thiếu. Một số nền tảng quảng cáo nổi tiếng trên mobile như: iAd, google Admob...

Trong bài viết này chúng ta cùng nhau đi tìm hiểu về quảng cáo rất nổi tiếng trên mobile đó là Google Admob.

Chúng ta cùng tìm hiểu nhé!

In App Advertising

Thật vậy, quảng cáo trên mobile xuất hiện tại nhiều vị trí như: top, bottom, hoặc hiển thị full toàn bộ màn hình theo kiểu popup. Chúng ta cùng tìm hiểu làm thế nào để cài đặt và tích hợp quảng cáo vào app ak!

Get the Google AdMob SDK

Đi tới trang web: [https://developers.google.com]. Bạn sẽ nhìn thấy ở giữa màn hình:

Click vào nút giữa "iOS". Sau đó sẽ đi tới trang "Google APIs for iOS". Cuộc xuống dưới trang, có 3 cột. Sau đó bạn tìm phần nội dung có title là "Earn"

Click vào button AdMob. Sau đó bạn chọn tab "Download":

Trong trang này có một bảng là danh sách các version có thể download. Một trong số đó chúng ta chọn như hình dưới đây:

Create the Project

Trong Xcode, tạo mới Single View Application.

Sau đó Xcode sẽ hỏi nơi bạn lưu lại, bạn hãy chọn vị trí mong muốn và lưu lại. Sau đó copy toàn bộ thư mục của SDK Google AdMob mà bạn vừa tải xuống vào thư mục dự án mà bạn vừa lưu.

Linking Google AdMob to our project

Mở project lên sau đó chúng ta thêm SDK vừa tải xuống vào thư mục của project như sau:

Ngoài ra chúng ta cũng cần thêm nhiều frameworks vào project mà Google AdMob project yêu cầu:

AdSupport.framework AudioToolbox.framework AVFoundation.framework CoreGraphics.framework CoreTelephony.framework EventKit.framework EventKitUI.framework MessageUI.framework StoreKit.framework SystemConfiguration.framework

Import GoogleMobileAds

Đi tới viewcontroller và import library GoogleMobile Ads:

import GoogleMobileAds

Bây giờ thì project đã sẵn sàng để thêm ads. Buld project và lưu lại .

Create AdMob Banner Ads

Trong phần navigation của project chọn Main.storyboard:

Sau đó chúng ta kéo UIView vào file controller và căn chỉnh x,y và width, height:

Một lần nữa, chúng ta set super class: GADBannerView cho UIVIew vừa được thêm vào:

Sau đó chúng ta kéo IBOutlet vào file swift:

@IBOutlet weak var GoogleBannerView: GADBannerView!

Trong func ViewDidLoad chúng ta điền các dòng code setup:

GoogleBannerView.adUnitID = "ca-app-pub-3940256099942544/2934735716"
GoogleBannerView.rootViewController = self
GoogleBannerView.loadRequest(GADRequest())

Sau đó đi tới file .plist để cài đặt key NSAllowsArbitraryLoads với giá trị YES

Sau đó chạy project bạn sẽ thấy GoodleAdmob đã được thêm vào ứng dụng.

Conclusion

Trong bài viết này mình đã giới thiệu tới các bạn làm thể nào để có thể hiển thị Ads trong ứng dụng với Google AdMob. Có thể nói là khá đơn giản, chúng ta đã có thể dễ dàng thêm quảng cáo Google Admob vào ứng dụng của mình.

Cám ơn bạn đã dành thời gian cho bài viết!