App StoreとGooglePlayのダウンロードバッジ作成方法

App Storeのダウンロードバッジ

リンクメイカーという公式ツールを使います。
ストア国を日本・メディアタイプをAppにそれぞれ設定し、アプリ名を入力します。一覧から該当のアプリを選ぶと埋め込みコード取得画面に変わります。サイズの初期値は幅135px・高さ40px、コード内を直接編集して変更も可能です。

または画像データ自体をダウンロードすることもできます。

参考リンク:
Link Maker|Apple
App Storeからダウンロードバッジのダウンロード|Apple

バッジ見本 (iTunes Storeが開きます)

HTMLコード
<a href="https://apps.apple.com/jp/app/itunes-store/id915061235?mt=8" style="display:inline-block;overflow:hidden;background:url(https://linkmaker.itunes.apple.com/ja-jp/badge-lrg.svg?releaseDate=2016-06-01&kind=iossoftware&bubble=ios_apps) no-repeat;width:135px;height:40px;"></a>

Google Playのダウンロードバッジ

バッジジェネレーターという公式ツールを使います。
埋め込みコードを取得する場合は、作成形式をデジタル・ファイル形式をPNG・Play ストア URLを入力します。幅は自由に変更できます。四方に余白ができるため注意が必要です(見本参照)

画像データをダウンロードする場合は、作成形式を印刷にします。

参考リンク
Google Playバッジ|Google

バッジ見本 (Google Playのホームが開きます)
Google Play で手に入れよう

HTMLコード
<a href="http://play.google.com/store/#?pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img alt="Google Play で手に入れよう" src="https://play.google.com/intl/en_us/badges/images/generic/ja_badge_web_generic.png" width="160px"></a>

コメントを残す