Google™Play App(アプリ)のバッチ(バッジ)表示するHTMLの取得方法

Google™Play App(アプリ)のバッチ表示を行うHTMLの取得方法をご紹介しておきます。
特に難しいわけでもありません。
コツさえつかめれば、慣れてしまうでしょう。

はじめに

Google™Play App(アプリ)のバッチ表示、
よく見かけるのでご自分でも探せるとは思いますが。

手順はリンクを作成して貼るだけなのですが、
ブログなどのシステムとの相性が悪くうまく貼れない場合もあるようなので、ご紹介しておきます。

以前の投稿（ドラゴンクエスト（初代）が100万ダウンロードまで無料！）で
バッチ表示を行ったのですが、どうもビジュアルエディタで保存すると消えてしまう場合があります。

リンク先の決定

今回は、以下のドラクエアプリに対してのリンクを作成しました。
ドラゴンクエストポータルアプリ – Android Apps on Google Play

このURLをブラウザで確認しますと以下のURLになっています。
https://play.google.com/store/apps/details?id=com.square_enix.android_googleplay.dqportal_gp

GooglePlayサイト

このURLの赤文字部分をのちに利用します。

リンクメーカーサイトへアクセス

GooglePlayアプリのGoogle Play Badgesサイトへアクセスします。
Google Play Badges | Android Developers

以下のようなページが表示されます。使用する言語はご自由に。

GooglePlayBadgesサイト

[Package name]のフィールドに対して、リンク先にするアプリページの
[id=]の後ろの部分をコピーして、貼り付けます。
上のリンク例で言えば、赤文字の[com.square_enix.android_googleplay.dqportal_gp]部分です。

表示したいアプリバッジのサイズ・デザインを４つから選択します。
[Build my badge]をクリックするとバッジのHTMLが生成されます。

サイトURLの設定・バッジ作成

作成されたHTMLとバッジが表示されたら、
バッジをクリックすると正しくアプリのページにリンクしているか確認できます。
ここで表示されたHTMLをサイトやブログに貼り付ければ表示されます。

HTMLの取得

取得したHTMLコード例

wordpressに貼り付けた例

実際Wordpressに貼り付けた例は以下のようになります。

サイトの表示

さいごに

GooglePlayなどのアプリでもいいものがあって、紹介したいなと思う時はあるはずです。
そんな時に、ちょっとバッジ表示した方が見てくれた方が、
簡単にアクセスができていいかなと思うところです。

ご参考まで。

参考

UltimateLabs: ブログにアプリの紹介リンクバナーを設置する方法

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください

最後までお読みいただきありがとうございました。

お勧めさせて頂きたい投稿です

• 【巧妙な仕組】Google+へAndroidの写真が勝手にアップロードされてしまう流れは設定ミスではない

• JetPackサイト統計データが消えた場合に復活する手順(してもらう)

• 【待望】WALLET ポイントがauID(au電話番号)間で相互にやりとりできるようになりました

• 禁断の機能がau公式解禁！WALLETポイントの現金化がついに開放。

• 何もしないと、auポイントが2014/05月分以降は携帯利用料から付与されなくなります

• au WALLET™カードはauを解約してもプリペイドとして使い続けられるが、有効期限には注意

• じぶん銀行が動いた！コンビニATM利用が無料・他行振込無料（回数制限なし）で使える

• 【旬】「白すぎる」と賛否両論？姫路城見るなら今秋がおすすめ！その理由は？｜castlehimeji.com

• Google+の投稿が勝手に自動でブログになっていくPluCialが便利



アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介

すべて展開 | すべて省略

Rakuten Promotion

ページ

すべて展開 | すべて省略