頑張らない!でも諦めない!必死にならずにええかげん

iOSアプリ(iApp)のバッチ(バッジ)表示するHTMLの取得方法

      2014/11/22

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

はじめに

iOSアプリ(iApp)のバッチ表示はよく見かけるものですので、
ご自分でも探せるとは思いますがご参考まで紹介します。

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

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

今回は、以下のドラクエアプリに対してのリンクを作成しました。
ドラゴンクエスト ポータルアプリ – SQUARE ENIX INC
※PCでご覧の方はiTunesが起動します。

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

iOSアプリのLink Makerサイトへアクセスします。
ITMS Link Maker

以下のようなページが表示されます。

01_LinkMakerサイト

LinkMakerサイト

この画面で、検索するアプリの名前などを入力し
表示したいiOSアプリ(iApp)を表示してリンクを作成します。

メディアファイルは以下から選択可能です。

  • iOS APP
  • Mac APP
  • Podcast
  • オーディオブック
  • コンテンツを選択
  • ショートフィルム
  • ブック
  • ミュージック
  • ミュージックビデオ
  • 映画

ジャンル/カテゴリは、メディアファイルに応じてリストが変わります。
[iOS APP]を選択した場合は以下のようなリストが表示されます。

  • すべて
  • Newsstand
  • エンターテインメント
  • カタログ
  • ゲーム
  • スポーツ
  • ソーシャルネットワーキング
  • ナビゲーション
  • ニュース
  • ファイナンス
  • フード/ドリンク
  • ブック
  • ヘルスケア/フィットネス
  • ミュージック
  • メディカル
  • ユーティリティー
  • ライフスタイル
  • 仕事効率化
  • 写真/ビデオ
  • 天気
  • 教育
  • 辞書/辞典/その他
02_LinkMakerで作成できる種類

LinkMakerで作成できる種類

実際にキーワードを入力し検索します。

03_キーワード検索

キーワード検索

下部に検索結果が一覧で表示されます。
iOSアプリ(iApp)を選択して検索した場合は、
上部にiPhone App、下部にiPad Appが表示されます。
一覧から[iPhone(iPad) App リンク]をクリックしリンクを表示します。

04_検索結果の表示

検索結果の表示

ポップアップ画面でAppへリンク画面が開きます。
リンクを含むHTMLの部分で表示したいリンクのタイプを選択し、
HTMLソースの下に表示されたプレビューを確認します。

プレビュー部分はクリックすると作成したアプリのページが表示され、
実際の動作を確認することができます。

05_バッジの作成とコードコピー

バッジの作成とコードコピー

リンクページを表示すると以下のように表示されます。

06_プレビューの確認

プレビューの確認

取得したHTMLコード例

wordpressに貼り付けた例

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

07_ブログへの表示

ブログへの表示

プロモーション(btm)

Google or AdMax Promotion (cel)

さいごに

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

ご参考まで。


Apple®,Apple logo®、Apple Inc.あるいはApple Japanの商標または登録商標です。

iPad®,iPhone®iPod®,iPod classic®,iPod Hi-Fi®,iPod nano®,iPod shuffle®,
iPod Socks®,iPod touch®は、Apple Inc.あるいはApple Japanの商標または登録商標です。

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


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

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

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - iApp ,

  関連記事

eye_ios
(iPhone)Radico™の全国エリアフリー視聴の方法

Google or AdMax Promotion(cel) 禁断の機能がau公 …

eye_iapp
(iOS)サイトに利用されている外部配信サービスを確認・無効化するアプリGhostery

Google or AdMax Promotion(cel) 禁断の機能がau公 …