モバイルサイトにアプリバナーを追加する方法
製品やサービス用のモバイルアプリケーションをお持ちの場合は、それを宣伝して大量に採用するために配布するのにどれほどの費用がかかるかをご存知でしょう。 簡単なヘッダースニペットで、モバイルブラウザ内でアプリケーションを宣伝できることをご存知ですか?
iOS用AppleAppStoreスマートアプリバナー
Apple サポート スマートアプリのバナー そしてそれはあなたのモバイルアプリケーションの採用を増やすための素晴らしいツールです。 モバイルユーザーがiOS上のSafariを使用してサイトにアクセスすると、モバイルアプリケーションに直接リンクするバナーがブラウザウィンドウの上部に表示されます。
独自のメタタグを検索して作成する場合は、iTunes LinkMakerを使用できます。
興味深いことに、Google AndroidとMicrosoftは、ネイティブブラウザ向けの同様のソリューションをリリースしていません。
Android用のGooglePlayアプリバナー?
しかし、それはあなたがそれをすることができないという意味ではありません。 サイトに追加できるjQueryスクリプトがあります。これは、 iTunesスマートバナー、Google AndroidまたはMicrosoftユーザーが適切なアプリケーションをダウンロードするためのバナーも作成します(それらもある場合)。
あなたのサイトがWordPressで構築されている場合、E-Moxieの人々はちょっといいことを書いています アプリバナーWordPressプラグイン すべての詳細を入力し、表示方法やCookieの使用頻度に関する設定を追加することもできます。
iOSまたはAndroid用のjQueryスマートバナー
WordPressを使用していない場合でも、心配はいりません。 AndroidまたはiOS用のスマートバナーは、 jQueryスマートバナー 脚本。 コードは非常にシンプルで非常に堅牢です。これは、ArnoldDanielのサイトの例です。
$ .smartbanner({
title:null、//バナーに表示するアプリのタイトル(デフォルトは)
author:null、//アプリの作成者をバナーに含める必要があります(デフォルトはまたはホスト名) 価格: '無料'、//アプリの価格
appStoreLanguage: 'us'、// AppStoreの言語コード
inAppStore: 'App Storeで'、// iOSの価格のテキスト
inGooglePlay: 'Google Playで'、// Androidの価格のテキスト
icon:null、//アイコンのURL(デフォルトは)
iconGloss:null、//合成済み(trueまたはfalse)の場合でもiOSの光沢効果を強制します
ボタン: 'VIEW'、//インストールボタンのテキスト
scale: 'auto'、//ビューポートサイズに基づいて拡大縮小(無効にするには1に設定)
speedIn:300、//バナーのアニメーション速度を表示
speedOut:400、//バナーのアニメーション速度を閉じる
daysHidden:15、//閉じた後にバナーを非表示にする期間(0 =常にバナーを表示)
daysReminder:90、//「VIEW」をクリックした後にバナーを非表示にする期間(0 =常にバナーを表示)
force:null // 'ios'または 'android'を選択します。 ブラウザのチェックは行わず、常にこのバナーを表示してください
})
ちなみに、この方法論を利用して、 スマートアプリバナーのポッドキャスト! Safariでこのページをチェックすると、ポッドキャストを宣伝していることがわかります。