Продължете към съдържанието

Промотиране на мобилно приложение

Има не малко статии по темата за промотиране на мобилно приложение, но малка част от тях разглеждат основния канал за промотиране на приложението, а именно сайта към него…

Промотиране на мобилно приложениеИмате ново приложение за телефон или таблет на уеб сайта си и искате да го покажете на Вашите потребители. Повечето уеб сайтове поставят връзки във футъра на сайта, но те остават незабелязани. Най-удобния и забележим начин е като поставите лента още при отварянето на уеб сайта, с директен линк към съответния магазин. Така потребителите с 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) ако все още не сте го направили.