【ブログ運営】副業で使いたい!アプリーチの使い方・稼ぐ方法わかりやすく解説!

kasuryo

アプリーチの使い方や、副業でアフィリエイトする方法を教えてほしい!

という人向けに、アプリーチの使い方・アフィリエイト方法を紹介します。

アプリーチとは、iPhone・Androidアプリを紹介するブログパーツを簡単に作れるツールです。

アプリーチを使用すると、こんな感じのアプリのリンクが作成できますよ。↓


MEMO
サイトでアプリを紹介する時に便利ですし、アフィリエイトリンクの差し替えて使用することも出来ます。
ぜひブログやサイトに上手に取り入れてみて下さいね!

アプリーチの使用手順について解説

パーツの作り方

まずアプリーチにアクセスしたら、

  1. パーツを作りたいアプリ名を入力して、
  2. 「検索」をクリックします。
  3. すると検索結果に「iPhoneアプリ」と「Androidアプリ」が表示されるので確認します。(iPhoneアプリ・Androidアプリどちらかのみ存在する場合は、違うアプリが表示されます。)

思っていたアプリと違うアプリが表示された場合は、検索キーワードを絞るor「複数検索」をクリックすると検索候補がいくつか表示されるので、使用したいアプリをそれぞれ選択します。

アプリを選んだら、その下の画面で表示を設定できます。プレビューを確認しながら設定してみて下さい。

iPhoneアプリ・Androidアプリどちらかしか存在しない場合は「表示リンク」の項目で、表示したい方を設定可能です!

プレビューを見てよければ、下にスクロールして「コードをコピーしてブログに掲載しましょう」のところのコードをコピーして、記事に貼り付けます。

旧コードの使い方

コピーするコードには「旧コード」と「新コード」の2種類が存在します。

旧コードを使用する場合は「旧コード」のタブを開き、表示されたコードをコピーしましょう!

これを記事に貼り付ければOKです。貼り付け方は次の項目の「コードの貼り方」を参考にしてみて下さい。

新コードの使い方

デザインをカスタマイズなどする場合は「新コード」を使用します。基本のCSSが用意されているので、まずはそのCSSをコピーしましょう!

生成されたコードの上にこちらのCSSのリンクがあるのでクリック!

すると新コード用のCSSが表示されるので、これをコピーしてサイトに貼り付けます。以下のコードも同じなので、こちらをコピーしても大丈夫です。↓(ちょっと長いです!)

.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  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;
}

WordPressでのCSSを貼り付け方は以下の通りになります。

WordPressの管理画面から「外観>カスタマイズ」をクリック!

「追加CSS」の項目をクリック!

下の枠の中に、 コピーしたコードを貼り付けます。これで右上の「公開」をクリックすればOKです。これで記事のアプリーチで作ったパーツのデザインに反映されます。

後は「新コード」のタブを開き、表示されたコードを記事に貼り付ければOKです。コードの貼り付け方は、以下で紹介します。

コードの貼り方手順

ワードプレスなら、記事投稿画面で右上の「テキスト」タブをクリックしてから、コピーしたコードを貼り付けます。

コードを貼り付けたら、右上のタブを「ビジュアル」に戻します。すると広告が表示されています。「旧コード」は上の画像のような、枠無しのシンプルなデザインになります。

新コードは枠ありのデザインになります。

アプリーチでのアフィリエイト方法

アプリのアフィリエイトASP

アプリーチを利用して、アプリ紹介でアフィリエイトすることもできます。

kasuryo

自分のサイトでアプリを紹介して、インストールされると報酬が発生する感じです。

単価が低めに設定されています(数百円くらいが多いです)が、基本は無料アプリがインストールされると報酬が発生するので、ハードルは低めです

アプリ案件を扱っているASPはZucks AffiliateSmart-CseedAppが代表的でおすすめです。リンクの作り方は以下の通りになります。

アフィリエイトリンクの作成方法

ページの真ん中ぐらいに「iPhoneリンク」「Androidリンク」を入力する場面があるので、ここにそれぞれのアプリ用のアフィリエイトリンク(URL)を入力しましょう!

例えばZucks-affiliateだと、画像のように「iOS(App)」案件と「Android(App)」案件とマークが表示されているものが、アプリの案件です。

リンクを作成したい案件を見つけたら、右横の「表示」をクリック!

するとリンクURLが表示されるので、これをコピーしてアプリーチに貼り付けます。

URLを入力したあと、どこか適当に枠の外を右クリックするとコードが更新されます。(心配な場合はコードの中にそのURLが含まれているかチェックしてみて下さい。)

kasuryo

このコードをコピーして貼り付ければ、アプリのアフィリエイトリンクの完成ですね!

以上がアプリーチの使い方でした。

アプリーチを使うとパッと見ただけでアプリだということがわかりますし、アフィリエイトにも使えるので、ぜひ取り入れてみて下さい。

ブログ初心者は登録すべき!おすすめアフィリエイトASP7選!!

【ブログ運営】ブログ初心者は登録すべき!おすすめアフィリエイトASP7選!!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です