IOS Tips

IOS tip: Add a Smart App Banner To Your Website

So you tried to get by with just a mobile-optimized version of your site, but it wasn’t cutting it and you built an app. How do you let iPhone users know you even have an app? Companies have tried pretty much everything under the sun and 99% of them are annoying as hell. Thankfully with IOS 6, Apple has provided a super simple standard to incorporate this.
Start by adding the snippet below into your site:

<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">

There are three parameters you can play with, but really you only need the first one to get it up and running. The parameters are: app-id, affiliate-data and app-argument. The app-id is your app’s unique 9-digit identifier code which you can easily find at the Apple Link Maker site. Affiliate-data is only needed if you are an iTunes affiliate. Now the app-argument parameter, which is also optional, is what makes this snippet so useful. Here you can pass in a deep-link that that will help the user return to the same spot in the app where they were in the site.

This is so easy. Hopefully with this smart app banner code, people will stop resorting to full page takeover pop-ups that force people to decide if they want the app before even getting to your site. Make sure to read over the full documentation here.

Leave a Reply