AppLovin MAX mediation - Native Ad

• Latest Version: iOS release notes
• Sample App: Teads iOS Sample App

This native implementation is specifically designed to fit feed views
You can customize the ad view to look like the other cells around, to offer a more immersive experience.

1. Prerequisites
2. Installation
3. Create a custom Network
4. Enable Teads Custom Network a custom Network
5. Integration
6. Event Monitoring
7. Mediation settings

This article shows you how to deliver Teads Native ads in your application using the AppLovin Mediation adapter.

Using CocoaPods to have Teads AppLovin mediation plugin will automatically import the Teads inApp SDK framework.

Sample App on GitHub
Teads inApp SDK iOS sample App

Prerequisites

• Platform: iOS 12+
• Xcode: 15.3+
• AppLovin SDK: 12.3.1+

Installation

Before installing the Teads AppLovin adapter, you will need to integrate AppLovin SDK into your application.

CocoaPods

If your project is managing dependencies through CocoaPods, you just need to add this pod in your Podfile.

It will install the Teads adapter along with the Teads inApp SDK.

1. Add Pod named TeadsAppLovinAdapter your Podfile:

pod 'TeadsAppLovinAdapter', '~> 5.1'

2. Run the following to install the adapter in your project.

$ pod install --repo-update to install

3. Follow the Defining a Custom Event step below to finish the integration.

Swift Package Manager

SPM is a tool for managing the distribution of Swift code. It’s integrated with the Swift build system to automate the process of downloading, compiling, and linking dependencies.

Installing from Xcode

1. Add a package by selecting File → Add Packages… in Xcode’s menu bar.
2. Search for the Teads iOS SDK using the repo's URL:

https://github.com/teads/TeadsSDK-iOS

3. Next, set the Dependency Rule to be Up to Next Major Version and keep 5.0.0 < 6.0.0.
4. Choose the Teads product that you want to be installed in your app: TeadsAppLovinAdapter
5. Follow the Defining a Custom Event step below to finish the integration.

Alternatively, add Teads to your Package.swift manifest

1. Add it to the dependencies of your Package.swift:

dependencies: [
    .package(url: "https://github.com/teads/TeadsSDK-iOS", .upToNextMajor(from: "5.0.0"))
]

2. in any target that depends on a Teads product, add it to the dependencies array of that target:

.target(
  name: "MyTargetName",
  dependencies: [
    .product(name: "TeadsAppLovinAdapter", package: "Teads"),
  ]
),

3. Follow the Defining a Custom Event step below to finish the integration.

Create a custom Network

In order to display a Teads ad using AppLovin, you need to create a custom Network.

Enable Teads Custom Network a custom Network

Edit your Native adUnit on AppLovin dashboard and enable it

See this article for more test PIDs serving different creative formats.

Important

Don't forget to replace the #PID# with your Teads placement ID.

Integration

Note

Check out the sample ViewController from our iOS GitHub repository

Important

You're responsible for elements positioning: title label, main image, call to action button, …. These elements need to be visible (without overlay, even transparent ones) otherwise our visibility algorithm will consider the ad view as hidden.

Interface

1. Add a new AppLovinNativeAdView class, this class must inherit from MANativeAdView

class AppLovinNativeAdView: MANativeAdView {

}

2. Add a new AppLovinNativeAdView xib file with Custom Class set to AppLovinNativeAdView
3. Set up the layout with UIKit elements (UILabel, UIButton, UIView, UIImageView). Set a different tag value to each element following AppLovin instructions Bind UI Components

NativeAdView Builder

1. Instantiate AppLovinNativeAdView from xib
   Use this static xib loader helper or your own implementation

extension UIView {
  static func loadNib(nibName name: String? = nil) -> Self? {
        let nibName = name ?? String(describing: Self.self)
        let bundle = Bundle(for: Self.self)
        let nib = UINib(nibName: nibName, bundle: bundle)
        return nib.instantiate(withOwner: self, options: nil).first as? Self
    }
}

2. Bind views using defined tags

  nativeAdView = AppLovinNativeAdView.loadNib()
  nativeAdView.bindViews(with: MANativeAdViewBinder { builder in
      builder.titleLabelTag = 1 // UILabel element
      builder.advertiserLabelTag = 2 // UILabel element
      builder.bodyLabelTag = 3 // UILabel element
      builder.iconImageViewTag = 4 // UIImageView element showing brand icon
      builder.optionsContentViewTag = 5 // UIView element showing adChoices
      builder.mediaContentViewTag = 6 // UIView element showing main content
      builder.callToActionButtonTag = 7 // UIButton element
  })

Load an Ad

• Instantiate adLoader

private var nativeAdLoader = MANativeAdLoader(adUnitIdentifier: #APP_LOVIN_AD_UNIT, sdk: ALSdk.shared()!)

You have the ability to pass extra parameters in order to customize third-party ad network settings. For Teads, you need to pass TeadsAdapterSettings.

• Register your TeadsAdSettings into MANativeAdLoader instance using register(into:).

let nativeAdLoader = MANativeAdLoader(adUnitIdentifier: APPLOVIN_AD_UNIT_ID)

let teadsAdSettings = TeadsAdapterSettings { settings in
    settings.enableDebug()
    settings.pageUrl("https://example.com/article1")
}

nativeAdLoader.register(into: nativeAdLoader)

• Perform ad request

nativeAdLoader.nativeAdDelegate = self
nativeAdLoader.revenueDelegate = self
nativeAdLoader.loadAd(into: nativeAdView)

Store Ad (Sequence)

When implementing native in a tableView or collectionView we suggest adding MANativeAdView inside your sequence structure

private var elements = [MANativeAdView?]()

override func viewDidLoad() {
    super.viewDidLoad()

    (0..<8).forEach { _ in
        elements.append(nil) //nil reprensents all other data of cells
    }
    ...
}

implement MANativeAdDelegate protocol to handle storage process

func didLoadNativeAd(_ nativeAdView: MANativeAdView?, for _: MAAd) {
    ads.insert(nativeAdView, at: position)
    let indexPaths = [IndexPath(row: position, section: 0)]
    tableView.insertRows(at: indexPaths, with: .automatic)
}

Ad Binding

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    if let nativeAdView = elements[indexPath.row] {
        guard let cell = tableView.dequeueReusableCell(withIdentifier: teadsAdCellIndentifier, for: indexPath) as? NativeTableViewCell else {
            return UITableViewCell()
        }

        nativeAdView.translatesAutoresizingMaskIntoConstraints = false
        cell.nativeAdView.addSubview(nativeAdView)
        nativeAdView.topAnchor.constraint(equalTo: cell.contentView.topAnchor).isActive = true
        nativeAdView.bottomAnchor.constraint(equalTo: cell.contentView.bottomAnchor).isActive = true
        nativeAdView.leadingAnchor.constraint(equalTo: cell.contentView.leadingAnchor).isActive = true
        nativeAdView.trailingAnchor.constraint(equalTo: cell.contentView.trailingAnchor).isActive = true

        return cell
    }
    ...
}

Event Monitoring

The AppLovin SDK provides a delegate to monitor events during the ad life cycle and help you customize the ad experience in your apps.

protocol MANativeAdDelegate {
    // When an event click has been fired
    func didClickNativeAd(_ ad: MAAd)
    ...
}

Mediation settings

Find the full settings list here