Има не малко статии по темата за промотиране на мобилно приложение, но малка част от тях разглеждат основния канал за промотиране на приложението, а именно сайта към него…
Имате ново приложение за телефон или таблет на уеб сайта си и искате да го покажете на Вашите потребители. Повечето уеб сайтове поставят връзки във футъра на сайта, но те остават незабелязани. Най-удобния и забележим начин е като поставите лента още при отварянето на уеб сайта, с директен линк към съответния магазин. Така потребителите с iPhone могат да отидат директно в App Store, а потребителите с Android могат да си инсталират приложението от Google Play.
Промотиране на мобилно приложение за iOS или „Smart App Banners“
Необходимо е да включите следния мета таг:
<meta name=“apple-itunes-app“ content=“app-id=APP_ID“>
Например: <meta name=“apple-itunes-app“ content=“app-id=0123456789″>
Важно: Smart App Banners се показват само в iOS (без OS X)
Промотиране на мобилно приложение за Google Play или „Web App Install Banners“
Chrome автоматично показва банера, когато приложението ви отговаря на следните критерии:
- Има web app manifest файл с:
short_name
(използван на началния екран)name
(използван в банера)- 192×192 png icon (декларациите за икони трябва да включват тип MIME от
image/png
) start_url
което се зарежда
- Има регистриран service worker на сайта.
- Сайта е с HTTPS (изискване за ползване на service worker).
- Среща евристична ангажираност на сайта, дефинирана от Chrome (това редовно се променя).
Ако това Ви се вижда сложно можете да добавите следния мета таг и да използвате jQuery плъгин.
<meta name=“google-play-app“ content=“app-id=BUNDLE_ID“>
Например: <meta name=“google-play-app“ content=“app-id=eu.appflow.app“>
За максимална съвместимост трябва да използвате jQuery Smart Banner
<html>
<head>
<title>YouTube</title>
<meta name="author" content="Google, Inc.">
<meta name="apple-itunes-app" content="app-id=544007664">
<meta name="google-play-app" content="app-id=com.google.android.youtube">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="jquery.smartbanner.css" type="text/css" media="screen">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
</head>
<body>
...
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="jquery.smartbanner.js"></script>
<script type="text/javascript">
$(function() { $.smartbanner() } )
</script>
</body>
</html>
Винаги се опитваме да сме максимално кратки и точни в обясненията за да не губим времето на читателите си, но за любознателните още информация можете да намерите в документацията на сайта на Apple или Google.
Ако уеб сайта Ви е базиран на WordPress можете да използвате този или подобен плъгин за промотиране на мобилно приложение: https://wordpress.org/plugins/appbanners/ без да се съобразявате с посочените по-горе съвети. Само инсталирайте и настройте плъгина и той ще свърши останалото.
В заключение бихме Ви препоръчали да прочетете и тази статия за App Store Optimization (ASO) ако все още не сте го направили.