Slik implementerer du Smart App Bannere på et nettsted for å markedsføre App nedlastinger

Har du lagt merke til hvordan enkelte nettsteder markedsfører sin egen app å laste ned når du besøker nettstedet deres mens du surfer gjennom Safari på en iPhone, iPad eller iPod touch? Dette gjøres via en liten hurtigmeny som vises øverst på Safari når du surfer på noen nettsteder med iOS 6 og videre, og det gjøres gjennom noe som heter "Smart App Banners". Hvis du ikke har sett dette på nettet ennå, her ser du hvordan det ser ut på toppen av et nettsted:

Dette er overraskende enkelt å implementere, alt som trengs er tillegg av en ny tagg i nettsidene som refererer til app-ID, slik som:

Bytte "#########" med passende app-id, som hvis du er en utvikler du nesten sikkert allerede vet. For webutviklere kan du få app-ID ved å kjenne linken iTunes / App Store, som inneholder app-ID-en i URL-strengen. Googling for klientens app som "App Name App Store" er vanligvis nok til å finne dette umiddelbart.

For eksempel er dette linken til Kayak-appen (appen er valgt fordi deres mobilwebside bruker Smart App-bannere):

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

I dette tilfellet er "305204535" app-id-koden som må kobles til det nevnte metatagget.

Apple har detaljert dokumentasjon om dette, sjekk ut utviklerbiblioteket for mer informasjon.

Dette tipset vil virkelig være mest nyttig for webutviklere og applikasjonsutviklere, og alle andre som skjer med egen app og deres eget nettsted der de ønsker å be om å laste ned den appen. For de som har nettsteder og uten apper, er det å sette inn Apple Touch-ikonet like viktig, siden det styrer hva en bruker ser når du bokmerker et nettsted til deres iOS-startskjerm. Det handler bare om å legge til en fil med navnet "apple-touch-icon.png" til den primære nettsidekatalogen, men alle bør ta seg tid til å lage en retina-klar versjon av det berøringsikonet.

Hodet opp til MarketingLand for tipsideen.