Yappli Support Desk

アプリ作成から申請までをサポート!

WEBサイトからアプリへ誘導する、スマートバナーの設置方法

最終更新日: Dec 20, 2016 04:39PM JST

スマホサイトにアプリダウンロードのバナーを表示させる



 

iOSの場合

iOS版はMobileSafari用のmetaタグが用意されていますので、そのコードを埋め込むだけです。

<meta name="apple-itunes-app" content="app-id=表示させたいアプリのID">

これだけで上画像のように表示されるようになります。

アプリIDは、リリースされたアプリをブラウザで開くと確認出来ます。

 

Androidの場合

AndroidはjQuery Smart Bannerで対応します。 jQuery Smart Banner http://jasny.github.io/jquery.smartbanner/
弊社の方で、このjsとCSSを最適に調整したものを作成しましたので
こちらを使っていただくと、スムーズに導入ができると思います。
こちらからダウンロード
 

導入のながれ

ダウンロードしたファイル
・jquery.smartbanner.js
・jquery.smartbanner.css
・dark_background_stripes.gif
を、サーバーにアップします。

・test.html
から、必要な部分を、自社サイトにコピーしていきます
必要となるものは、赤枠で囲まれた部分となります。
※js、css、gif画像を別フォルダ等に入れた場合、参照パスを変更してください。


 

​設定の変更箇所は、以下になります。


 

1.google playで、アプリのIDを調べます。

2.アプリ名を入れてください

​3.開発元(御社名)をいれてください。

​4.アプリアイコンのリンク先をいれてください。

※httpで始まる絶対パスをお勧めします。サンプルは、googleの画像検索【itunes preview yappli】ででてきた、iTunesで使用されている画像のパスを使用しています。


 

お問い合わせ

support@fastmedia.jp
http://assets0.desk.com/
false
desk
Loading
seconds ago
分前
minutes ago
1時間前
hours ago
日前
days ago
false
Invalid characters found
/customer/ja/portal/articles/autocomplete