Как разместить на веб-сайте умные баннеры приложений для продвижения загрузок приложений

Вы замечали, как некоторые сайты продвигают свои собственные приложения для загрузки, когда вы посещаете их веб-сайт во время просмотра через Safari на iPhone, iPad или iPod touch? Это делается с помощью небольшого всплывающего меню, которое появляется в верхней части Safari при просмотре некоторых сайтов с iOS 6 и более поздних версий, и это делается с помощью так называемого «Smart App Banners». Если вы еще не видели этого в сети, вот как это выглядит в верхней части сайта:

Умный баннер приложения


Их на удивление легко реализовать, все, что нужно, — это добавить новый тег в раздел веб-страниц, который ссылается на идентификатор приложения, например:

<meta name="apple-itunes-app" content="app-id=#########"/>

Замена «#########» на соответствующий идентификатор приложения, который, если вы разработчик, почти наверняка уже знаете. Для веб-разработчиков вы можете получить идентификатор приложения, зная ссылку iTunes / App Store, которая содержит идентификатор приложения в строке URL-адреса. Поиск в Google клиентского приложения, такого как «App Name App Store», обычно достаточно, чтобы найти его мгновенно.

Например, это ссылка на приложение Kayak (приложение выбрано, потому что на их мобильном веб-сайте используются смарт-баннеры приложений):

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

В этом случае «305204535» — это код идентификатора приложения, который необходимо вставить в вышеупомянутый метатег.

У Apple есть подробная документация по этому поводу, проверьте библиотеку разработчика для получения дополнительной информации.

Этот совет действительно будет наиболее полезным для веб-разработчиков и разработчиков приложений, а также для всех, у кого есть собственное приложение и собственный веб-сайт, на котором они хотели бы побудить пользователей загрузить это приложение. Для тех, у кого есть веб-сайты и нет приложений, установка значка Apple Touch Icon не менее важна, поскольку он контролирует то, что пользователь видит при добавлении веб-сайта в закладки на главном экране iOS. Это просто вопрос добавления файла с именем «apple-touch-icon.png» в каталог основного веб-сайта, хотя каждый должен найти время, чтобы создать версию этого сенсорного значка для Retina-экрана.

Возглавляет MarketingLand за идею подсказки.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *