Нативная реклама Admob в SwiftUI

#ios #swift #swiftui #admob

#iOS #swift #swiftui #admob

Вопрос:

Мне не очень повезло с тем, чтобы заставить нативную рекламу Admob работать с SwiftUI. Я попытался использовать код, найденный здесь. https://github.com/googleads/googleads-mobile-ios-examples/blob/master/Swift/admob/NativeAdvancedExample/NativeAdvancedExample/ViewController.swift В итоге я получил именно этот код, потому что большая часть кода из этой ссылки не работала.

 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()
}
  

Я не получаю ошибок, но и реклама не отображается.

Мы будем признательны за любое направление.

Ответ №1:

Ответом на это было использование 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)
    )
  

Комментарии:

1. Привет, я столкнулся с аналогичной проблемой, когда реклама не отображается (используя тестовую нативную рекламу). Не так много документации / примеров, связанных с SwiftUI. Как вы смогли заставить ее отображаться? Я попытался использовать ваш код точно, за исключением одного изменения, где, поскольку я не использую раскадровки, я просто сделал: пусть nibView = GADUnifiedNativeAdView() setAdView(nibView) refreshAd (nil) Я вижу маленький логотип Google ad в правом верхнем углу, но ничего не отображается. Я вижу в консоли Xcode: nativeaddidrecordpression(_:) вызывается так, что кажется, что код работает, но реклама не отображается. Есть идеи?

2. @user3129120 Если вы не используете раскадровки в примере Google, вам придется создать свой собственный класс UIView, который расширяет GADUnifiedNativeAdView. Если вы просто используете let nibView = GADUnifiedNativeAdView() без интеграции с раскадровкой, такие свойства, как nativeAdView.bodyView , должны быть равны нулю.

3. @user3129120 вы решили эту проблему? У меня точно такая же проблема…

4. Эй, я на самом деле не решил эту проблему. Но я понял, что мне не нужна нативная реклама. Мне просто нужна была баннерная реклама SwiftUI, и она работала хорошо. Есть примеры готовых к использованию. Например, так: medium.com/@michaelbarneyjr /…

5. @user3129120 спасибо, я нашел сегодня этот рабочий пример, если вам или кому-либо еще все еще интересно, как заставить работать нативную рекламу, в частности, эту часть с наконечником: github.com/sakurabird/iOS-Admob-SwiftUI-example

Ответ №2:

Наилучший подход — создать класс делегата, экземпляр которого находится в представлении, в котором будет показываться реклама.

Создайте делегата (здесь с фиктивным тестовым объявлением):

 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 который также упоминается выше в ответе @pawello2222, а затем я обновил его информацией из пакета SDK для мобильной рекламы Google.

Комментарии:

1. OP запросил нативную рекламу!