スマホのアプリ紹介ツール「アプリーチ」の使い方とカスタマイズ

スマホのアプリ紹介ツール「アプリーチ」の使い方

今回はスマートフォンのアプリを紹介する時に便利な無料ツール「アプリーチ」について書いていきます。

アプリーチを使うとAndroidとiPhone両方のアプリを一発で紹介できますし、リンクをアフィリンクに差し替えればアフィリエイトリンクにもなります。

↓こんな感じのリンクを作成する事ができます。

Kindle電子書籍リーダー

Kindle電子書籍リーダー
開発元:AMZN Mobile LLC
無料
posted with アプリーチ

アプリーチの使い方と注意点

早速使い方。

アプリーチ

使い方は簡単で検索窓からアプリを検索すればOK。

アプリーチの使い方とカスタマイズ-5

左右のアプリが違うものを表示される場合

注意点ですが、例えば「yahoo!」で検索してみると以下のように左右で違うアプリが表示される場合があります。左右が揃わない時は「複数
検索」をクリック。

アプリーチの使い方とカスタマイズ-2

紹介したいアプリが何番目にあるか?の番号をクリックして選択します。同じものになるように。

アプリーチの使い方とカスタマイズ-3

選択できたら下の方にスクロールするとプレビューが表示されてます。「両方のアプリ」をクリックしてiPhone、Androidのボタンが並ぶようにします。

アプリーチの使い方とカスタマイズ-4

下にコードが生成されているのでこれをサイトなどに貼り付ければ完成(テキストエディタ)。

アプリーチのカスタマイズ

アプリーチはそのままでも使えるのですが、私の場合、枠線が欲しいのと2つのボタンの間をもう少し広くしたかったので若干CSSを追加しました。

CSSは下に書いたもの(後から書いたもの)が優先的に反映されるので、CSSの一番下に追加していけばOKです。

#appreach-box {
  border: 1px solid #ddd; /* 枠線の太さと色 */
  margin: 2em 0; /* 枠線の外側の上下の余白 */
  background-color: #fff; /* 背景色変更はここ */
  padding:10px; /* 枠線内の余白(任意で) */
  border-radius: 5px; /* 角を丸く */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; 
}
#appreach-box p {
  display: none;
}
#appreach-itunes-link {
  margin-right: 10px; /* ボタン間の余白(任意で) */
}
#appreach-appname {
  color: #333; /* アプリ名の部分の文字色 */
}
#appreach-developer {
  color: #333; /* 開発元の部分の文字色 */
}
div#appreach-price {
  color: #333; /* 価格の部分の文字色 */
}
#appreach-developerurl {
  color: #0066cc; /* 開発元リンク部分の色 */
}
.appreach-powered a {
  color: #0066cc !important; /* アプリーチリンク部分の色 */
}

という感じです。最後のアプリーチリンクのCSS部分の所に「!important」って付けてますが、変更が反映されない部分にはこの「!important」付けると優先されるので反映されるかと思います。

リンクの差し替えして報酬をゲットする

アプリ紹介のアフィリエイトができます。アプリのインストールなどで報酬が発生します。ハードルは低めなので紹介したいアプリがあるよ!って場合は挑戦してみて下さい。

ちょっと集中力が切れてきたのでまた次回の記事でかきます。

AndroidやiPhoneのアプリの紹介で報酬をもらう方法

WordPressの始め方
サイトのアクセスアップや稼ぐためにおすすめの無料レポート

個人的にアクセスアップや検索上位表示に役立った無料レポートです。登録にメールアドレスが必要ですが、フリーメールでもOKです。

ブログの更新はこちらから

コメントの反映には時間がかかる場合があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA