Öncelikle yukarıdaki adresten Smart App Banner eklentisi bilgisarınıza indirin. Ardından bir FTP uygulamasını kullanarak dist klasörü içerisindeki smart-app-banner.css ve smart-app-banner.js dosyalarını sitenizin dosyalarının bulunduğu dizine aktarın. Tüm bunları gerçekleştikten sonra sitenizin head etiketleri arasına aşağıdaki kodları ekleyin (Kodları kendi uygulamanıza göre özelleştirmeyi lütfen unutmayın)
<script></script>
Kodları ekledikten sonra aşağıdaki javascript kodunuda body etiketleri arasında uygun bir yere yerleştirip kullanmaya başlayabilirsiniz
<script>
new SmartBanner({
daysHidden: 15, // ziyaretçi bannerı kapattığında tekrar kaç gün sonra gözüksün (varsayılan değer 15)
daysReminder: 90, // ziyaretçi "GÖRÜNTÜLE" butonuna tıkladığında tekrar kaç gün sonra gözüksün (varsayılan değer 90)
appStoreLanguage: 'us', // AppStore için dil kodu
title: 'Merhaba dünya!',
author: 'wmaraci',
button: 'GÖRÜNTÜLE',
store: {
ios: 'iOS Mağazalarında',
android: 'Google Play Mağazalarında',
windows: 'Windows Mağazalarında'
},
price: {
ios: 'ÜCRETSİZ',
android: 'ÜCRETSİZ',
windows: 'ÜCRETSİZ'
}
// , theme: '' // Tüm cihazlarda tek bir görünümü kullanmak istiyorsanız onu yazın (ios, android vb.)
// , icon: ''
// , force: 'ios'
});
</script>Kaynak: http://ourcodeworld.com/articles/read/277/implementing-a-smart-app-banner-promote-a-mobile-app-in-your-website-with-or-without-jquery