iOS Safari Smart App Banner Attribution Tracking

  • Advertisers

Introduction

Since version iOS 6.0+, Safari has a Smart App Banner feature providing a standardized method of promoting apps in the Apple® iTunes® App Store from a website.

 Note

Smart App Banners only appear in Safari on iOS, but not Safari on Mac OS X.


Generally, Smart App Banners appear at the top of a web page in Safari, as follows: 

Banner_app.png

App Install Attribution

Installs from Smart 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 smart app banner view-through attribution, the Device ID is not provided, so the click tracking link is used to measure the view-through conversion.

Each time the web page is viewed, a click tracking event is sent to AppsFlyer. This includes all the pre-configured tracking 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 Smart App Banner attribution using AppsFlyer's NativeTrack™ method.

Setting a Web Page with a Smart App Banner and Click Tracking Link

1. Paste the following code into the header element of the HTML of your web page.

<meta name="apple-itunes-app-name" content="app-id=123456789">


2. Generate a tracking link for the same mobile app that you are promoting in the Smart App Banner.

The following URL example shows a tracking link for the mobile app (being promoted in the Smart App Banner).

https://app.appsflyer.com/id123456789?pid=ios_smart_banner&c=ios_campaign

 Note

You can also use shortened custom tracking links.


For details on how to build a tracking link, see here.   

3.  Insert the generated tracking link inside an image pixel.

Your image pixel with the measurement URL is formatted as illustrated below:

<img src="https://app.appsflyer.com/id123456789?pid=ios_smart_banner&c=ios_campaign height="1" width="1" border ="0" />


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

<html>
    <head>
        <meta name="apple-itunes-app-name" content="app-id=123456789">

    </head>
    <body>
        <p>This is my website</p>
        <img src="https://app.appsflyer.com/id123456789?pid=ios_smart_banner&c=ios_campaign" height="1" width="1" border ="0" />
    </body>
</html>
Was this article helpful?
0 out of 0 found this helpful