【はてなブログ】アプリのアフィリエイトをする方法！超簡単にできるよ

はてなブログでアプリのアフィリエイトをする方法を解説します。

なかなかはてなブログでアプリを紹介、アフィリエイトするってイメージつかないかもしれませんが、実は簡単に設定～掲載までができるんですよ。

初心者でもわかるように実際の設定画面を使いながら説明していくので、この記事を読みながら設定してみましょう！

アプリ案件はジャンルによって単価が違いますが、初心者でも比較的稼ぎやすいジャンルですね！

はてなブログでアプリのアフィリエイトをするには

アプリを調べているときに、他のブロガーさんのサイトで下記のような表示を見かけたことありませんか？

それぞれ「App Store」「Google Play」へのリンクボタンがついていて、見た目もシンプルでおしゃれですよね。

ただのリンクテキストよりも、こういった表示のほうがユーザーの目を引きやすいため、滞在時間などがさらに伸びやすくなります。

単なるアプリの紹介やアフィリエイト目的、どちらにも対応していますが、そのカスタマイズの説明をする前に2つだけ知っておいてほしいことがあります。

この作業には

• アプリのアフィリエイトができるASP
• 無料ツール「アプリーチ」

この2つが必要になるので、それぞれ簡単に説明しておきますね。

アプリ案件のあるASPに登録する

まずはアプリのアフィリエイトができるASPについてです。

アプリ案件を扱っているASPには、

• オープンなASP
  ⇒誰でも登録できるASP
• クローズドASP
  ⇒実績のあるサイトのみ登録可能なASP

この2つがあります。

できればアプリに特化したクローズドASPに登録するのがベストなんですが、PVや獲得数などの条件を満たしていないと登録すらできないので、初心者にとってはなかなかハードルが高いです。

と途方に暮れてしまいそうですが、実は

• Smart-C
• アフィリエイトB(afb)

この2つならアプリのアフィリエイトをすることができます。

Smart-Cのほうはゲーム・その他ツールアプリなどもある程度揃っているので、Smart-Cのほうがアプリ案件の選択肢は多いですね。

アプリ案件は入れ替わりが激しく、

となる可能性も高いため早めの登録がおすすめ。申請は1～2分あれば完了します。

専用のツールを使用する

はてなブログで

• アプリの紹介
• アプリのアフィリエイト

これらをするには「アプリーチ」という無料ツールを使いますよ。

アプリーチの公式サイトはこちら

実際に作業しながら読み進めるとわかりやすいと思うので、この記事と自分のPC画面を見比べながら進めていきましょう。

はてなブログでアプリーチを使う方法

はてなブログでアプリーチを使う方法はとても簡単です。

この5ステップですぐにできるので、初心者の人でも大丈夫ですよ！

cssにコードを追加する

まずは基礎となるコードをcssに追加します。

ここからは作業していくので、実際にアプリーチのサイトを開いて進めていきましょう。アプリーチのページへ

ページを下のほうにスクロールしていくと

上記の赤枠部分「こちらのCSS」という文字列があるのでそこをクリック。するとコードが表示されます。

「コピーする」をクリックして、はてなブログ管理画面の「デザイン」⇒「カスタマイズ(スパナマーク)」⇒「デザインCSS」を開きます。

ここに先ほどコピーしたコードを貼り付けて「変更を保存する」をクリックしたら次へ進みます。

アプリを検索する

次は自分が紹介したいアプリをアプリーチ内で検索します。

アプリーチのページ上部にある検索窓から、自分が探しているアプリ名(または関連ワード)を入力して「複数検索」をクリック！

すると下記画像のように、候補の一覧が表示されます。

ここで該当するアプリを「iPhone」「Android」それぞれの機種で選択しましょう。

出力するイメージを調整

アプリを選んだら、次は表示形式を選びます。

各項目を変更すると、下記画像の赤枠部分の表示が変わります。

基本的には初期状態のままで問題ないんですが、一応各項目について説明しておきますね。

• 表示リンク
  ⇒ここではストアへのリンクボタンを「iPhoneのみ表示」といったように変更できる
• タイトル
  ⇒各ストアによってアプリ名が異なる場合があります。どちらのアプリ名を表示するか変更できます。
• アイコン画像
  ⇒各ストアのうち、どちらのアイコン画像を使用するか。
• 開発元
  アプリの開発元を表示するかどうかどうか。
• 価格
  各ストアでアプリの価格が違う場合、どちらの値段を優先して記載するのか。
• target=”blank”の付与
  ⇒アプリページを新しいタブで開くかどうか(なし推奨)

アフィリエイトリンクを挿入する

もしアプリのアフィリエイトする場合は、この手順を抜かさないように注意です。

下記の赤枠部分にアフィリエイトのリンクを挿入します。

通常は、各ASPの広告コードをそれぞれのOSごとにコピペするだけでOKです。

ですが特にわかりにくいのがSmart-Cなので、そちらを解説しておきますね。

Smart-Cの場合、上記赤枠内のように対応デバイスごとに広告が別々になっていることがあります。

同じ広告でも

• iPhone
• Android

のように機種によってコードが違う場合があるんですよね。

まずは自分が紹介したい広告を選択しましょう。

上記の赤枠部分にコードが書いていますが、ここのコード全てをコピーしてはいけません。

「<a href=～</a>」のコード内にある「https～guid=ON」の部分だけをコピーしてください。(「””」の部分までコピーしないように！)

コピーできたらアプリーチへ移動し、

上記のようにSmart-Cのコードを貼り付けます。

完成したコードを記事に貼り付ける

あと少しで完了しますよ！(頑張って！)

ページの下部にある「コピーする」ボタンを押して、

はてなブログへ移動します。

記事の編集画面で「HTML編集」タブを開き、

表示させたい場所にコードを貼り付けましょう。

編集画面では画像だけが大きく表示されたりとバグったように見えるんですが、実際に投稿すると下記のようにちゃんと表示されました。

これではてなブログ内でアプリページをキレイに表示させることができます！

まとめ:はてなブログでアプリーチを使ってアフィリエイトしよう

アプリーチがあればアプリの紹介だけでなく、アプリのアフィリエイトリンクも簡単に作成することもできます。

アプリのアフィリエイトは単価が低いですが、インストールが成果地点になっている場合が多く、そのぶん成約もさせやすい印象です。

まだ登録していないASPがあれば、アプリの広告予算がなくならないよう早めに利用しましょう！