步驟:
共分成三部分:
1.CocoaPods安裝AdMob的第三方套件
2.帳號創建
3.創新專案&內部設置
CocoaPods安裝AdMob的第三方套件流程
1.開啟終端機
2.cd ~/Desktop/XXX ,XXX=專案名稱
3.pod init 初始化
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/安裝廣告-1-1024x221-2.png)
4.開啟CocoaPods主程式
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/開啟cocoapods-1024x594-2.png)
5. 輸入圖片的第一步驟pod ‘Google-Mobile-Ads-SDK’,並按下Install
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/安裝cocoapods-965x1024-2.png)
6. 安裝第三方套件完成
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/安裝完成-1024x901-2.png)
帳號創建
從Google AdMob頁面登入
![](https://ryuchen.com/blog/wp-content/uploads/2020/08/Google登入-1024x504.png)
按下『新增應用程式』
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/新增1-1.png)
輸入完應用程式名稱、平台之後按下新增
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/新增2-1.png)
之後就會看到新增完成的信息了,接著新增廣告單元。
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/新增3-1-1.png)
新增廣告,看你要新增什麼樣子的廣告,這裡以橫幅廣告作示範~
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/新增4-1024x372-2.png)
橫幅廣告的設定
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/新增5-1.png)
大功告成,接著我們就可以在程式碼內鑲嵌此段代碼,新增廣告~
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/新增6-1-1.png)
創建專案
開啟.xcworkspace
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/開啟.png)
確認起始專案不是預設給的nonaopb,而是我們的專案名稱『test』
![](https://ryuchen.com/blog/wp-content/uploads/2020/06/1-1024x457.png)
![](https://ryuchen.com/blog/wp-content/uploads/2020/06/2.png)
設置info.plist 屬性,右鍵點選info.plist後按下Souce Code 會跳出右方xml的編輯模式
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/info-1024x600-1.png)
在info.plist 新增 key-value
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-8911600098034117~8387728191</string>
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/設置-1024x581-2.png)
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/設置ID-1.png)
設置UI,共拉兩個View,第一個是拉整塊,用來區分顏色用的,第二個是廣告區塊
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/廣告UI設置-488x1024-2.png)
在第二個區塊設置Class
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/設置class-1024x905-2.png)
AppDelegate裡設置紅底所標的程式碼
import GoogleMobileAds
GADMobileAds.sharedInstance().start(completionHandler: nil)
![](https://ryuchen.com/blog/wp-content/uploads/2020/06/AppDelegate-1024x419.png)
在ViewController.swift依圖片新增以下程式碼,並把bannerView 拉向bannerView的View做關聯
@IBOutlet weak var bannerView: GADBannerView!
注意ca-app-pub-3940256099942544/2934735716 試google給測試者試用的廣告測試ID,正式的id不能隨意使用,若自己點擊到廣告,可能會被google Adsense封鎖帳戶!!
bannerView.adUnitID = "ca-app-pub-3940256099942544/2934735716"
bannerView.rootViewController = self
bannerView.load(GADRequest())
bannerView.delegate = self
extension ViewController: GADBannerViewDelegate{
func adViewDidReceiveAd(_ bannerView: GADBannerView) {
print("received ad")
}
func adView(_ bannerView: GADBannerView, didFailToReceiveAdWithError error: GADRequestError) {
print(error)
}
}
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/最後設置-1024x552-2.png)
顯示成功!
![](https://ryuchen.com/blog/wp-content/uploads/2023/06/最後成果-475x1024-2.png)