はてなブログでアプリのアフィリエイトをする方法を解説します。
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/themes/cocoon-master/images/man.png?w=1256&ssl=1)
はてなブログやってるんだけど、記事内でアプリを紹介したいんだよね…
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/themes/cocoon-master/images/woman.png?w=1256&ssl=1)
無料版のはてなブログでもアプリのアフィリエイトってできるの?
なかなかはてなブログでアプリを紹介、アフィリエイトするってイメージつかないかもしれませんが、実は簡単に設定~掲載までができるんですよ。
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/01/da7cef7247b3841de8799ee169c685c1.jpg?w=1256&ssl=1)
そのために「アプリーチ」という無料ツールを使用します!
初心者でもわかるように実際の設定画面を使いながら説明していくので、この記事を読みながら設定してみましょう!
アプリ案件はジャンルによって単価が違いますが、初心者でも比較的稼ぎやすいジャンルですね!
はてなブログでアプリのアフィリエイトをするには
![はてなブログでアプリのアフィリエイトをするには](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/wp-15821921844573994885693554744765.png?resize=750%2C300&ssl=1)
アプリを調べているときに、他のブロガーさんのサイトで下記のような表示を見かけたことありませんか?
それぞれ「App Store」「Google Play」へのリンクボタンがついていて、見た目もシンプルでおしゃれですよね。
ただのリンクテキストよりも、こういった表示のほうがユーザーの目を引きやすいため、滞在時間などがさらに伸びやすくなります。
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/1111585761338562.png?w=1256&ssl=1)
けどこれって簡単に設定できるの?はてなブログでも使うことって可能なのかな…?
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/01/da7cef7247b3841de8799ee169c685c1.jpg?w=1256&ssl=1)
実ははてなブログでも簡単に設定できるよ!
単なるアプリの紹介やアフィリエイト目的、どちらにも対応していますが、そのカスタマイズの説明をする前に2つだけ知っておいてほしいことがあります。
この作業には
- アプリのアフィリエイトができるASP
- 無料ツール「アプリーチ」
この2つが必要になるので、それぞれ簡単に説明しておきますね。
アプリ案件のあるASPに登録する
![アプリ案件のあるASPに登録する](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/wp-15821921856386723115437275261767.png?resize=750%2C300&ssl=1)
まずはアプリのアフィリエイトができるASPについてです。
アプリ案件を扱っているASPには、
- オープンなASP
⇒誰でも登録できるASP - クローズドASP
⇒実績のあるサイトのみ登録可能なASP
この2つがあります。
できればアプリに特化したクローズドASPに登録するのがベストなんですが、PVや獲得数などの条件を満たしていないと登録すらできないので、初心者にとってはなかなかハードルが高いです。
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/themes/cocoon-master/images/man.png?w=1256&ssl=1)
じゃあどうすればいいんだよ…
と途方に暮れてしまいそうですが、実は
- Smart-C
- アフィリエイトB(afb)
この2つならアプリのアフィリエイトをすることができます。
Smart-Cのほうはゲーム・その他ツールアプリなどもある程度揃っているので、Smart-Cのほうがアプリ案件の選択肢は多いですね。
アプリ案件は入れ替わりが激しく、
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/themes/cocoon-master/images/man.png?w=1256&ssl=1)
もうこの広告終わるじゃん…!!
となる可能性も高いため早めの登録がおすすめ。申請は1~2分あれば完了します。
専用のツールを使用する
![専用のツールを使用する](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/wp-15821921859481266643889230122728.png?resize=1000%2C400&ssl=1)
はてなブログで
- アプリの紹介
- アプリのアフィリエイト
これらをするには「アプリーチ」という無料ツールを使いますよ。
実際に作業しながら読み進めるとわかりやすいと思うので、この記事と自分のPC画面を見比べながら進めていきましょう。
はてなブログでアプリーチを使う方法
![はてなブログでアプリーチを使う方法](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/wp-15821921858729098814875290141372.png?resize=750%2C300&ssl=1)
はてなブログでアプリーチを使う方法はとても簡単です。
- cssにコードを追加
- アプリを検索
- 出力するイメージ調整
- アフィリンクの挿入
- 完成したコードを記事に貼り付け
この5ステップですぐにできるので、初心者の人でも大丈夫ですよ!
cssにコードを追加する
![cssにコードを追加する](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/wp-15821921855665478354793058931388.png?resize=750%2C300&ssl=1)
まずは基礎となるコードをcssに追加します。
ここからは作業していくので、実際にアプリーチのサイトを開いて進めていきましょう。アプリーチのページへ
ページを下のほうにスクロールしていくと
![cssにコードを追加する](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap1.png?resize=1105%2C413&ssl=1)
上記の赤枠部分「こちらのCSS」という文字列があるのでそこをクリック。するとコードが表示されます。
![cssにコードを追加する2](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap2.png?resize=845%2C631&ssl=1)
「コピーする」をクリックして、はてなブログ管理画面の「デザイン」⇒「カスタマイズ(スパナマーク)」⇒「デザインCSS」を開きます。
![cssにコードを追加する3](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap3.png?resize=694%2C639&ssl=1)
ここに先ほどコピーしたコードを貼り付けて「変更を保存する」をクリックしたら次へ進みます。
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/01/da7cef7247b3841de8799ee169c685c1.jpg?w=1256&ssl=1)
はてなブログは閉じないでね!また使います
アプリを検索する
![アプリを検索する](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/wp-15821921848352901514284755966573.png?resize=750%2C300&ssl=1)
次は自分が紹介したいアプリをアプリーチ内で検索します。
![アプリを検索する](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap4.png?resize=1131%2C532&ssl=1)
アプリーチのページ上部にある検索窓から、自分が探しているアプリ名(または関連ワード)を入力して「複数検索」をクリック!
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/01/da7cef7247b3841de8799ee169c685c1.jpg?w=1256&ssl=1)
今回は「はてなブログ」のアプリを例にして説明します
すると下記画像のように、候補の一覧が表示されます。
![アプリを検索する2](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap5.png?resize=952%2C618&ssl=1)
ここで該当するアプリを「iPhone」「Android」それぞれの機種で選択しましょう。
出力するイメージを調整
![出力するイメージを調整](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/wp-1582192185716874556114949323439.png?resize=750%2C300&ssl=1)
アプリを選んだら、次は表示形式を選びます。
各項目を変更すると、下記画像の赤枠部分の表示が変わります。
![出力するイメージを調整](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap6.png?resize=1103%2C541&ssl=1)
基本的には初期状態のままで問題ないんですが、一応各項目について説明しておきますね。
- 表示リンク
⇒ここではストアへのリンクボタンを「iPhoneのみ表示」といったように変更できる - タイトル
⇒各ストアによってアプリ名が異なる場合があります。どちらのアプリ名を表示するか変更できます。 - アイコン画像
⇒各ストアのうち、どちらのアイコン画像を使用するか。 - 開発元
アプリの開発元を表示するかどうかどうか。 - 価格
各ストアでアプリの価格が違う場合、どちらの値段を優先して記載するのか。 - target=”blank”の付与
⇒アプリページを新しいタブで開くかどうか(なし推奨)
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/01/da7cef7247b3841de8799ee169c685c1.jpg?w=1256&ssl=1)
実際に変更すると表示が変わるので、いろいろ試してみるといいですよ
アフィリエイトリンクを挿入する
![アフィリエイトリンクを挿入する](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/wp-15821921857942187174928151851595.png?resize=750%2C300&ssl=1)
もしアプリのアフィリエイトする場合は、この手順を抜かさないように注意です。
下記の赤枠部分にアフィリエイトのリンクを挿入します。
![アフィリエイトリンクを挿入する](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap7.png?resize=931%2C193&ssl=1)
通常は、各ASPの広告コードをそれぞれのOSごとにコピペするだけでOKです。
ですが特にわかりにくいのがSmart-Cなので、そちらを解説しておきますね。
![アフィリエイトリンクを挿入する](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap8.png?resize=1203%2C605&ssl=1)
Smart-Cの場合、上記赤枠内のように対応デバイスごとに広告が別々になっていることがあります。
同じ広告でも
- iPhone
- Android
のように機種によってコードが違う場合があるんですよね。
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/01/da7cef7247b3841de8799ee169c685c1.jpg?w=1256&ssl=1)
その場合は別々にコードを取得して設定すればOKです!
まずは自分が紹介したい広告を選択しましょう。
![アフィリエイトリンクを挿入する2](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap9.png?resize=1215%2C560&ssl=1)
上記の赤枠部分にコードが書いていますが、ここのコード全てをコピーしてはいけません。
「<a href=~</a>」のコード内にある「https~guid=ON」の部分だけをコピーしてください。(「””」の部分までコピーしないように!)
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/01/da7cef7247b3841de8799ee169c685c1.jpg?w=1256&ssl=1)
広告原稿はバナー・テキストのどちらでも大丈夫ですよ!
コピーできたらアプリーチへ移動し、
![アフィリエイトリンクを挿入する3](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap10.png?resize=1131%2C193&ssl=1)
上記のようにSmart-Cのコードを貼り付けます。
完成したコードを記事に貼り付ける
![完成したコードを記事に貼り付ける](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/wp-1582192184623931587727667584191.png?resize=750%2C300&ssl=1)
あと少しで完了しますよ!(頑張って!)
ページの下部にある「コピーする」ボタンを押して、
![完成したコードを記事に貼り付ける](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap14.png?resize=766%2C447&ssl=1)
はてなブログへ移動します。
記事の編集画面で「HTML編集」タブを開き、
![完成したコードを記事に貼り付ける2](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap12.png?resize=1080%2C414&ssl=1)
表示させたい場所にコードを貼り付けましょう。
編集画面では画像だけが大きく表示されたりとバグったように見えるんですが、実際に投稿すると下記のようにちゃんと表示されました。
![完成したコードを記事に貼り付ける3](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/hap13.png?resize=738%2C265&ssl=1)
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/01/da7cef7247b3841de8799ee169c685c1.jpg?w=1256&ssl=1)
これで作業は完了です!
これではてなブログ内でアプリページをキレイに表示させることができます!
まとめ:はてなブログでアプリーチを使ってアフィリエイトしよう
![まとめ:はてなブログでアプリーチを使ってアフィリエイトしよう](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/02/20200220_185731_00005793201657652097990.png?resize=750%2C300&ssl=1)
アプリーチがあればアプリの紹介だけでなく、アプリのアフィリエイトリンクも簡単に作成することもできます。
アプリのアフィリエイトは単価が低いですが、インストールが成果地点になっている場合が多く、そのぶん成約もさせやすい印象です。
![](https://i0.wp.com/kouri-tensyoku.com/wp-content/uploads/2020/01/da7cef7247b3841de8799ee169c685c1.jpg?w=1256&ssl=1)
稼ぎやすい…!とまではいかないですが、初心者でも取り組みやすいアフィリエイトです
まだ登録していないASPがあれば、アプリの広告予算がなくならないよう早めに利用しましょう!
コメント