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

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

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

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

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

アプリーチ

Twitter

Twitter

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

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

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

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

です。

使い方

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

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

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

Twitter

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;
}

まとめ

超簡単にブログにアプリケーションを紹介できるパーツを設置出来ました。
もしも上手くいかない方は、ブログの記事上に貼り付けているだけではないでしょうか?

HTML編集画面で任意の場所に貼り付けると上手く表示されます。
WordPressの場合には【カスタムHTML】にコピー貼り付けを行うと表示されます。

価値を“カタチ”に、発信する“チカラ”に

CTA-IMAGE ライティング委託やブログサイト制作・ウェブサイト制作など委託制作のご依頼を受け付けています。 さらに、動画制作も行っています。