アフィリエイト応援ブログ

アフィリエイトで稼ぎたい個人を応援します。

もしもアフィリエイトの使い方!はてなブログの場合

アフィリエイトイメージ



もしもアフィリエイトは特に個人のアフィリエイトブログにメリットが大きく、わたしもメインで使っています。この記事では、もしもアフィリエイトをはてなブログで使う場合の基本的な使い方を解説していきます。

もしもアフィリエイトのかんたんリンクの使い方

そもそも、はてなブログをどんなやり方で書いているでしょうか。ここでは「見たまま編集」と「HTML編集」を切り替えながら、書いていく方法で解説します。

 

わたしが一番使っているもしもアフィリエイトの「かんたんリンク」。これはコードを貼り付けるだけでAmazonと楽天のアフィリエイトリンクが作成できます。楽天は審査なしで提携できるのですが、Amazonはプロモーションへの申請が必要です。

 

Amazonと楽天のプロモーションができるアカウントにログインしたら「かんたんリンク」のバナーをクリックします。

かんたんリンクバナー

 

紹介したい商品を選択したらこのように「HTMLソース」が表示されます。

HTMLソース

 

このHTMLソースを「見たまま編集」に貼り付けてしまうとこのように表示されて、アフィリエイトリンクとして機能しません。

<!-- START MoshimoAffiliateEasyLink -->
<script type="text/javascript">
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js","msmaflink");
msmaflink({"n":"最新モデル Apple MacBook Air (13インチPro, 1.1GHzクアッドコア第10世代のIntel Core i5プロセッサ, 8GB RAM, 512GB) - スペースグレイ","b":"Apple(アップル)","t":"MVH22J\/A","d":"https:\/\/m.media-amazon.com","c_p":"\/images\/I","p":["\/41clGxA3w-L.jpg","\/4157HZpAG+L.jpg","\/21jdsCjordL.jpg","\/31-RAOBoCRL.jpg","\/21KcDWi9RFL.jpg","\/41VK0K3ZljL.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B0863H1JFD","t":"amazon","r_v":""},"aid":{"amazon":"2059134","rakuten":"2057229"},"eid":"z7ibi","s":"s"});
</script>
<div id="msmaflink-z7ibi">リンク</div>
<!-- MoshimoAffiliateEasyLink END --> 

 

このHTMLソースは「HTML編集」でこのように貼り付けます。

HTML

<p></p>このPタグの<p>と</p>の間にペーストするのがポイントです。
そして、下の行に手で「<p></p>」とPタグをつけておくと、「見たまま編集」に戻ってからも、きれいに続きから記事を書くことができます。
 
「見たまま編集」ではかんたんリンクはこのように表示されます。
 
リンク
 
プレビューをみるとちゃんとかんたんリンクになっているので確認してみましょう。
 

 

ちなみにこの「かんたんリンク」はカスタマイズしています。

こちらの記事を参考にしてください。

もしもアフィリエイトのテキストリンクの使い方

次はよく使われるテキストリンクの使い方です。プロモーションの画面で「広告リンク取得」をクリックします。

広告リンク取得

 

広告種別で「テキスト」を選択するとHTMLソースが表示されます。

HTMLソース

 

これを「見たまま編集」で貼り付けてしまうとこうなります。

<a href="//af.moshimo.com/af/c/click?a_id=2057250&p_id=1&pc_id=1&pl_id=1318&guid=ON" rel="nofollow">(自由テキスト ※もしもアフィリエイトトップへのリンク)</a><img src="//i.moshimo.com/af/i/impression?a_id=2057250&p_id=1&pc_id=1&pl_id=1318" width="1" height="1" style="border:none;">

 

これでは機能しないので、かんたんリンクと同じようにHTML編集に貼り付けます。

HTML

 

そして「見たまま編集」に戻るとこのように原文のままリンクが表示されます。

(自由テキスト ※もしもアフィリエイトトップへのリンク)

 

「見たまま編集」で好きな文字に書き換えることができます。

もしもアフィリエイト無料登録

もしもアフィリエイトのどこでもリンクの使い方

もしもアフィリエイトの独自機能として「どこでもリンク」があります。基本的には前項のテキストリンクと同じ使い方です。こちらの記事を参考にしてください。

easy-affiliate.hatenablog.com