# 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 om 06:27 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973 "2016-04-22T06:27:24Z")
**Posts on this page:** 12
**Page:** 4

<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: [21 oktober 2016 om 05:30 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/61 "2016-10-21T05:30:24Z")

</div>



---

<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 januari 2017 om 17:25 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/62 "2017-01-23T17:25:10Z")

</div>

Google is pushing this further: [https://www.xda-developers.com/deeply-integrated-progressive-web-apps-are-already-live-for-chrome-on-android/](https://www.xda-developers.com/deeply-integrated-progressive-web-apps-are-already-live-for-chrome-on-android/)

On Chrome Dev (behind a flag) when you add your Discourse board to the Home Screen, Android will:

- Create an APK on the fly for your site and install it on your phone

 ![](https://global.discourse-cdn.com/meta/original/3X/9/6/96d08de0cee3e236aa2a2bed1240059a6e542522.png)

- Create a intent so everytime you click on a link to your forum on any app, email or website it will prompt to open on your new app

 ![](https://global.discourse-cdn.com/meta/original/3X/6/3/6336289bb240a14a0ea6864181e6cb31dfb63087.png)

- Since it’s an app, it will be avaliable on your app launcher, instead of only the home screen (more Android-like)

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

- Use a bigger logo

 ![](https://global.discourse-cdn.com/meta/original/3X/2/d/2da0f9ed0b7943826255399b44c4687f0b6e0907.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: [23 januari 2017 om 17:25 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/63 "2017-01-23T17:25:28Z")

</div>



---

<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: [2 februari 2017 om 22:50 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/64 "2017-02-02T22:50:18Z")

</div>

Google official blog post:

> **[Integrating Progressive Web Apps deeply into Android](https://blog.chromium.org/2017/02/integrating-progressive-web-apps-deeply.html)**
>
> In 2015, we added a new feature to Chrome for Android that allows developers to prompt users to add their site to the Home screen for fast...

And tech article:

> **[How to provide your own in-app install experience  |  web.dev](https://web.dev/articles/customize-install)**
>
> Use the beforeinstallprompt event to provide a custom, seamless, in-app install experience for your users.

A cool thing for Discourse site owners:

> We’ve heard from developers like Alibaba that users re-engage 4 times more often with their site added to Home screen. We’ve also seen that tuning the heuristics for add to Home screen to prompt sooner yields to 48% more installs.

Remember, Discourse already support this all by default, just do what’s asked on this topic and you will be ready when Chrome 57 goes live.

---

<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: [1 november 2017 om 14:30 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/65 "2017-11-01T14:30:05Z")

</div>

We lost this feature for a while, but it’s now back.

Google increased the requirements and we needed:

- Offline page with a service worker. @pmusaraj took care of this, great work!

- A bigger icon. Now you **MUST** provide a 512x512 png on the Site Setting `mobile_logo_url` for it to work.

Also, the new and Improved “Add to Home Screen” (A2HS) is live on current chrome, so the Discourse Android experience is 👌 💯.

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [1 november 2017 om 16:40 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/66 "2017-11-01T16:40:38Z")

</div>

> [@Falco](#):
>
> We lost this feature for a while, but it’s now back.

I was sort of wondering about that. 🙂 Are you back too?

> [@Falco](#):
>
> Now you MUST provide a 512x512 png on the Site Setting mobile\_logo\_url for it to work.

It’d be great, then, if the description of the `mobile_logo_url` included that caveat.

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [2 november 2017 om 00:40 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/67 "2017-11-02T00:40:31Z")

</div>

> [@pfaffman](#):
>
> It’d be great, then, if the description of the mobile\_logo\_url included that caveat.

It does! See [FIX: Update mobile logo resolution · discourse/discourse@32b3847 · GitHub](https://github.com/discourse/discourse/commit/32b3847d5209dbbb9ecdd8150f267b889f1bd50d)

---

<div class="post-metadata">

### Author: ![scombs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/scombs/32/48616_2.png) [@scombs](https://meta.discourse.org/u/scombs)
#### Post date: [6 november 2017 om 00:24 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/68 "2017-11-06T00:24:30Z")

</div>

@Falco and @jomaxro - not sure I understand this requirement.

> [@Falco](#):
>
> A bigger icon. Now you MUST provide a 512x512 png on the Site Setting mobile\_logo\_url for it to work.

Does this mean you can’t have a rectangular logo on mobile (for example, if you want to include your logo AND site name–like on meta?) I realize the site setting states:

> Should be a square shape

but I have always used a rectangle so I could include logo+site name.

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [6 november 2017 om 03:33 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/69 "2017-11-06T03:33:59Z")

</div>

@Falco can likely explain this better (and we might be changing some setting names too), but here’s my understanding.

~~`mobile_logo_url` is used by your mobile devices to display the app if you add it to your homescreen, and on the splash screen when the “app” is loaded. Once the app is loaded, you’ll see the normal `logo url` for your site, and the `logo small url` when you scroll down it a topic.~~

Edit: OK, i was completely wrong (thanks everyone). Looks like copy changed again. We added a new site setting for Android.:

> <https://github.com/discourse/discourse/blob/main/config/locales/server.en.yml#L1014>

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [6 november 2017 om 03:52 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/70 "2017-11-06T03:52:53Z")

</div>

I don’t think so. The mobile logo URL is used as the standard header on mobile devices. If left blank, then it defaults to the regular logo.

---

<div class="post-metadata">

### Author: ![scombs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/scombs/32/48616_2.png) [@scombs](https://meta.discourse.org/u/scombs)
#### Post date: [6 november 2017 om 03:57 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/71 "2017-11-06T03:57:38Z")

</div>

The [new setting](https://github.com/discourse/discourse/commit/32b3847d5209dbbb9ecdd8150f267b889f1bd50d) description for mobile\_logo\_url states:

> The fixed position logo image used at the top left of your mobile site and as your logo/splash image on Android. Recommended size is 512px by 512px.

Seems like those settings would need to be split to support rectangle (logo+name) on mobile.

EDIT: Thanks. I see the newer setting for `large_icon_url`

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2 december 2017 om 09:40 UTC](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973/72 "2017-12-02T09:40:27Z")

</div>



[Previous page](https://meta.discourse.org/t/add-to-homescreen-banner-on-android/42973.md?page=3)
