Кратко: Safari поддерживает функцию App Banner предоставляя стандартизированный способ продвижения приложений в магазине приложений Apple. Это не связано с рекомендуемым решением Smart Banner от AppsFlyer.
Примечание:
Мы рекомендуем использовать AppsFlyer Smart Banners, чтобы конвертировать посетителей сайта в пользователей приложения.
Смарт-баннеры AppsFlyer:
- Поддерживает все браузеры
- Можно настраивать
- Работает на всех устройствах Android и iOS
iOS App Banner
Начиная с iOS 6 и новее вы можете внедрить App Banners в Safari, чтобы продвигать приложения, доступные в магазине приложений.
Пример баннера в Safari
Перед внедрением баннеров приложений iOS учтите следующее:
- Не используйте одновременно баннер приложения iOS и AppsFlyer Smart Banners. Это может привести к проблемам с отображением на вашем мобильном сайте.
- Решение с баннером приложения предназначено только для iOS, то есть не работает в OS X.
- Баннер приложения работает только в Safari.
Настройка веб-страницы с баннером приложения и ссылкой для атрибуции кликов
- Вставьте следующий код в элемент header HTML веб-страницы.
<meta name="apple-itunes-app" content="app-id=123456789">: - Сгенерируйте ссылку атрибуции для мобильного приложения, которое вы продвигаете в App Banner. Ниже приведен пример ссылки атрибуции для мобильного приложения, продвигаемого в App Banner. Вы также можете использовать сокращенные пользовательские ссылки атрибуции.
https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign - Вставьте сгенерированную ссылку атрибуции в пиксель изображения. Пиксель изображения с URL-адресом измерения должен быть оформлен, как показано на иллюстрации.
<img src="https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign" height="1" width="1" border ="0" />Итоговая HTML-страница с пикселем изображения должна выглядеть, как в следующем примере HTML.
<html> <head> <meta name="apple-itunes-app" content="app-id=123456789"> </head> <body> <p>Это мой веб-сайт</p> <img src="https://app.appsflyer.com/123456789?pid=ios_smart_banner&c=ios_campaign" height="1" width="1" border ="0" /> </body> </html>
Внимание! Этот код загружается и выполняет клик на устройствах iOS и Android. Чтобы отключить код на устройствах Android, добавьте в свой код необходимую логику.