Smart App Banner Generator
Generate the apple-itunes-app meta tag that shows a native App Store banner on your website in Safari.
Safari on iOS has a built-in, Apple-rendered banner that promotes your app at the top of your website: it shows the real icon, name, rating, and price pulled from the App Store, with a View button that opens your listing — or an Open button that deep-links straight into the app if it is already installed. Enabling it takes exactly one line of HTML: a meta tag named apple-itunes-app whose content carries your numeric app-id.
This generator writes that line for you correctly. Enter your app (it resolves the numeric App Store ID automatically) and optionally an app-argument URL for deep linking, and copy a tag ready to paste into your site’s head. Because the banner is drawn by Safari itself, it is dismissible by the user and completely consistent with iOS design — the polite version of an app-install interstitial.
How to add a Smart App Banner to your site
- 1
Enter your app’s name or store URL so the generator resolves its numeric app-id.
- 2
Optionally set an app-argument — a URL passed into your app when an installed user taps Open, letting you route them to the page they were viewing.
- 3
Copy the generated meta tag.
- 4
Paste it inside the head element of every page where the banner should appear — many sites add it site-wide via their base template.
- 5
Open the site in Safari on an iPhone to verify; the banner appears above your content on first load.
How the Smart App Banner behaves
The banner is rendered natively by Safari, above your page content, using live App Store data for the icon, name, and rating — you supply only the app-id. If the visitor does not have the app, the button reads View and opens the App Store listing. If the app is installed, the button becomes Open and launches it, passing along the app-argument value if you provided one so the app can deep-link to the matching content.
Users can dismiss the banner, and Safari remembers the dismissal for that site rather than nagging on every visit. The banner also only appears when your app is available in the visitor’s App Store country — a visitor whose storefront does not carry the app simply sees no banner. Both behaviors are Apple’s, not configurable, and they are why the banner converts respectably: it appears exactly when relevant and disappears when refused.
Limitations and alternatives worth knowing
The big caveat: Smart App Banners are a Safari feature. Chrome, Firefox, and in-app browsers on iOS ignore the meta tag entirely. Since Safari still carries the large majority of iOS web traffic, the single line of HTML is almost always worth shipping — but measure your own browser mix before assuming full coverage.
For traffic outside Safari, the equivalents are custom install banners you render yourself (fully controllable, but keep them restrained — aggressive interstitials hurt your Google search rankings) and Android’s parallel mechanism, a web app manifest with related_applications plus prefer_related_applications for Chrome. Many teams ship the meta tag for Safari and a modest custom banner elsewhere, keyed off user-agent detection.
Frequently asked questions
What is the exact meta tag format?
The minimal form is <meta name="apple-itunes-app" content="app-id=1234567890">, where the number is your app’s numeric App Store ID. You can append a deep-link value: content="app-id=1234567890, app-argument=https://example.com/item/42". The app-argument string is handed to your app on launch when an installed user taps Open.
Why isn’t my banner showing up?
Check the usual suspects in order: you are testing in Safari on a real iOS device (not Chrome, not an in-app webview); the meta tag is in the head and the app-id is the numeric ID, not the bundle ID; the app is live in your device’s App Store country; and you have not previously dismissed the banner on that site — dismissals persist per site.
What is app-argument for?
Continuity. When a visitor with your app installed taps Open, iOS passes the app-argument URL into your app, which can parse it and open the equivalent screen — the product they were viewing on the web, for example. Without it, Open just launches the app cold at its default screen.
Does the Smart App Banner work in Chrome on iOS?
No — it is exclusive to Safari. Chrome on iOS, other third-party browsers, and embedded webviews all ignore the apple-itunes-app meta tag. For those visitors you would need your own HTML banner, kept unobtrusive so it does not trip Google’s intrusive-interstitial penalties.
Does adding the banner hurt my website’s SEO?
No. Google exempts Safari’s Smart App Banner from its intrusive-interstitial penalty because it is browser-rendered, standardized, and easily dismissible. It is the one app-install banner you can ship with zero search-ranking risk.
Convert the visit, then track the install
A Smart App Banner turns web visitors into store page views; Appalize’s analytics show how many of those views become downloads — and which pages send the best traffic.
Related free tools
App ID Finder
Find any app’s numeric App Store ID from its name or URL in seconds.
App Store Badge Generator
Generate correct HTML for the official “Download on the App Store” and “Get it on Google Play” badges.
App Store Link Builder
Build clean, trackable App Store and Google Play links with campaign parameters — no guesswork on the URL format.
App QR Code Generator
Generate a download QR code for your app — rendered entirely in your browser, nothing uploaded anywhere.