【Google Play バッジの作り方】アプリのダウンロードボタンを作ってみよう！

2023年10月8日

スマホやタブレットのアプリを紹介している記事でよく見る、以下のようなダウンロードボタンありますよね？

ボタンをクリックすると、Google Playアプリダウンロードのページに飛べるやつです。

どうやって作るのでしょうか？

このダウンロードボタンは「バッジ」と言います。

すごい簡単に作ることができるので解説していきます。

App Storeのバッチの作り方は以下の記事を参考にしてください。

Google Playのアプリを紹介するダウンロードボタンの作り方

メールアプリの「Spark」のダウンロードボタンを作っていきます。

ここではWordPressに貼り付ける例で説明してきます。

STEP

Google Play バッジページを開く

STEP

紹介したいアプリのURLをコピペする

ここでは「Spark」アプリを紹介していきます。

Google Play バッジページを開いたら下へスクロールしていき、「Play ストアURL：」に紹介したいアプリのURLを貼り付けます。

以下のURL（Spark）を貼り付けます。

https://play.google.com/store/apps/details?id=com.readdle.spark

URLを貼り付けると、「マーケティングにこのHTMLバッジを含めます。」にコードが生成されるので全部をコピーしてブログに貼り付けます。

これで完了です！

でもそのまま貼り付けるとサイズが大きすぎるので、サイズ調整していきましょう！

生成されたコードに、サイズを指定するコードを追加します。

width="250px" height="83px"

サイズ指定を追加したコード

〜ja_badge_web_generic.png' width="250px" height="83px"/>

お好みの大きさに変えてください。

Google Play バッジは、必ず以下のガイドラインに沿って使用してください。

簡単にGoogle Playのダウンロードボタン（バッジ）を作れる方法を説明しました。

ブログをみていてどうやって作るのかなと調べたので備忘録としてまとめました。

App Storeバッジの作り方も記事にまとめたので参考にしてください。