SwiftUI 中的 Admob 原生广告
Admob Native Ads in SwiftUI
让 Admob Native Ads 与 SwiftUI 配合使用时，我运气不是很好。我尝试使用此处找到的代码。
https://github.com/googleads/googleads-mobile-ios-examples/blob/master/Swift/admob/NativeAdvancedExample/NativeAdvancedExample/ViewController.swift
这是我最终得到的确切代码，因为 link 中的大部分代码都不起作用。
import GoogleMobileAds
import UIKit
class ViewController: UIViewController {
/// The view that holds the native ad.
@IBOutlet var nativeAdPlaceholder: UIView!
/// The height constraint applied to the ad view, where necessary.
var heightConstraint: NSLayoutConstraint?
/// The ad loader. You must keep a strong reference to the GADAdLoader during the ad loading
/// process.
var adLoader: GADAdLoader!
/// The native ad view that is being presented.
var nativeAdView: GADUnifiedNativeAdView!
/// The ad unit ID.
let adUnitID = "ca-app-pub-3940256099942544/3986624511"
override func viewDidLoad() {
super.viewDidLoad()
guard
let nibObjects = Bundle.main.loadNibNamed("UnifiedNativeAdView", owner: nil, options: nil),
let adView = nibObjects.first as? GADUnifiedNativeAdView
else {
assert(false, "Could not load nib file for adView")
}
setAdView(adView)
refreshAd(nil)
}
func setAdView(_ adView: GADUnifiedNativeAdView) {
// Remove the previous ad view.
nativeAdView = adView
nativeAdPlaceholder = UIView()
nativeAdPlaceholder.addSubview(nativeAdView)
nativeAdView.translatesAutoresizingMaskIntoConstraints = false
// Layout constraints for positioning the native ad view to stretch the entire width and height
// of the nativeAdPlaceholder.
let viewDictionary = ["_nativeAdView": nativeAdView!]
nativeAdPlaceholder.addConstraints(
NSLayoutConstraint.constraints(
withVisualFormat: "H:|[_nativeAdView]|",
options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewDictionary)
)
nativeAdPlaceholder.addConstraints(
NSLayoutConstraint.constraints(
withVisualFormat: "V:|[_nativeAdView]|",
options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewDictionary)
)
}
// MARK: - Actions
/// Refreshes the native ad.
@IBAction func refreshAd(_ sender: AnyObject!) {
adLoader = GADAdLoader(
adUnitID: adUnitID, rootViewController: self,
adTypes: [.unifiedNative], options: nil)
adLoader.delegate = self
adLoader.load(GADRequest())
}
}
extension ViewController: GADUnifiedNativeAdLoaderDelegate {
func adLoader(_ adLoader: GADAdLoader, didFailToReceiveAdWithError error: GADRequestError) {
print("fail")
}
func adLoader(_ adLoader: GADAdLoader, didReceive nativeAd: GADUnifiedNativeAd) {
// Set ourselves as the native ad delegate to be notified of native ad events.
nativeAd.delegate = self
// Deactivate the height constraint that was set when the previous video ad loaded.
heightConstraint?.isActive = false
// Populate the native ad view with the native ad assets.
// The headline and mediaContent are guaranteed to be present in every native ad.
(nativeAdView.headlineView as? UILabel)?.text = nativeAd.headline
nativeAdView.mediaView?.mediaContent = nativeAd.mediaContent
// This app uses a fixed width for the GADMediaView and changes its height to match the aspect
// ratio of the media it displays.
if let mediaView = nativeAdView.mediaView, nativeAd.mediaContent.aspectRatio > 0 {
heightConstraint = NSLayoutConstraint(
item: mediaView,
attribute: .height,
relatedBy: .equal,
toItem: mediaView,
attribute: .width,
multiplier: CGFloat(1 / nativeAd.mediaContent.aspectRatio),
constant: 0)
heightConstraint?.isActive = true
}
// These assets are not guaranteed to be present. Check that they are before
// showing or hiding them.
(nativeAdView.bodyView as? UILabel)?.text = nativeAd.body
nativeAdView.bodyView?.isHidden = nativeAd.body == nil
(nativeAdView.callToActionView as? UIButton)?.setTitle(nativeAd.callToAction, for: .normal)
nativeAdView.callToActionView?.isHidden = nativeAd.callToAction == nil
(nativeAdView.iconView as? UIImageView)?.image = nativeAd.icon?.image
nativeAdView.iconView?.isHidden = nativeAd.icon == nil
nativeAdView.starRatingView?.isHidden = true
(nativeAdView.storeView as? UILabel)?.text = nativeAd.store
nativeAdView.storeView?.isHidden = nativeAd.store == nil
(nativeAdView.priceView as? UILabel)?.text = nativeAd.price
nativeAdView.priceView?.isHidden = nativeAd.price == nil
(nativeAdView.advertiserView as? UILabel)?.text = nativeAd.advertiser
nativeAdView.advertiserView?.isHidden = nativeAd.advertiser == nil
// In order for the SDK to process touch events properly, user interaction should be disabled.
nativeAdView.callToActionView?.isUserInteractionEnabled = false
// Associate the native ad view with the native ad object. This is
// required to make the ad clickable.
// Note: this should always be done after populating the ad views.
nativeAdView.nativeAd = nativeAd
}
}
// MARK: - GADUnifiedNativeAdDelegate implementation
extension ViewController: GADUnifiedNativeAdDelegate {
func nativeAdDidRecordClick(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
func nativeAdDidRecordImpression(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
func nativeAdWillPresentScreen(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
func nativeAdWillDismissScreen(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
func nativeAdDidDismissScreen(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
func nativeAdWillLeaveApplication(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
}
我做了这个结构。
import SwiftUI
import UIKit
struct NativeViewController: UIViewControllerRepresentable {
func makeUIViewController(context: Context) -> UIViewController {
let picker = ViewController()
return picker
}
func updateUIViewController(_ uiViewController: UIViewController, context: Context) {
}
}
但是当我像这样将 taht NativeViewController 放入正文时
var body: some View {
NativeViewController()
}
我没有收到任何错误，但也没有显示广告。
任何方向将不胜感激。
答案是使用 self.view 而不是占位符代码
// Remove the previous ad view.
nativeAdView = adView
self.view.addSubview(nativeAdView)
nativeAdView.translatesAutoresizingMaskIntoConstraints = false
// Layout constraints for positioning the native ad view to stretch the entire width and height
// of the nativeAdPlaceholder.
let viewDictionary = ["_nativeAdView": nativeAdView!]
self.view.addConstraints(
NSLayoutConstraint.constraints(
withVisualFormat: "H:|[_nativeAdView]|",
options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewDictionary)
)
self.view.addConstraints(
NSLayoutConstraint.constraints(
withVisualFormat: "V:|[_nativeAdView]|",
options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewDictionary)
)
最好的方法是创建一个委托 class，其实例位于将显示 AD 的视图中。
创建一个委托人（这里是虚拟测试广告）：
let interstitialID:String = "/6499/example/interstitial"
final class InterstitialDelegate: NSObject, GADInterstitialDelegate {
var interstitial: DFPInterstitial!
override init() {
super.init()
interstitial = createAndLoadInterstitial()
}
func createAndLoadInterstitial() -> DFPInterstitial {
interstitial = DFPInterstitial(adUnitID: interstitialID)
interstitial.delegate = self
interstitial.load(DFPRequest())
return interstitial
}
func showAd() {
print("Request to show AD")
if self.interstitial.isReady {
let root = UIApplication.shared.windows.first?.rootViewController
self.interstitial.present(fromRootViewController: root!)
print("AD presented")
} else {
print("AD not ready")
}
}
private func interstitialDidDismissScreen(_ ad: DFPInterstitial) {
interstitial = createAndLoadInterstitial()
}
}
然后在应该显示广告的视图中创建上面委托的实例：
struct MainView: View {
var interstitial : InterstitialDelegate
init() {
interstitial = InterstitialDelegate()
}
}
然后在此视图中通过调用
请求广告
interstitial.showAd()
例如在用户听完音乐之后。
来源：https://medium.com/@michaelbarneyjr/how-to-integrate-admob-ads-in-swiftui-fbfd3d774c50 who's also mentioned above in the answer by @pawello2222 and then I've updated it with the info from Google's Mobile Ads SDK.
让 Admob Native Ads 与 SwiftUI 配合使用时，我运气不是很好。我尝试使用此处找到的代码。 https://github.com/googleads/googleads-mobile-ios-examples/blob/master/Swift/admob/NativeAdvancedExample/NativeAdvancedExample/ViewController.swift 这是我最终得到的确切代码，因为 link 中的大部分代码都不起作用。
import GoogleMobileAds
import UIKit
class ViewController: UIViewController {
/// The view that holds the native ad.
@IBOutlet var nativeAdPlaceholder: UIView!
/// The height constraint applied to the ad view, where necessary.
var heightConstraint: NSLayoutConstraint?
/// The ad loader. You must keep a strong reference to the GADAdLoader during the ad loading
/// process.
var adLoader: GADAdLoader!
/// The native ad view that is being presented.
var nativeAdView: GADUnifiedNativeAdView!
/// The ad unit ID.
let adUnitID = "ca-app-pub-3940256099942544/3986624511"
override func viewDidLoad() {
super.viewDidLoad()
guard
let nibObjects = Bundle.main.loadNibNamed("UnifiedNativeAdView", owner: nil, options: nil),
let adView = nibObjects.first as? GADUnifiedNativeAdView
else {
assert(false, "Could not load nib file for adView")
}
setAdView(adView)
refreshAd(nil)
}
func setAdView(_ adView: GADUnifiedNativeAdView) {
// Remove the previous ad view.
nativeAdView = adView
nativeAdPlaceholder = UIView()
nativeAdPlaceholder.addSubview(nativeAdView)
nativeAdView.translatesAutoresizingMaskIntoConstraints = false
// Layout constraints for positioning the native ad view to stretch the entire width and height
// of the nativeAdPlaceholder.
let viewDictionary = ["_nativeAdView": nativeAdView!]
nativeAdPlaceholder.addConstraints(
NSLayoutConstraint.constraints(
withVisualFormat: "H:|[_nativeAdView]|",
options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewDictionary)
)
nativeAdPlaceholder.addConstraints(
NSLayoutConstraint.constraints(
withVisualFormat: "V:|[_nativeAdView]|",
options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewDictionary)
)
}
// MARK: - Actions
/// Refreshes the native ad.
@IBAction func refreshAd(_ sender: AnyObject!) {
adLoader = GADAdLoader(
adUnitID: adUnitID, rootViewController: self,
adTypes: [.unifiedNative], options: nil)
adLoader.delegate = self
adLoader.load(GADRequest())
}
}
extension ViewController: GADUnifiedNativeAdLoaderDelegate {
func adLoader(_ adLoader: GADAdLoader, didFailToReceiveAdWithError error: GADRequestError) {
print("fail")
}
func adLoader(_ adLoader: GADAdLoader, didReceive nativeAd: GADUnifiedNativeAd) {
// Set ourselves as the native ad delegate to be notified of native ad events.
nativeAd.delegate = self
// Deactivate the height constraint that was set when the previous video ad loaded.
heightConstraint?.isActive = false
// Populate the native ad view with the native ad assets.
// The headline and mediaContent are guaranteed to be present in every native ad.
(nativeAdView.headlineView as? UILabel)?.text = nativeAd.headline
nativeAdView.mediaView?.mediaContent = nativeAd.mediaContent
// This app uses a fixed width for the GADMediaView and changes its height to match the aspect
// ratio of the media it displays.
if let mediaView = nativeAdView.mediaView, nativeAd.mediaContent.aspectRatio > 0 {
heightConstraint = NSLayoutConstraint(
item: mediaView,
attribute: .height,
relatedBy: .equal,
toItem: mediaView,
attribute: .width,
multiplier: CGFloat(1 / nativeAd.mediaContent.aspectRatio),
constant: 0)
heightConstraint?.isActive = true
}
// These assets are not guaranteed to be present. Check that they are before
// showing or hiding them.
(nativeAdView.bodyView as? UILabel)?.text = nativeAd.body
nativeAdView.bodyView?.isHidden = nativeAd.body == nil
(nativeAdView.callToActionView as? UIButton)?.setTitle(nativeAd.callToAction, for: .normal)
nativeAdView.callToActionView?.isHidden = nativeAd.callToAction == nil
(nativeAdView.iconView as? UIImageView)?.image = nativeAd.icon?.image
nativeAdView.iconView?.isHidden = nativeAd.icon == nil
nativeAdView.starRatingView?.isHidden = true
(nativeAdView.storeView as? UILabel)?.text = nativeAd.store
nativeAdView.storeView?.isHidden = nativeAd.store == nil
(nativeAdView.priceView as? UILabel)?.text = nativeAd.price
nativeAdView.priceView?.isHidden = nativeAd.price == nil
(nativeAdView.advertiserView as? UILabel)?.text = nativeAd.advertiser
nativeAdView.advertiserView?.isHidden = nativeAd.advertiser == nil
// In order for the SDK to process touch events properly, user interaction should be disabled.
nativeAdView.callToActionView?.isUserInteractionEnabled = false
// Associate the native ad view with the native ad object. This is
// required to make the ad clickable.
// Note: this should always be done after populating the ad views.
nativeAdView.nativeAd = nativeAd
}
}
// MARK: - GADUnifiedNativeAdDelegate implementation
extension ViewController: GADUnifiedNativeAdDelegate {
func nativeAdDidRecordClick(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
func nativeAdDidRecordImpression(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
func nativeAdWillPresentScreen(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
func nativeAdWillDismissScreen(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
func nativeAdDidDismissScreen(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
func nativeAdWillLeaveApplication(_ nativeAd: GADUnifiedNativeAd) {
print("\(#function) called")
}
}
我做了这个结构。
import SwiftUI
import UIKit
struct NativeViewController: UIViewControllerRepresentable {
func makeUIViewController(context: Context) -> UIViewController {
let picker = ViewController()
return picker
}
func updateUIViewController(_ uiViewController: UIViewController, context: Context) {
}
}
但是当我像这样将 taht NativeViewController 放入正文时
var body: some View {
NativeViewController()
}
我没有收到任何错误，但也没有显示广告。
任何方向将不胜感激。
答案是使用 self.view 而不是占位符代码
// Remove the previous ad view.
nativeAdView = adView
self.view.addSubview(nativeAdView)
nativeAdView.translatesAutoresizingMaskIntoConstraints = false
// Layout constraints for positioning the native ad view to stretch the entire width and height
// of the nativeAdPlaceholder.
let viewDictionary = ["_nativeAdView": nativeAdView!]
self.view.addConstraints(
NSLayoutConstraint.constraints(
withVisualFormat: "H:|[_nativeAdView]|",
options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewDictionary)
)
self.view.addConstraints(
NSLayoutConstraint.constraints(
withVisualFormat: "V:|[_nativeAdView]|",
options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewDictionary)
)
最好的方法是创建一个委托 class，其实例位于将显示 AD 的视图中。
创建一个委托人（这里是虚拟测试广告）：
let interstitialID:String = "/6499/example/interstitial"
final class InterstitialDelegate: NSObject, GADInterstitialDelegate {
var interstitial: DFPInterstitial!
override init() {
super.init()
interstitial = createAndLoadInterstitial()
}
func createAndLoadInterstitial() -> DFPInterstitial {
interstitial = DFPInterstitial(adUnitID: interstitialID)
interstitial.delegate = self
interstitial.load(DFPRequest())
return interstitial
}
func showAd() {
print("Request to show AD")
if self.interstitial.isReady {
let root = UIApplication.shared.windows.first?.rootViewController
self.interstitial.present(fromRootViewController: root!)
print("AD presented")
} else {
print("AD not ready")
}
}
private func interstitialDidDismissScreen(_ ad: DFPInterstitial) {
interstitial = createAndLoadInterstitial()
}
}
然后在应该显示广告的视图中创建上面委托的实例：
struct MainView: View {
var interstitial : InterstitialDelegate
init() {
interstitial = InterstitialDelegate()
}
}
然后在此视图中通过调用
请求广告interstitial.showAd()
例如在用户听完音乐之后。
来源：https://medium.com/@michaelbarneyjr/how-to-integrate-admob-ads-in-swiftui-fbfd3d774c50 who's also mentioned above in the answer by @pawello2222 and then I've updated it with the info from Google's Mobile Ads SDK.