iOS Smart App Banner

If your website has a related app in the iOS app store you can have Safari automatically add a banner across the top of the webpage linking to the app.

The HTML

Add the following HTML to the head section of your page to create the banner:

<meta name="apple-itunes-app" content="app-id=AppStoreID, affiliate-data=AffiliateData, app-argument=URL">

The table below lists the values available in the content attribute:

Content name Content description
app-id The apps unique identifier
affiliate-data (optional) If you are an iTunes affiliate add your affiliate data, otherwise ignore this
app-argument (optional) A URL that is passed to the app if it is already installed on the device

WordPress

To add these items to a WordPress site, add the HTML to the header.php theme file.

Further Reading

Categories

Tags

Social