モバイルサイトにアプリバナーを追加する方法

アプリのバナーリンク

製品やサービス用のモバイルアプリケーションをお持ちの場合は、それを宣伝して大量に採用するために配布するのにどれほどの費用がかかるかをご存知でしょう。 簡単なヘッダースニペットで、モバイルブラウザ内でアプリケーションを宣伝できることをご存知ですか?

iOS用AppleAppStoreスマートアプリバナー

Apple サポート スマートアプリのバナー そしてそれはあなたのモバイルアプリケーションの採用を増やすための素晴らしいツールです。 モバイルユーザーがiOS上のSafariを使用してサイトにアクセスすると、モバイルアプリケーションに直接リンクするバナーがブラウザウィンドウの上部に表示されます。

Appleスマートアプリバナー

独自のメタタグを検索して作成する場合は、iTunes LinkMakerを使用できます。

iTunes LinkMakerを起動する

興味深いことに、Google AndroidとMicrosoftは、ネイティブブラウザ向けの同様のソリューションをリリースしていません。

Android用のGooglePlayアプリバナー?

しかし、それはあなたがそれをすることができないという意味ではありません。 サイトに追加できるjQueryスクリプトがあり、これを設定するだけではありません。 iTunesスマートバナー、Google AndroidまたはMicrosoftユーザーが適切なアプリケーションをダウンロードするためのバナーも作成します(それらもある場合)。

あなたのサイトがWordPressで構築されている場合、E-Moxieの人々はちょっといいことを書いています アプリバナーWordPressプラグイン すべての詳細を入力し、表示方法やCookieの使用頻度に関する設定を追加することもできます。

アプリバナーWordPressプラグイン

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でこのページをチェックすると、ポッドキャストを宣伝していることがわかります。

一つのコメント

  1. 1

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.