Buddybuild is a CI, CD and user feedback platform built for mobile development teams - sign up for free and start building better apps!

Getting people to download our app can be tough. It's important to do everything we can to help users get to our app in the App Store, with a chance to download. One great way we can do that is with Smart App Banners. Let's check ‘em out!

These are Smart App Banners. They essentially add a section to the top of a webpage in Safari on iOS that highlights an app. They display the icon, name, rating, price, and a button to view the app in the App Store.

Let's add one to our app's webpage.

All we need to do for the basic set of functionality is add a single meta tag in the head tag of our page:

<meta name="apple-itunes-app" content="app-id=543298335, app-argument=spaceships://spaceship/7”>

The first parameter, app-id, is the ID of our app on the App Store. We can find this in iTunes Connect.

The next bit is where things get more interesting: Smart App Banners know if a user already has an app installed.

We can provide a URL-Scheme URL so that if the user does happen to already have our app installed, they can jump directly to the content corresponding to where they were on the web.

We can use something like JLRoutes (Bite #62) to help here.