Creating an android smart app banner

Asked 31/10, 2012 at 23:4 Answered 15/9, 2020 at 15:16

Solved android ios android-layout android-widget ios6

Is there any solution for Android devices similar to the iOS 6 smart app banner?

Here is the code for smart app banner

<meta name="apple-itunes-app" content="app-id=311507490, affiliate-data=partnerId=30&siteID=k1CkFsOh4nQ"/>

Selfregard answered 31/10, 2012 at 23:4 Comment(5)

What are you trying to do? You are unclear on what or how you want to ban apps, when and where. FYI "blocker" apps don't really work. – Edda 31/10, 2012 at 23:7

@KristopherMicinski: thanks for your reply...i used this and achieved for ios6 macgasm.net/2012/09/19/ios-6-smart-app-banners is there a way to implement for android devices – Selfregard 1/11, 2012 at 0:13

Duplicate of this -- #13075194 (answer: no, not really) – Hothouse 1/11, 2012 at 0:57

Similar: #19357691 – Ratcliff 16/4, 2015 at 19:31

You should check out the Branch cross platform app banner. It also does click/download tracking and is free to use: github.com/BranchMetrics/Smart-App-Banner-Deep-Linking-Web-SDK – Height 10/8, 2015 at 1:16

Since Chrome 44 Beta you can push your app in Chrome for Android with a native app install banner on your website.

Please see the answer below.

Old answer

I needed that myself, so I created a jquery plugin to mimic a smart banner for Android and older iOS versions.

https://github.com/jasny/jquery.smartbanner

Protoplast answered 9/11, 2012 at 13:31 Comment(16)

Does your plugin support the app-argument=myURL property, like in iOS smart banners, that allows you to pass a URL to the app ? – Julianjuliana 26/3, 2013 at 18:17

Not yet. I was already planning to implement that next week, so hold tight. – Protoplast 28/3, 2013 at 7:44

do you implemented checking app installed or not for android ? i m using your js but in case of android everytime it shows "view" not "open" even if app is installed in phone. – Animation 8/4, 2014 at 6:38

I can't seem to get the banner to display (whether viewing site on desktop or on actual android device.) Even the demo page that comes with the plugin doesn't appear to display anything. Is the code current? – Meris 18/7, 2014 at 21:25

@Meris Make sure that you're using version 1.0.0 github.com/jasny/jquery.smartbanner/releases/tag/v1.0.0 – Protoplast 20/7, 2014 at 14:33

@Jasny-ArnoldDaniels - I am. Does it require jquery 1.8 as shown in the sample? We're using an older version and can't update for various reasons. But again, even using the sample code provided, and keeping the hosted 1.8 version, it still isn't showing anything other than the ... text in the body before the script stuff starts. – Meris 21/7, 2014 at 14:34

@Meris Ask a new question on stackoverflow for this and make sure to include a jsfiddle demonstrating the problem. – Protoplast 21/7, 2014 at 14:47

Please may i know how to get url from smart app banner in android?i am wasting time around 2 days and i have done as deep link concept in android default behavior.its working fine but when i try to smart app banner,i confused.please guide me – Contrecoup 26/2, 2015 at 4:50

@patrioit Ask a new question on stackoverflow for this and make sure to include a jsfiddle demonstrating the problem. – Protoplast 27/2, 2015 at 7:27

@Arnold Daniels i have asked as new question regarding smart app banner in android.please just respond me.#28736262 – Contrecoup 2/3, 2015 at 10:48

@Jasny-ArnoldDaniels: Your plugin doesn't seem to work position-fixed menus, or have I missed something? Thanks. – Amadaamadas 1/4, 2015 at 2:30

Jasny - sorry to rez this thread but can you complete my pull request containing cleanups of the jquery smartbanner repo – Humanoid 22/12, 2015 at 18:30

Actually scratch that, @Jasny-ArnoldDaniels there are about 27 pull requests held in limbo. Help make the repo better plz, don't let it die! – Humanoid 22/12, 2015 at 19:23

@SMT It has become hack on hack. If I accept one PR, 2 others are no longer mergable. I really need some collaborators on this project so we can create a v2. – Protoplast 23/12, 2015 at 0:13

@Arnold Daniels Is there a feature to display rating from Google Play / App Store? I had try your code. But I don't find it – Slaphappy 28/4, 2020 at 2:43

The link in this answer is no longer valid. I think it's now github.com/jasny/jquery.smartbanner – Odle 3/8, 2023 at 17:9

Since Chrome 44 Beta you can push your app in Chrome for Android with a native app install banner on your website. There are a couple of criteria that need to be met in order to enable it:

You will need a web app manifest file
You will have to serve your web using https
The user has visited your site twice over two separate days during the course of two weeks.

Read more about it in the official docs from Google.

Tatyanatau answered 17/8, 2015 at 9:30 Comment(7)

This is not true. It only enables your website to act like native app by letting the user to pin/add shortcut/bookmark on the homescreen for quick access. It doesn't really take you to the app store for you download the native app. The approach that you're describing is when one wants to make a website act like native. That's completely different than what OP is asking. – Domingodominguez 14/12, 2015 at 20:13

Please read the "Native app install banner" part of the posted link. This is exactly what the OP is asking about. – Tatyanatau 14/12, 2015 at 20:15

No. Please read the article. Since Chrome 44 you can add Native app install banners pointing to Google Play. I would suggest you reading my answer AND the official Google post I have linked to. Search for "Native app install banner " on that page. You can read right? – Tatyanatau 14/12, 2015 at 20:23

"A new powerful feature for native app developers also landed in Chrome 44 Beta. Native App install banners are similar to Web app install banners, but instead of adding to the Home Screen will let the user inline install your native app." – Tatyanatau 14/12, 2015 at 20:24

but, does this 'Native App Install' banner pass the context/data from my web page (where i clicked this banner) to my App that will be launched post installation from store ? – Fleury 23/10, 2019 at 11:53

It seems the links are broken and send users to a different site now. I think I found it in the internet archive though: web.archive.org/web/20160428180729/https://… – Bibeau 3/6, 2020 at 13:44

@Bibeau - seems to work now, at least for me - redirects to web.dev – Tatyanatau 10/6, 2020 at 19:14

You add the Google Sign-In button to your page with a special parameter and then users can sign in and specify which device to install your app to directly from your website.

This is the most "officially supported" implementation I know of:

https://developers.google.com/identity/sign-in/web/android-app-installs

From the link:

By adding the Google Sign-In button to your web site, you can automatically prompt your users to download your Android app over the air to their Android devices. To enable this feature, you must use the same Google Developers Console project for your Web and Android clients, and configure your web app's sign-in button.

Your web app must use the Google Sign-In button to prompt your web site users to download your app the first time that they sign in. This feature is enabled by adding the apppackagename parameter to your sign-in button.

Jefferyjeffie answered 15/7, 2015 at 3:0 Comment(0)

There are two APIs available:

To detect if the app is already installed use getInstalledRelatedApps (only for Chrome 80+)
- Article with general information: https://web.dev/get-installed-related-apps/
- Docs and demo (web+app) with code https://www.chromestatus.com/feature/5695378309513216
Show a prompt to install your app
- Article with code samples: https://web.dev/customize-install/
- Documentation: https://developers.google.com/web/fundamentals/app-install-banners/native

Severin answered 15/9, 2020 at 15:16 Comment(0)

Old answer

Recommended topics

Hot tags