iOS Safari Smart App Banner Attribution Tracking

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: 

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 (that's 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