title: How to show smart app banner on top of your site that redirects to your app store
body: <p>I am using this library <strong>"smart-app-banner": "^2.0.0",</strong> to show the smart app banner, which it works fine, but the problem I have is this.</p>
  
  <p>I have created an android app with a webview which points to my site, the thing is that the smart app banner still shows into the webview, which it does not make any sense to send the user to download the app as he already using the app.</p>
  
  <p>How can I hide it from webview and only show on my site when they visit the site from a mobile device.</p>
  
  <p>Currently I use this peace of code:</p>
  
  <pre><code>  &lt;script src="assets/js/smart-app-banner.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        new SmartBanner({
            daysHidden: 15,   // days to hide banner after close button is clicked (defaults to 15)
            daysReminder: 90, // days to hide banner after "VIEW" button is clicked (defaults to 90)
            appStoreLanguage: 'us', // language code for the App Store (defaults to user's browser language)
            title: 'Winnova',
            author: 'Starcut LLC',
            button: 'VIEW',
            store: {
                ios: 'On the App Store',
                android: 'In Google Play',
                windows: 'In Windows store'
            },
            price: {
                ios: 'FREE',
                android: 'FREE',
                windows: 'FREE'
            }
            // , theme: '' // put platform type ('ios', 'android', etc.) here to force single theme on all device
            // , icon: '' // full path to icon image if not using website icon image
            // , force: 'ios' // Uncomment for platform emulation
        });
    &lt;/script&gt;
  </code></pre>