# Add to homescreen banner on Android

**URL:** https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973
**Category:** Announcements
**Tags:** feedback
**Created:** [22. April 2016 um 06:27 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973 "2016-04-22T06:27:24Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [22. April 2016 um 06:27 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/1 "2016-04-22T06:27:24Z")

</div>

Continuing the discussion from [Fully support Android Chrome's "Add to Homescreen"](https://meta.discourse.org/t/fully-support-android-chromes-add-to-homescreen/21067/28):

If any of you guys visited meta on the last days with an Android Phone (using the default Chrome Browser) you may have seen this:

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/4/3/f43eb31f8c96b2ea12943f99217a6940ec45483a.png)

This is Google App Banner feature, and it’s live on latest Discourse.

Clicking Add to Home Screen will create a shortcut on your phone home screen, using your forum name and icon, that when clicked will show a splash screen like this:

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/1/a/71aa4e48a7ec5a794a31687d6c4fb77ba359c6b2.png)

The background color is the same of your board and the backgroud of the Android top bar will match the background of your header background.

After that your forum will open, and without the Chrome location bar, giving it an app feel.

 ![](https://global.discourse-cdn.com/meta/original/3X/c/5/c5c4b70335c9af01c4198114044b7263c2d37138.png)

It’s also easier to spot it on Android app switcher, since it has it own entry like an app,

 ![](https://global.discourse-cdn.com/meta/original/3X/a/5/a5fccb0f402083242960efb9ee983d01372b3610.png)

Also, I think it makes the page way more difficult to be garbage collected from ram, but I need to confirm if this is true or just my bias.

This is it. I think this will make your users come back more to your community!

FAQ:

> It isn’t showing for me!

- your site **must be https** , this will _never_ appear if your site is plain old http

- you must set a 512x512 png on large\_icon\_url site setting

- Google controls when the banner will appear, the today default is: **The user has visited your site at least twice, with at least five minutes between visits.**

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [22. April 2016 um 13:48 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/2 "2016-04-22T13:48:08Z")

</div>

> [@Falco](#):
>
> FAQ:
> 
> It isn’t showing to me!

In order for this to “Add to home screen” banner / button to show **both** of the following must be true:

- **Your site is served over HTTPS.**
- You can add HTTPS / SSL / TLS support to your own site via [Setting Up Let’s Encrypt with Discourse Docker](https://meta.discourse.org/t/setting-up-lets-encrypt-cert-with-discourse-docker/40709/1).
- AND the already mentioned: **The user has visited your site at least twice, with at least five minutes between visits.**

[Google also comments](https://developers.google.com/web/updates/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android):

> **If a user dismisses the banner, will it appear again?** No. Not unless the user clears their history. We want to make sure users have a good experience. We will likely be changing all the heuristics over time.
> 
> **Will the criteria for App Banner activation change over time?** The criteria for App Banner activation change over time.
> 
> We can’t give specifics right now but as we better understand what makes an experience the user will want to install we will want to make sure the criteria are updated and also well understood for developers.

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [22. April 2016 um 14:03 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/3 "2016-04-22T14:03:16Z")

</div>

> [@Falco](#):
>
> After that your forum will open, and without the Chrome location bar, giving it an app feel.

I’m liking this, but now I need to be even more creative to find out which topic I’m inon mobile since the address bar was the best workaround for that:

[https://meta.discourse.org/t/show-topic-title-in-mobile-theme/13855?u=mcwumbly](https://meta.discourse.org/t/show-topic-title-in-mobile-theme/13855)

---

<div class="post-metadata">

### Author: ![alefattorini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alefattorini/32/119928_2.png) [@alefattorini](https://meta.discourse.org/u/alefattorini)
#### Post date: [23. April 2016 um 20:07 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/4 "2016-04-23T20:07:51Z")

</div>

I really love this. Just added on my home screen. Looking forward seeing it on my community!

What about notifications?

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [23. April 2016 um 20:23 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/5 "2016-04-23T20:23:10Z")

</div>

> [@alefattorini](#):
>
> What about notifications?

Notifications is the last frontier for a more mobile experience for Discourse now!

But is way harder than the rest, and the implementation of Chrome and Firefox is very different.

@tgxworld already did a lot of the work tough.

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [24. April 2016 um 05:01 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/6 "2016-04-24T05:01:14Z")

</div>

Digging it!

One minor question though – which setting controls the image on the splash screen? It’s popping up for meta, but not for my install. I’ve got all the ‘required’ logo URL stuff up, but no images appear. It’s a minor thing, but the icon gives it that lovely polish feeling.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [24. April 2016 um 05:04 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/7 "2016-04-24T05:04:31Z")

</div>

> [@awole20](#):
>
> which setting controls the image on the splash screen?

apple\_touch\_icon\_url

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [24. April 2016 um 05:16 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/8 "2016-04-24T05:16:41Z")

</div>

Lemme clarify - I’m able to see the image icon on the home screen but it’s still not popping up on the splash screen.

I added to home screen before setting the apple\_touch\_icon\_url. After changing the site setting, I removed the shortcut, and re-added it from the Chrome menu. The icon shows up on the home screen properly, but the splash screen only shows the site title, and no icon appears.

Not sure if matters to mention, but all of my logo URLs are specified as relative `/Uploads/...`

I attempted to clear cache, reload, and re-add the shortcut but no dice.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [24. April 2016 um 05:17 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/9 "2016-04-24T05:17:52Z")

</div>

> [@awole20](#):
>
> Not sure if matters to mention, but all of my logo URLs are specified as relative /Uploads/…

This probably the cause, will test here! Thanks for the report!

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [24. April 2016 um 05:32 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/10 "2016-04-24T05:32:07Z")

</div>

Appreciated 🙂

Picture worth a thousand words. Tested with absolute URLs, but no change, and a restart or two in chrome. I’ll keep at it and let you know if I hit a fix here.

 ![](https://global.discourse-cdn.com/meta/original/3X/d/7/d763b39a476e7f4fef4f341d58a2cd7280eae8a9.png)

 ![](https://global.discourse-cdn.com/meta/original/3X/7/1/712a713a1cd11b04ae0706f2eb7c9669eb3892b8.png)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [24. April 2016 um 05:42 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/11 "2016-04-24T05:42:24Z")

</div>

Is the forum public? Can you share the url?

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [24. April 2016 um 05:46 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/12 "2016-04-24T05:46:35Z")

</div>

It’s not public, but I could throw you an invite, if you wouldn’t mind PMing an email

---

<div class="post-metadata">

### Author: ![risingskylar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/risingskylar/32/121535_2.png) [@risingskylar](https://meta.discourse.org/u/risingskylar)
#### Post date: [24. April 2016 um 09:53 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/13 "2016-04-24T09:53:31Z")

</div>

> [@DeanMarkTaylor](#):
>
> Google also comments:
> 
> If a user dismisses the banner, will it appear again? No. Not unless the user clears their history. We want to make sure users have a good experience. We will likely be changing all the heuristics over time.

Of course, it’s easy to add an app to the home screen if the user changes their mind or accidentally removes the shortcut.

 ![](https://global.discourse-cdn.com/meta/original/3X/0/8/08379dc33a3d8c395d6680928d4ce70407b7280e.png)

* * *

> [@Falco](#):
>
> apple\_touch\_icon\_url

Perhaps this could be renamed to something platform agnostic? Or it could have a note added that indicates this image is used for other purposes?

* * *

> [@Falco](#):
>
> It isn’t showing for me!

It also has to be Chrome 51 or newer, right? I usually stick with Chrome Beta on mobile for day-to-day use. It could be a few months until the average person sees the banner on their device.

---

<div class="post-metadata">

### Author: ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)
#### Post date: [24. April 2016 um 11:48 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/14 "2016-04-24T11:48:29Z")

</div>

@falco is this a plugin or will it be added to all discourse sites?

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [24. April 2016 um 12:15 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/15 "2016-04-24T12:15:25Z")

</div>

> [@risingskylar](#):
>
> It also has to be Chrome 51 or newer, right?

I think it’s avaliable from chrome 42 up. So it’s more than a year of availability, everyone has it.

> [@charleswalter](#):
>
> Is this a plugin or will it be added to all discourse sites?

It’s on core, so everyone gets it. 😉

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [24. April 2016 um 12:31 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/16 "2016-04-24T12:31:10Z")

</div>

It’s working for me 😆

 ![](https://global.discourse-cdn.com/meta/original/3X/3/4/34c4c92222d95516c9fcb1fa1bd333327b244df5.png)

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [24. April 2016 um 15:27 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/17 "2016-04-24T15:27:08Z")

</div>

Thanks for checking in on it, I’ll let you know if I manage to fix my dumb browser. 😁

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [25. April 2016 um 01:06 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/18 "2016-04-25T01:06:31Z")

</div>

@Falco you may wish to look into this:

[https://talk.turtlerockstudios.com/t/app-version-of-the-forums-wont-let-me-upload/86171](https://talk.turtlerockstudios.com/t/app-version-of-the-forums-wont-let-me-upload/86171)

I am deploying latest there just in case.

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [25. April 2016 um 02:46 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/19 "2016-04-25T02:46:31Z")

</div>

Hmm after using the “app” version for a few days… I don’t seem to be able to refresh a page on the “app” version unlike a browser where I can do that.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [25. April 2016 um 03:51 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/20 "2016-04-25T03:51:50Z")

</div>

I just scroll down from top like an app 😄.

[Nächste Seite](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973.md?page=2)
