ブログにアプリのダウンロードボタンを設置する2つの方法

チャオ(・∀・)♪

 

ブログにアプリのダウンロードボタンを設置させる方法を教えてください!

 

今回はこんな質問に答えます。

 

今回は例として、WordPressアプリにアクセスするボタンを配置させてみようと思います。公式ではこれを「バッジ」と呼んでいます。

 

完成系は以下の通り↓

 

AppStoreからダウンロード
Google Play で手に入れよう

 

方法としては「HTMLの埋め込みコードを設置する方法」「画像にリンクを指定して設置する方法」の2つがあります。順番に解説していきますね。

 

 

ブログにアプリのダウンロードボタンを設置する2つの方法

HTMLの埋め込みコードを設置する方法

 

ブログにアプリバッジを配置させるための埋め込みコードは、公式サイトで用意されています。そのコードを取得して、後はブログに貼り付けるだけでOKとなっています。

 

やり方は簡単です。まずはiOSからやっていきましょう。

 

iOS版

 

下記のリンクから公式サイトにアクセスしてください。

 

Marketing Tools and Resources – Apple Services

 

サイトにアクセスしたら、検索窓にアプリバッジを配置させたいアプリ名を入力して検索します。

 

検索したら、「アプリ」の項目から該当のアプリをクリックします。おそらく下の方に出ていると思われます。

 

クリックするとアプリバッジのHTMLコードを取得できるページにリンクするので、「バッジとロックアップ」にある「埋め込みをコピー」をクリックします。

 

ちなみに、「オプションを選択」のプルダウンを展開すると、アプリバッジの色を選択できます。黒と白の2種類が選べるので、お好きな方をどうぞ。

 

後はコピーしたHTMLコードをブログに貼り付ければ完了です。

 

AppStoreからダウンロード

 

Android版

 

Android版は、Google Playからダウンロードしていきます。下記のリンクへアクセスしてください。

 

Google Play バッジ – Google

 

「PlayストアURL」にアプリのダウンロードページのURLを入力すると、「マーケティングにこのHTMLバッジを含めます」にHTMLコードが表示されるのでコピーします。

 

後は同じく、コピーしたHTMLコードをブログに貼り付ければ完了です。

 

Google Play で手に入れよう

 

画像にリンクを指定して設置する方法

 

HTMLコード埋め込みで出てくる「App Storeからダウンロード」とか「Google Playで手に入れよう」のバッジを画像で配置して、そこにアプリのダウンロードリンクを挿入すれば同じような仕上がりになります。

 

画像を貼っておくので、良かったらこちらをお使いください。サイズはお好みで変更していただいて結構です。

 


 

記事に配置した画像をクリックして、鉛筆アイコンをクリックします。

 

リンク先のプルダウンを「カスタムURL」に切り替えます。

 

アプリのダウンロードページのURLを入力して「更新」をクリックします。

 

これで設置完了です。お疲れ様でした。

 

 

 

iPhone・Androidアプリを纏めて紹介したい場合

 

アプリーチというWebツールでは、iPhone・Androidアプリを纏めて紹介できるブログパーツを作成できます。ぜひ一度使ってみてください。

 

アプリーチとは
iPhone,Androidアプリを紹介するブログパーツを瞬時に作成することができるツールです。

アプリーチ | iPhoneアプリとAndroidアプリを同時に検索し、統合されたブログパーツを作成出来ます。

※Appleのロゴは、米国もしくはその他の国や地域におけるApple Inc.の商標です。App Storeは、Apple Inc.のサービスマークです。
※Google Play および Google Play ロゴは、Google LLC の商標です。

 

 

まとめ

 

以上、アプリのダウンロードボタン(バッジ)をブログに配置させる方法について解説しました。

 

ただ単にリンクを設置するより、装飾されたボタンを設置した方がコンテンツの見栄えが良くなるので、おすすめです。

 

それでは、ここまで読んでいただきありがとうございました。

チャオ(・∀・)

 

PS.
記事が参考になったら、ぜひRSS登録お願いします!毎日更新しているので、RSSとの相性バツグンですよ(・∀・)♪

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です