Banner de aplicación inteligente con JavaScript puro

Vista prévia

Descripción

Una biblioteca de JavaScript independiente ligera para crear un estilo iOS < a href = "https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html" target = "_ blank" rel = "noopener" > Smart banner para promocionar aplicaciones en Apple App Store, Google Play y Windows Store desde tu sitio Web.

Funcionamiento

Coloque las siguientes marcas en la sección de la cabeza.

<meta name="apple-itunes-app" content="app-id=502838820">
<meta name="google-play-app" content="app-id=ru.hh.android">
<meta name="msApplication-ID" content="microsoft.build.App">
<meta name="msApplication-PackageFamilyName" content="microsoft.build_8wekyb3d8bbwe">
<link rel="stylesheet" href="smart-app-banner.css">
<link rel="apple-touch-icon" href="icon.png">
<link rel="android-touch-icon" href="icon.png">
<link rel="windows-touch-icon" href="icon.png">

Cargue el Smart-App-banner. js en el cuerpo.

<script src="smart-app-banner.js"></script>

El JavaScript.

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 us)

title: 'MyPage',

author: 'MyCompany LLC',

button: 'VIEW',

store: {


ios: 'On the App Store',


android: 'In Google Play',


windows: 'In Windows store'

},

price: {


ios: 'FREE',


android: 'FREE',


windows: 'FREE'

}

// , force: 'ios' // Uncomment for platform emulation
});

Registro de cambios

07/10/2018

• v1.5.1: bugfix