超簡単！iPhone・Androidアプリを紹介できるブログツール【アプリーチ】

井上( @Kouki_Inoue0411 )です。
ブログ上でiPhoneアプリやAndroidアプリを簡単に紹介できるサイトを紹介します。

スマートフォンの普及率の上昇につれてアプリケーションの開発も加速しほとんど、スマートフォンで仕事も遊びも出来るようになり、なくてはならない必需品になりました。

そんな、スマートフォン用のアプリケーションをブログ内で紹介したいですよね。
まず、ブロガーには必須かと。
今回は、【アプリーチ】と言う超簡単にアプリケーションを紹介できる出来るサイトの紹介と使い方をご紹介します。

1. アプリーチ
- 1.1. 使い方
- 1.2. CSSで装飾
2. まとめ

アプリーチ

Twitter

Twitter, Inc.無料posted withアプリーチ

↑を作っていきます。
超簡単なのでサクっと。

まずは、アプリーチのサイトは、

http://mama-hack.com/app-reach/?redirect

です。

使い方

サイトの飛んだら、【ブログパーツを製作】より紹介したいアプリケーション名を記入します。
今回は、【Twitter】で作ってみます。

iPhoneアプリの検索結果とAndroidの検索結果が表示されればOK。

次に、出力イメージをカスタマイズします。
価格帯と開発元を非表示にしてみました。

Twitter

posted withアプリーチ

更にASP経由やPHGからアフェリエイト収入を得ることも出来ます。
まずは、アフェリエイトA8.netに登録。

最後に、コードをコピーしてブログの任意の場所に貼り付け。
これで完了。

CSSで装飾

可能なら、CSSで装飾もしておきましょう。
【こちらからCSS】をコピーしてブログのCSSに貼り付けたらOK。
少し積ん止めった感じだったので、CSSの修正を行いました。
ご自由に、コピー貼り付けで使用してください。

/***** アプリーチの装飾 *****/
.appreach {
  text-align: left;
  margin: 30px 0;
  padding: 20px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}