1page.title=Add An App Install Banner On Your Mobile Website 2page.metaDescription=Add a native app install banner to your mobile website and allow visitors to install your app straight from your site. 3page.image=images/cards/card-install-banners_16x9_2x.png 4page.tags="banner, chrome, web" 5Xnonavpage=true 6 7@jd:body 8 9<!-- 10<div id="qv-wrapper"> 11 <div id="qv"> 12 <h2>In this document</h2> 13 <ol> 14 <li>TOC item</li> 15 </ol> 16 </div> 17</div> 18--> 19 20<div class="figure" style="width:138px"> 21 <img src="{@docRoot}images/distribute/users/banners.png" 22 srcset="{@docRoot}images/distribute/users/banners.png 1x, 23 {@docRoot}images/distribute/users/banners_2x.png 2x" 24 width="138"> 25</div> 26 27<p> 28 Add a native app install banner to your mobile website and offer visitors the 29 added convenience of installing your app or game straight from your site. 30</p> 31 32<p> 33 Learn how to <a href= 34 "https://developers.google.com/web/updates/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android#native" 35 class="external-link">add a native app install banner</a> to your mobile 36 site. 37</p> 38 39<h3 id="how">How it Works</h3> 40 41<p> 42 App install banners are offered as an extension of Chrome’s ability to 43 deliver Web App install banners. You can setup this feature in a web app 44 manifest file. In the manifest you define how your app will appear on the 45 user’s system, how it should be launched, and whether its banner has priority 46 over the banner for your Web App. Then, as long as your site is delivered 47 over HTTPS, after a user visits your site on two separate days within a two 48 week period they’ll be shown your app’s install banner. 49</p> 50 51<p style="clear:both"> 52</p> 53 54<div class="dynamic-grid"> 55<div class="headerLine"> 56<h2 id="related-resources">Related Resources</h2> 57</div> 58 59<div class="resource-widget resource-flow-layout col-13" 60 data-query="collection:distribute/googleplay/banners/related" 61 data-sortOrder="-timestamp" 62 data-cardSizes="9x3" 63 data-maxResults="6"></div> 64 </div> 65
