Hoe u app-banners aan uw mobiele site kunt toevoegen
Als u een mobiele applicatie voor uw producten of diensten heeft, weet u hoe duur het kan zijn om deze te promoten en te verspreiden voor massale acceptatie. Wist je dat je met een simpel header-fragment de applicatie kunt promoten in een mobiele browser?
Apple App Store Smart App Banners voor iOS
Apple ondersteunt slimme app-banners en het is een geweldig hulpmiddel om de acceptatie van uw mobiele applicatie te vergroten. Wanneer een mobiele gebruiker uw site bezoekt met Safari op iOS, is er een banner zichtbaar boven in het browservenster die rechtstreeks naar uw mobiele applicatie linkt.
Als u uw eigen metatag wilt zoeken en maken, kunt u iTunes Link Maker gebruiken
Interessant is dat Google Android en Microsoft geen vergelijkbare oplossing hebben uitgebracht voor hun eigen browsers.
Google Play-app-banners voor Android?
Dat betekent echter niet dat u het niet kunt. Er is een jQuery-script dat u aan uw site kunt toevoegen en dat niet alleen het iTunes Smart-banner, zal het ook een banner maken voor Google Android- of Microsoft-gebruikers om de juiste applicatie te downloaden als je die ook hebt.
Als uw site op WordPress is gebouwd, hebben de mensen bij E-Moxie een aardig stukje geschreven App-banners WordPress-plug-in zodat u al uw gegevens kunt invullen en zelfs enkele instellingen kunt toevoegen voor hoe het wordt weergegeven en hoe vaak cookies worden gebruikt.
jQuery Smart Banner voor iOS of Android
Maak je geen zorgen als je geen WordPress gebruikt. U kunt een slimme banner voor Android of iOS toepassen met de jQuery slimme banner script. De code is vrij eenvoudig en zeer robuust, hier is het voorbeeld van de site van Arnold Daniel:
$ .smartbanner ({
title: null, // Wat de titel van de app in de banner moet zijn (standaard)
author: null, // Wat de auteur van de app zou moeten zijn in de banner (standaard of hostnaam) prijs: 'GRATIS', // Prijs van de app
appStoreLanguage: 'us', // Taalcode voor App Store
inAppStore: 'In de App Store', // Tekst van prijs voor iOS
inGooglePlay: 'In Google Play', // Tekst van prijs voor Android
icon: null, // De URL van het pictogram (standaard ingesteld op )
iconGloss: null, // Forceer glanseffect voor iOS, zelfs voor vooraf samengesteld (waar of onwaar)
button: 'VIEW', // Tekst op de installatieknop
scale: 'auto', // Schaal gebaseerd op viewport-grootte (ingesteld op 1 om uit te schakelen)
speedIn: 300, // Toon animatiesnelheid van de banner
speedOut: 400, // Sluit animatiesnelheid van de banner
daysHidden: 15, // Duur om de banner te verbergen nadat deze is gesloten (0 = banner altijd weergeven)
daysReminder: 90, // Duur om de banner te verbergen nadat op "VIEW" is geklikt (0 = banner altijd weergeven)
force: null // Kies 'ios' of 'android'. Doe geen browsercheck, maar laat deze banner altijd zien
})
Kanttekening, u kunt deze methodologie ook gebruiken om uw podcast op een slimme app-banner! Bekijk deze pagina over Safari en je zult zien dat we onze podcasts promoten.