Paano Magpatupad ng Mga Smart App Banner sa isang Website upang I-promote ang Mga Download ng App

Anonim

Napansin mo ba kung paano nagpo-promote ang ilang site ng sarili nilang app na ida-download kapag binisita mo ang kanilang website habang nagba-browse sa Safari sa isang iPhone, iPad, o iPod touch? Ginagawa ito sa pamamagitan ng maliit na pop-up na menu na lumalabas sa tuktok ng Safari kapag nagba-browse ng ilang site na may iOS 6 pasulong, at ginagawa ito sa pamamagitan ng tinatawag na "Smart App Banners". Kung hindi mo pa ito nakikita sa web, narito ang hitsura nito sa itaas ng isang site:

Ang mga ito ay nakakagulat na madaling ipatupad, ang kailangan lang ay ang pagdaragdag ng bagong tag sa seksyon ng mga web page na tumutukoy sa app id, tulad nito:

Pinapalitan ang "" ng naaangkop na app-id, na kung isa kang developer ay halos tiyak na kilala mo na. Para sa mga web developer, maaari mong makuha ang app id sa pamamagitan ng pag-alam sa link ng iTunes/App Store, na naglalaman ng app id sa loob ng string ng URL. Ang pag-googling para sa app ng mga kliyente tulad ng "App Name App Store" ay karaniwang sapat upang mahanap ito kaagad.

Halimbawa, ito ang link para sa Kayak app (app na pinili dahil ang kanilang mobile website ay gumagamit ng Smart App Banners):

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

Sa kasong ito, ang “305204535” ay ang app-id code na kakailanganing isaksak sa nabanggit na meta tag.

May detalyadong dokumentasyon ang Apple tungkol dito, tingnan ang developer library para sa higit pang impormasyon.

Ang tip na ito ay talagang magiging pinakakapaki-pakinabang para sa mga web developer at application developer, at sinumang nagkataong may sariling app at sariling website kung saan gusto nilang i-prompt ang mga user na i-download ang app na iyon . Para sa mga may website at walang app, ang pagtatakda ng Apple Touch Icon ay pare-parehong mahalaga, dahil kinokontrol nito kung ano ang nakikita ng user kapag nagbu-bookmark ng website sa kanilang home screen ng iOS. Isa lang iyan sa pagdaragdag ng file na pinangalanang "apple-touch-icon.png" sa pangunahing direktoryo ng website, bagama't lahat ay dapat maglaan ng oras upang gumawa ng retina-ready na bersyon ng touch icon na iyon.

Pumunta sa MarketingLand para sa tip idea.

Paano Magpatupad ng Mga Smart App Banner sa isang Website upang I-promote ang Mga Download ng App