Add app install banner to site

Working on a project “Is it kosher?” we came to idea, that it is worth to have one site for app installation to different mobile Operating systems.

It means, that visiting site from Android or iOS, user will get a possibility to install app directly from the site, without looking for proper links. And in this case, I like the way Apple works – it gives a possibility to pop-up a small banner. This is explained in the article Promoting Apps with Smart App Banners. Google doesn’t give such a wonderful tool, so I started looking for it.

I found jQuery Smart Banner by Arnold Daniels, which gives an opportunity to show app installation banner for proper OS.

I implemented it in the following way:
1. add to HEAD of your page the following lines.

2. add SmartBanner

Note: it should go after jQuery script.

3. And finally, add own script with SmartBanner rules:

Our site is working on WordPress and I could use proper plugin AppBanners, but I decided to do it just in our theme. Those, who want to do it also there, here is an extract from functions.php file:

If you want to try it, just visit “Is it kosher?” site or use QR Codeqrcode

here are the screenshots how it looks like: