Is het je opgevallen hoe sommige sites hun eigen app promoten om te downloaden wanneer je hun website bezoekt terwijl je door Safari bladert op een iPhone, iPad of iPod touch? Dit wordt gedaan via een klein pop-upmenu dat bovenaan in Safari verschijnt wanneer u op sommige sites bladert met iOS 6 en hoger, en het wordt gedaan via iets dat "Smart App Banners" wordt genoemd. Als je dit nog niet op internet hebt gezien, ziet het er als volgt uit bovenaan een site:

Deze zijn verrassend eenvoudig te implementeren, het enige dat nodig is, is de toevoeging van een nieuwe tag in de sectie webpagina's die verwijst naar de app-ID, zoals:

"" vervangen door de juiste app-id, die je als ontwikkelaar vrijwel zeker al weet. Voor webontwikkelaars kunt u de app-ID verkrijgen door de iTunes/App Store-link te kennen, die de app-ID binnen de URL-tekenreeks bevat. Googelen naar de app van de klant, zoals 'App-naam App Store', is meestal voldoende om deze direct te vinden.

Dit is bijvoorbeeld de link voor de Kayak-app (app gekozen omdat hun mobiele website Smart App-banners gebruikt):

https://itunes.apple.com/us/app/kayak/id305204535?mt=8

In dit geval is '305204535' de app-id-code die moet worden ingeplugd in de bovengenoemde metatag.

Apple heeft hier gedetailleerde documentatie over, bekijk de ontwikkelaarsbibliotheek voor meer informatie.

Deze tip zal echt heel nuttig zijn voor webontwikkelaars en applicatieontwikkelaars, en iedereen die toevallig een eigen app en een eigen website heeft waar ze gebruikers willen vragen die app te downloaden . Voor mensen met websites en zonder apps is het instellen van het Apple Touch-pictogram net zo belangrijk, omdat dat bepa alt wat een gebruiker ziet wanneer hij een website naar zijn iOS-startscherm bladwijzert. Dat is gewoon een kwestie van een bestand met de naam "apple-touch-icon.png" toevoegen aan de hoofdmap van de website, hoewel iedereen de tijd zou moeten nemen om een ​​retina-ready versie van dat aanraakpictogram te maken.

Ga naar MarketingLand voor het tipidee.