はてなブログ・アフィリエイトの設定方法やASPの使い方

当サイトは広告、アフィリエイトを含みます

ブログで収益化を目指すのであれば、まずはアドセンスやアフィリエイトのリンクの設定をしないといけません。

慣れるまでは時間がかかるかもしれませんが、慣れれば簡単なので是非覚えましょう。

基本的にはてなブログProを使っている方を対象にした記事なので、無料版での動作確認はしておりません。

この機会にProの利用を検討される人は、はてなブログPro登録からどうぞ

アドセンスの設定方法

まずは、アドセンスの広告の貼り付け方を紹介しますが、はてなブログProじゃないと設定できない個所もあるので、注意してください。

アフィリエイトでお金を稼ごうと思うのなら、Proにした方が広告も自由に貼れるので、本気でブログをやって行こうって人は検討してみて下さい。

はてなブログProに登録する

記事に手張りで広告を載せる方法

まずはアドセンスに行き、「広告」→「広告ユニットごと」をクリックして、任意の広告タイプを選びます。

はてなブログ アフィリエイトの設定方法 アドセンス 

今回は記事内に手張りなので、記事内広告を選びましたが、ディスプレイ広告でもOKです。

広告をクリックし、設定をします。広告名ユニットに分かりやすい名前を入れ、「Googleで最適化されたスタイルを使用する」にチェックが入っているか確認し、「保存してコードを取得」をクリック。

はてなブログ アフィリエイトの設定方法 アドセンス 

スクショの様に、「このコードをコピーしてサイトに貼り付けます」と書いているので、このコードをコピーします。

はてなブログ アフィリエイトの設定方法 アドセンス 

最後にはてなの記事を書くページで任意の場所に、HTML編集からコードを貼り付ければ完成です。はてなブログ アフィリエイトの設定方法 アドセンス 

記事に毎回手張りで広告を貼るのはほんの少し面倒ですが、メモにコードをコピーしていたら一瞬でコピペできるので、ありかなって思います。

自動で全記事に広告を入れる方法

例えば記事上や記事下に毎回広告を表示したい場合は、コードを以下の場所にコピペすれば毎回記事に貼り付けなくてもいいので、便利です。

「ダッシュボード」→「デザイン」→「カスタマイズ(レンチマーク)」→「記事上・記事下」

ここに先ほどのコードをコピペすれば表示されます。

はてなブログ アフィリエイトの設定方法 アドセンス 広告を毎記事表示する方法

こちらで他の広告を表示する方法を紹介しているので、あわせてどうぞ。

アフィリエイトの設定・リンクの貼り方

お次にアフィリエイトの設定方法を紹介しますが、大前提として、ASPに登録している人が対象です。

「おすすめASPを紹介」でいろいろと紹介しているので説明は省きますが、とりあえず下記のASPは入っていたほうがいいです。

私はバリューコマースが一番フェアなASPだと思うので、まずはバリューを使って設定方法を紹介します。

注)バリューコマースがフェアだというのは、EPCや承認率を公開しているからです。承認率が確認できないと、死活問題になります。

バリューコマースの設定方法

まずは一番使うMyLinkの使い方です。

ログイン後のトップページの上部に検索窓口があるので、アフィリエイトしたい会社やブランド名を入れます。

今回はNIKEの靴を売りたいという例で、ABC martを検索。ちょっと見にくいですが、社名の横にオレンジの文字があり、「即時提携」と書いてあります。

意味はそのままで、ブログの審査が無く提携出来ますよって意味です。それでは、右の「広告素材を選ぶ(=提携)」をクリックします。

はてなブログ アフィリエイトの設定方法 バリューコマース

すると次のページでは提携済みになっています。審査がある会社は、数時間から数週間待つことがあります。

はてなブログ アフィリエイトの設定方法 バリューコマースの設定

左側にある広告タイプから、MyLinkを選び「再検索」をクリック。

バリューコマースのMylinkの使い方

次に「広告主のサイトを見る」をクリックし、お目当ての物を見つけたら、そのページのURLをコピーし、MyLinkのURLに貼り付けます。

テキストは自分で考えて入れますが、分かりやすく誇大広告が無い表現にしましょう。最後に右下のMyLinkコードを取得をクリック。

はてなブログ アフィリエイトの設定方法 バリューコマースの設定

コードをコピペ。

はてなブログ アフィリエイトの設定方法 バリューコマースの設定

はてなの記事を書くページに行き、HTML編集からコードを貼り付けます。

はてなブログ アフィリエイトの設定方法 バリューコマースの設定 見たまま編集でみたら、HTMLがちゃんとテキストになっているか確認しましょう。

もしくはこんな感じにしたい場合は、「ボタンリンクを使ってアフィリンクを目立たせる方法」を参考にどうぞ。

こんなボタンです

自由テキスト

自由テキストもリンク名を自分で決めれるので、使いやすいですね。

先ほどの広告タイプから「自由テキスト」を選び、右上にある広告作成をクリックするだけです。

はてなブログ アフィリエイトの設定方法 バリューコマースの設定

下にコードが出てくるので、このコードをHTML編集から貼り付けます。

はてなブログ アフィリエイトの設定方法 バリューコマース 自由テキスト

注意点として、HTMLに貼り付けた時は「自由テキスト」となっているので、それを任意の文にします。

はてなブログ アフィリエイトの設定方法 バリューコマース 自由テキスト

バナー広告

バナー広告もテキストと同じやり方です。広告作成を押し、下に出てくるコードを貼り付けるだけです。

ただし、バナー広告はクリック率が悪い場合が多いので、使い方には気を付けて下さい。

一般的には、サイドバーに設置する人が多いですね。

はてなブログのサイドバーにバナー広告を貼る方法は、こちらからどうぞ。

A8ネットの設定方法

どこのASPもほぼ似たような仕組みなので分かりやすいと思いますが、A8は人気のあるASPなので、一緒に設定方法を紹介します。

トップページの上にある検索窓から、会社名やサービス名を検索します。

はてなブログ アフィリエイトの設定方法 A8ネットの設定方法

希望の会社を見つけたら右にあるチェックボックスにチェックを入れ、下にある「提携申請する」をクリック。次のページはルールや報酬の説明があるので、読んで下にある「提携申請」をもう一度クリックします。

はてなブログ アフィリエイトの設定方法 A8ネットの設定方法

次に申請した会社のプログラムを見ると、「広告リンク」もしくは「商品リンク」とあるので商品リンクをクリックします。(バナーやテキストリンクの場合は、広告リンクをクリック)

はてなブログ アフィリエイトの設定方法 A8ネットの設定方法

次に、「商品リンクの飛び先URLは~」にあるURLをクリックし、ウェブサイトに行き、希望の商品やページを探します。TOPページでいい人は、このURLをコピペします。

テキスト生成を押し、「リンク先URL」と「リンクテキスト(任意のテキスト)」を記入し、「商品リンクを作成」を押して表示されたコードをコピー。

はてなブログ アフィリエイトの設定方法 A8ネットの設定方法

コードをHTML編集から貼り付けて、完了です。

最後に

今回紹介しませんでしたが、もしもアフィリエイトもかなりおすすめなので、「もしもアフィリエイト登録方法や使い方」も読んでみて下さい。

これでアフィリエイトの設定方法が分かったと思うので、効率的に使えるように以下の記事を参考にやってみて下さい。

他にもカスタマイズが必要な方は、コピペで出来るカスタマイズを参考にどうぞ。

はてなブログのカスタマイズ集(すべてコピペでOK)と収益化方法などのまとめ