Så här implementerar du Smart App Banners på en webbplats för att marknadsföra App Downloads

Har du märkt hur vissa webbplatser marknadsför sin egen app att ladda ner när du besöker deras webbplats medan du surfar på Safari på en iPhone, iPad eller iPod touch? Detta görs via en liten popup-meny som visas överst på Safari när du surfar på vissa webbplatser med iOS 6 och vidare, och det görs genom något som heter "Smart App Banners". Om du inte har sett det här på nätet än, så ser det ut som det ser ut överst på en webbplats:

Dessa är överraskande lätta att implementera, allt som behövs är tillägget av en ny tagg i avsnittet webbsidor som refererar till app-id, som så:

Byta "#########" med lämpligt app-id, som om du är en utvecklare vet du nästan säkert redan. För webbutvecklare kan du få app-id genom att känna till länken iTunes / App Store, som innehåller app-id i URL-strängen. Googling för klientens app som "App Name App Store" är vanligtvis tillräckligt för att hitta det här direkt.

Det här är till exempel länken till Kayak-appen (app vald eftersom deras mobila webbplats använder Smart App Banners):

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

I det här fallet är "305204535" app-id-koden som måste kopplas till ovannämnda metataggen.

Apple har detaljerad dokumentation om detta, kolla in utvecklarbiblioteket för mer information.

Det här tipset kommer verkligen att vara till nytta för webbutvecklare och applikationsutvecklare, och någon annan som råkar ha sin egen app och sin egen webbplats där de vill uppmana användarna att ladda ner den appen. För dem med webbplatser och utan appar är inställningen av Apple Touch Icon lika viktig eftersom det kontrollerar vad en användare ser när man bokar en webbplats till deras iOS-startsida. Det handlar bara om att lägga till en fil med namnet "apple-touch-icon.png" till den primära webbplatskatalogen, men alla bör ta sig tid att göra en retina-klar version av den beröringsikonen.

Huvud upp till MarketingLand för tipssidan.