Attributing iOS Safari App Banners

At a glance: Safari implements an App Banner feature providing a standardized way to promote apps in the Apple App Store. This is not related to the AppsFlyer Smart Banner solution.

iOS App Banner

Using iOS 6.0 and later, you can implement App Banners in Safari to promote apps available in the App Store.

Example banner in Safari


Before implementing iOS App Banners consider:

  • Don't implement both iOS App Banner and AppsFlyer Smart Banners simultaneously. Doing so can result in display issues in your mobile website.
  • The App banner solution is iOS-specific, meaning that it does not function on OS X. 

App install attribution

Installs from App Banners are attributed by measuring them as view-through (impression) conversions. AppsFlyer supports view-through attribution only when it includes the Device ID (IDFA). However, for app banner view-through attribution, the Device ID is not provided, so the click recording link is used to measure the view-through conversion.

Each time the web page is viewed, a click recording event is sent to AppsFlyer. This includes all the pre-configured attribution parameters (e.g. Campaign Name, pid, Site ID). When the user downloads and installs the app and launches it for the first time, AppsFlyer takes this impression as a candidate for attribution. If this impression is the last touch, this install is attributed to iOS App Banner attribution using Probabilistic modeling.

Setting a web page with an app banner and click attribution link

  1. Insert the following in the header element of the web page HTML.
    <meta name="apple-itunes-app" content="app-id=123456789">
  2. Generate an attribution Link for the mobile app you are promoting in the App Banner. The following is an example showing an attribution Link for the mobile app being promoted in the App Banner. You can also use shortened custom attribution links
  3. Insert the generated attribution link inside an image pixel. Your image pixel with the measurement URL is formatted as illustrated.
    <img src="" height="1" width="1" border ="0" />

    The final HTML page with the image pixel should appear as shown in the following HTML example.

        <meta name="apple-itunes-app" content="app-id=123456789">
        <p>This is my website</p>
        <img src="" height="1" width="1" border ="0" />

Note! This code loads and fires a click on both iOS and Android devices. To disable the code on Android devices, add the required logic in your code.