Tạo quảng cáo facebook trong app ios

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

1. Cài đặt môi trường

Đảm bảo bạn đã cài đặt Xcode mới nhất.
Tải xuống SDK Audience Network -Sử dụng Cocoapods

pod 'FBAudienceNetwork'
pod install.

Bạn có thể tại trực tiếp sdk mà Không sử dụng cocoapods: Tải SDK Facebook dành cho iOS:

2. Thêm Facebook ads vào ứng dụng

Tạo project, kéo FBAudienceNetwork.framework mà bạn vừa tải vào project hoặc chạy lệnh cocoapods bên trên
Tạo giao diện cho Facebook ads

Các thành phần của Facebook native ads:

adIconImageView (FBAdIconView)
adTitleLable (UILabel)
adCoverMediaView (FBMediaView)
adSocialContext (UILabel)
adCallToActionButton (UIButton)
adChoiceView (FBAdChoicesView)
adBodyLabel (UILabel)
sponsoredLabel (UILabel)
under adUIView

3 Thực hiện load và show Native Ad

Tạo FacebookvView.xib


class FbAdsView: UIView, NibLoadableViewType {

    @IBOutlet var contentView: UIView!
    @IBOutlet weak var adLogo: UIImageView!
    @IBOutlet weak var adTitle: UILabel!
    @IBOutlet weak var adCoverMedia: FBMediaView!
    @IBOutlet weak var adSponsoed: UILabel!
    @IBOutlet weak var adBody: UILabel!
    @IBOutlet weak var adSocialContext: UILabel!
    @IBOutlet weak var callToActionButton: UIButton!
    @IBOutlet weak var adChoicesView: FBAdChoicesView!
   
    override init(frame: CGRect) {
        super.init(frame: frame)
        // Load from xib
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        // Load from xib
    }
}

Tạo FacebookViewController: (Để lấy được placementID facebook bạn cần đăng ký tài khoản developer Facebook )


import FBAudienceNetwork

class FbAdsViewController: UIViewController,FBNativeAdDelegate, FBAdViewDelegate {

    @IBOutlet weak var adUIView: FbAdsView!
    
    var nativeAd: FBNativeAd?

    override func viewDidLoad() {
        super.viewDidLoad()
        nativeAd = FBNativeAd.init(placementID: "YOUR - PLACEMENT - ID ")
        nativeAd?.delegate = self
        nativeAd?.load()
    }

    func nativeAdDidLoad(_ nativeAd: FBNativeAd) {
       if self.nativeAd == nil {
            self.nativeAd?.unregisterView()
        }
        self.nativeAd = nativeAd
        nativeAd.registerView(forInteraction: adUIView, with: self, withClickableViews: [adUIView.callToActionButton, adUIView.adCoverMedia])
        nativeAd.icon?.loadAsync(block: { image in
            self.adUIView.adLogo.image = image
        })
        adUIView.adCoverMedia.nativeAd = nativeAd
        adUIView.adTitle.text = nativeAd.title
        adUIView.adBody.text = nativeAd.body
        adUIView.adChoicesView.nativeAd = nativeAd
        adUIView.adChoicesView.corner = UIRectCorner.topRight
    }

}

Show Ads tại màn hình bạn mong muốn:

func openFbAds() {
        guard let fbAdsController = self.storyboard?.instantiateViewController(withIdentifier: "FbAdsViewController") as? FbAdsViewController else {return}
        fbAdsController.providesPresentationContextTransitionStyle = true
        fbAdsController.definesPresentationContext = true
        fbAdsController.modalPresentationStyle = .overCurrentContext
        fbAdsController.modalTransitionStyle = .crossDissolve
        self.present(fbAdsController, animated: true, completion: nil)
    }

4 Kết quả: Quảng cáo của bạn sẽ đc hiển thị như hình:

Ngoài ra Facebook có cung cấp một số loại quảng cáo khác như: Banner, Interstitial Ads, bạn có thể tham khảo tại đây

Nguồn: https://developers.facebook.com/docs/audience-network/ios-native

Mục lục