Integrate ads
Implementation
Set the VFAdDelegate to your VFPreviewConversationViewController
guard let preCommentsViewController = VFPreviewCommentsViewController.new(containerId: articleViewModel.story.containerId, articleMetadata: articleViewModel.articleMetadata, loginDelegate: self, settings: settings) else {
return
}
preCommentsViewController.setAdDelegate(adDelegate: self)
Integrate Google Ads
Integrate Google Ads into your application. Make sure to initialize the Google Ads SDK Google Ads Quick Start
import GoogleMobileAds
extension ArticleViewController: VFAdDelegate {
func generateAd(viewController: VFUIViewController, adPosition: Int) -> VFAdView? {
let size = GADAdSizeBanner
let adView = VFAdView()
adView.translatesAutoresizingMaskIntoConstraints = false
adView.heightAnchor.constraint(equalToConstant: size.size.height).isActive = true
let bannerView = GAMBannerView(adSize: size)
bannerView.translatesAutoresizingMaskIntoConstraints = false
bannerView.adUnitID = "YOUR_AD_UNIT_ID"//"/6499/example/banner"
bannerView.rootViewController = self
bannerView.delegate = self
adView.addSubview(bannerView)
bannerView.centerXAnchor.constraint(equalTo: adView.centerXAnchor).isActive = true
bannerView.load(GAMRequest())
return adView
}
func getAdInterval(viewController: VFUIViewController) -> Int {
// Every how many comments should we show an ad?
return 5
}
func getFirstAdPosition(viewController: VFUIViewController) -> Int {
return 4
}
}
Integrate your custom ads
Integrate your own ads by providing a view to the VFAdDelegate protocol.
extension ArticleViewController: VFAdDelegate {
func generateAd(viewController: VFUIViewController, adPosition: Int) -> VFAdView? {
let adView = VFAdView()
// Create your custom ad
return adView
}
func getAdInterval(viewController: VFUIViewController) -> Int {
// Every how many comments should we show an ad?
return 5
}
func getFirstAdPosition(viewController: VFUIViewController) -> Int {
return 4
}
}
Custom ad example
extension ArticleViewController: VFAdDelegate {
func generateAd(viewController: VFUIViewController, adPosition: Int) -> VFAdView? {
let adView = VFAdView()
adView.translatesAutoresizingMaskIntoConstraints = false
let adSponsoredLabel = UILabel()
let adTitleLabel = UILabel()
let adDescLabel = UILabel()
let adImage = UIImageView()
let adIndicatorImage = UIImageView()
let adIndicatorLabel = UILabel()
adTitleLabel.translatesAutoresizingMaskIntoConstraints = false
adTitleLabel.text = "Autos Nuevos | Enlaces Publicitarios"
adTitleLabel.textColor = .black
adTitleLabel.font = UIFont.boldSystemFont(ofSize: 13)
adTitleLabel.numberOfLines = 0
adDescLabel.translatesAutoresizingMaskIntoConstraints = false
adDescLabel.text = "Ushuaia: Los autos sin vender de 2021 casi se regalan"
adDescLabel.font = UIFont.systemFont(ofSize: 11)
adDescLabel.textColor = .gray
adDescLabel.numberOfLines = 0
adSponsoredLabel.translatesAutoresizingMaskIntoConstraints = false
adSponsoredLabel.text = "Sponsored"
adSponsoredLabel.font = UIFont.boldSystemFont(ofSize: 11)
adSponsoredLabel.textColor = UIColor(red: 0.33, green: 0.71, blue: 0.35, alpha: 1.00)
adIndicatorLabel.translatesAutoresizingMaskIntoConstraints = false
adIndicatorLabel.text = "AD"
adIndicatorLabel.textColor = .white
adIndicatorLabel.font = UIFont.boldSystemFont(ofSize: 13)
adImage.translatesAutoresizingMaskIntoConstraints = false
adImage.kf.setImage(with: URL(string: "https://images.outbrainimg.com/transform/v3/eyJpdSI6IjYwNjA2OWRiMjFiZTc0ODAyOWEzZDAwYTczM2E2YjkxNzM2ZWZmODczYWQ5NjcyMzQzN2YxOGU2YTJhYmQ3NGYiLCJ3IjozNzUsImgiOjEyNSwiZCI6MS41LCJjcyI6MCwiZiI6NH0.webp"))
adImage.layer.cornerRadius = 4
adImage.clipsToBounds = true
let adIndicatorImageSize = 40.0
adIndicatorImage.translatesAutoresizingMaskIntoConstraints = false
adIndicatorImage.backgroundColor = .gray
adIndicatorImage.heightAnchor.constraint(equalToConstant: adIndicatorImageSize).isActive = true
adIndicatorImage.widthAnchor.constraint(equalToConstant: adIndicatorImageSize).isActive = true
adIndicatorImage.layer.cornerRadius = adIndicatorImageSize / 2
adIndicatorImage.clipsToBounds = true
adIndicatorImage.layer.masksToBounds = true
adView.addSubview(adIndicatorImage)
adView.addSubview(adTitleLabel)
adView.addSubview(adDescLabel)
adView.addSubview(adSponsoredLabel)
adView.addSubview(adImage)
adView.addSubview(adIndicatorLabel)
adIndicatorLabel.centerYAnchor.constraint(equalTo: adIndicatorImage.centerYAnchor).isActive = true
adIndicatorLabel.centerXAnchor.constraint(equalTo: adIndicatorImage.centerXAnchor).isActive = true
adSponsoredLabel.topAnchor.constraint(equalTo: adView.topAnchor, constant: 5).isActive = true
adSponsoredLabel.leadingAnchor.constraint(equalTo: adIndicatorImage.trailingAnchor, constant: 20).isActive = true
adIndicatorImage.leadingAnchor.constraint(equalTo: adView.leadingAnchor, constant: 5).isActive = true
adIndicatorImage.topAnchor.constraint(equalTo: adView.topAnchor, constant: 5).isActive = true
adTitleLabel.topAnchor.constraint(equalTo: adSponsoredLabel.bottomAnchor, constant: 5).isActive = true
adTitleLabel.leadingAnchor.constraint(equalTo: adIndicatorImage.trailingAnchor, constant: 20).isActive = true
adTitleLabel.trailingAnchor.constraint(equalTo: adView.trailingAnchor, constant: -20).isActive = true
adDescLabel.topAnchor.constraint(equalTo: adTitleLabel.bottomAnchor, constant: 5).isActive = true
adDescLabel.leadingAnchor.constraint(equalTo: adIndicatorImage.trailingAnchor, constant: 20).isActive = true
adDescLabel.trailingAnchor.constraint(equalTo: adView.trailingAnchor, constant: -20).isActive = true
adImage.topAnchor.constraint(equalTo: adDescLabel.bottomAnchor, constant: 10).isActive = true
adImage.heightAnchor.constraint(equalToConstant: 120).isActive = true
adImage.bottomAnchor.constraint(equalTo: adView.bottomAnchor, constant: -10).isActive = true
adImage.leadingAnchor.constraint(equalTo: adIndicatorImage.trailingAnchor, constant: 20).isActive = true
adImage.trailingAnchor.constraint(equalTo: adView.trailingAnchor, constant: -20).isActive = true
return adView
}
func getAdInterval(viewController: VFUIViewController) -> Int {
// Every how many comments should we show an ad?
return 5
}
}
Updated 4 months ago
What’s Next