[Xcode] 加入 APP 行動應用廣告 AdMob - KnucklesNote板

Disp BBS guest 註冊登入(i) 線上人數: 144

首頁(home) 上頁(↑) 下頁(↓) 末頁(end)

看板 Knuckles_note

作者 Knuckles (站長那克斯)
標題 [Xcode] 加入 APP 行動應用廣告 AdMob
時間 2014年11月26日 Wed. PM 10:02:40

先到 AdMob 網站啟用 AdMob 帳號 (需要先有 Adsense 帳號)
http://www.google.com.tw/ads/admob/

先新增一個應用程式

新增一個廣告單元

在 Xcode 將廣告需要用到的程式與 framework 加入 APP 專案
參考: https://developers.google.com/mobile-ads-sdk/docs/dfp/ios/quick-start
其中 Adding the SDK to your Xcode project
有 Streamlined, using CocoaPods 和 Manually, using the SDK download
這邊使用 Manually 手動加入 SDK 的方法

先到 SDK Download 下載新的SDK

解壓縮後加入 Xcode 的專案

在專案設定的「Linked Frameworks and Libraries」，點✚加入這些 frameworks

AdSupport
AudioToolbox
AVFoundation
CoreGraphics
CoreMedia ← SDK 7.1 新增
CoreTelephony
EventKit
EventKitUI
MessageUI
StoreKit
SystemConfiguration
GoogleMobileAds

在要載入廣告的 ViewController 前加上

@import GoogleMobileAds;

然後在 - viewDidLoad 裡加上一行

NSLog(@"Google Mobile Ads SDK version: %@", [DFPRequest sdkVersion]);

SDK載入正確的話，可以在程式執行時在 Log 看到 SDK 載入的版本編號

在 @interface 下面加上

@property (weak, nonatomic) IBOutlet DFPBannerView  *bannerView;

在 storyboard 上拉一塊 320x50 的 UIView
設定 Custom Class 為「DFPBannerView」

點一下 Controller，選右邊的連結設定
將 Outlets 裡的 bannerView 連結至剛剛拉的 DFPBannerView

在 ViewController.m 的 -viewDidLoad 裡加上

  // Replace this ad unit ID with your own ad unit ID.

  self.bannerView.adUnitID = @"/6499/example/banner";

  self.bannerView.rootViewController = self;

  [self.bannerView loadRequest:[DFPRequest request]];

執行程式看看是否有載入測試廣告

其中 ad unit ID 要改成 Admob 的廣告單元編號

使用 DFP 來放 Admob 的廣告

如果要使用 DFP 來管理 AdMob 與自己的廣告
在 DFP 裡「廣告空間」/「廣告單元」
選擇一個廣告單元 -> 產生廣告代碼 -> 選擇「行動應用程式」

裡面的廣告單元編號即為 ad unit ID

新增 DFP 的委刊項
有開啟 AdMob 帳號的話，類型會多一個 AdMob 可以選

新增廣告素材時，填入 AdMob 的廣告單元編號

執行 APP 後，在Xcode的Output Log會看到:
To get test ads on this device, call: request.testDevices = @[@"xxxxxxxxxxxxxxxxxxxxxxxxxxx"];
其中 xxxxxxxxxxxxxxxxxxxxxxxxxxx 每個裝置都不同

將 [self.bannerView loadRequest:[DFPRequest request]]; 這行改為

  DFPRequest *request = [DFPRequest request];

  request.testDevices = @[ @"xxxxxxxxxxxxxxxxxxxxxxxxxxx" ]; //Test Ads

  [self.bannerView loadRequest:request];