リンクのボタン化はCSSを使ったり、
プラグイン（WordPressの場合）などを使えば簡単にできます。
ただしアフィリエイトリンクをボタン化するときは少しだけ注意が必要です。
なぜなら少しの改変がASP規約に違反してしまう恐れがあるため
ここではアフィリエイトリンクをボタン化する方法とその注意点についてまとめました。
アフィリエイトリンクをボタン化する時の注意点
内部リンクなど普通のリンクをボタン化する場合は何も問題はありません。
しかしASPから取得したリンクをボタン化するときは次の３点に要注意
- なるべく選択肢を多く用意しておく
- 規約に違反していないか確認する
- リンクをボタン化するツールは使わない
この３つの注意点について詳しく説明すると次の通りです。
１．なるべく多くの選択肢を用意しておく
まずリンクをボタン化をしたい場合・・・
なるべくASPの選択肢は用意しておいた方がいいですね。
次でも紹介しますが、「あのASPだとボタン化OKだけど、別のとこだと絶対ダメ！」みたいな感じで禁止されてることがあるので・・・
ちなみにブロガー向けASPは次記事で特集した通り、色々あります。
ボーナスがもらえるW報酬制度 があるASP、
消費税分プラスされる報酬制度 があるASPなど・・・
「個人ブロガー」に優しいASP中心に特集しました。
登録しておいて絶対に損はないので、是非ご覧ください。
あるASPではタグ改変禁止でも、他ASPだと許可されていることも多いので、選択肢を増やすという意味でも多くのASPの併用が大事です。
２. ASP規約に違反していないか確認する
そして次に・・・
今利用しているASPでリンクの変更が認められているか確認しましょう。
ほとんどのASPだとテキストや画像の変更は認められてないものの、見た目的な装飾（太字など）については許可されています。
なのでほとんどのASPでは、ボタン化は特に問題はないはずです。
しかし全てのASPでそうとは限らないのでボタン化前に規約を確認するのが安全
ちなみに主要ASPのリンク改変についての見解は次のようになっています。
| ASP | リンク改変への見解（要約） |
|---|---|
A8.net |
広告素材改変は基本禁止。ただしテキスト部分の装飾など元コードに影響のない改変はOK |
もしもアフィリエイト |
タグ書き換えは全く問題なし。アフィリエイトリンクのURLのみを利用してもOK |
| アクセストレード |
バナー画像やテキスト変更など広告表現の変更をともなう改変は禁止。元コードに影響を与えない改変は恐らくOK |
| afb（アフィb） |
広告のリンクコード改変は禁止（規約にもこれだけしか書いていない） |
| バリューコマース |
コードの改変は不可。ただしトラッキングなどに影響が出ること承知なら改変可能とも読み取れる |
| TCSアフィリエイト | 広告原稿は文言・画像の改変は一切禁止。ただし広告表現に影響を与えない範囲なら恐らく改変OK |
| JANet（ジャネット） | リンクテキストやバナー画像の変更は禁止。元コードに変更を与えない改変なら恐らくOK |
ざっと見解を簡単にまとめるとこんな感じです。
より詳しい見解や改変OKの基準については次記事でまとめたので是非ご覧ください。
ほとんどのASPではテキストやバナー画像の改変が禁止と書かれているので、ボタン化については問題ないと思われます。
ただし断言はできないので、心配なら各ASPに問い合わせしてみてください。
３．リンクをボタン化するツールは使わない
リンクをボタン化するツールやWebサービスは探してみると結構あります。
例えばWordPressの場合なら「Max Buttons」がリンクボタン作成に便利なプラグイン
特別な知識が無くても簡単な操作で作れるのがツールを使う利点ですよね。
ですがアフィリエイトリンクのボタン化にはツールを使わないほうが安全です。
なぜならツールやプラグインを使った場合、
- リンクURLを入力
- ボタンテキストを入力
- リンクボタンを作成
という風にリンクURLとボタンテキストを手打ちで入力しなければならないため
ASP規約に違反しないためにはリンクURLだけでなく、ボタンテキストもASP側で用意されているコードと同じ文言にしないといけません。
そうなるとボタンテキストの打ち間違えで規約違反になる恐れもあるため、おススメできないという訳です。
なのでリンクボタン作成ツールは使わない方が安全だと思います。
そもそもツールでボタン化したリンクは元コードと全く違うものになるので、ASPによっては即違反になることもあるかもしれません。要注意です。
アフィリエイトリンクをボタン化する方法は簡単
最後に規約的に安全にリンクボタンを作る方法について
どの環境でブログを運営しているかに関わらず、
アフィリエイトリンクをボタン化するにはCSSを使うのが一番簡単ですね。
そのやり方を説明すると次の通り
まず次のようなアフィリエイトリンクがあるとしましょう。
<a href="https://example.com/ref?id=1234567890" target="_blank" rel="nofollow">これはサンプルリンクです</a>
<img width="1" height="1" src="https://example.com/0.gif?id=1234567890" alt="">この状態だと普通にテキストだけのリンクが表示されるはずです。
これをボタン化するにはまず全体をdiv要素で囲みます。
<div class="my_link_btn">
<a href="https://example.com/ref?id=1234567890" target="_blank" rel="nofollow">これはサンプルリンクです</a>
<img width="1" height="1" src="https://example.com/0.gif?id=1234567890" alt="">
</div>黄色でマーキングした所が新たに追加した部分
div要素に class="my_link_btn" というオリジナルのクラス名を付けるのがポイントです。
アフィリエイトリンクのリンク(a)タグやimgタグを直接改変する必要はありません。
そうしたら今度は次のCSSをサイト・ブログ全体に追加
.my_link_btn{
display: inline-flex;
position: relative;
left: 50%;
transform: translateX(-50%);
transition: box-shadow 0.5s;
border-radius: 5px;
background: #f33;
font-weight: bold;
box-shadow: 0px 3px 6px #855;
}
.my_link_btn a{
color: white;
text-decoration: none;
padding: 15px 18px;
}
.my_link_btn:hover{
box-shadow: 0px 9px 12px #855;
}このようなCSSを全ページ共通で埋め込んでおけば、先ほどのアフィリエイトリンクがボタン化されます。
そして実際にボタン化されたリンクは次のような感じ
四角型のシンプルなデザインです。
またマウスなどでホバーしたときの見た目は次のような感じ
ホバー時は影を付けて浮かび上がるようなデザインにしました。
文字色とか背景、ボタンの形は各自でお気に入りのものに変更してください。
ちなみにWordPressの場合、使用中テーマの style.css にこのCSSを貼り付けることで全ページに埋め込むことができます。
あるいはテーマに依存せずにCSSを埋め込みするなら、次記事で紹介した「Custom CSS and JS」プラグインを使うのもおススメ
この記事 ⇒ WordPress記事内にカスタムCSSやJSを簡単に埋め込む方法
以上がアフィリエイトリンクをボタン化させる方法
リンクに少し手を加え、サイト全体にボタン化用CSSを追加するだけです。
まとめ
以上アフィリエイトリンクをボタン化する方法と注意点についてでした。
ASP規約的にもテキストやバナー画像の改変には当たらないので、特に違反することはないと思います。
ただしコード改変に厳しいASPでは許可されていないこともあるので、心配なら自分の利用しているASP規約を確認したり問い合わせしてみるのがおススメです。
フク郎
最新記事 by フク郎 (全て見る)
- トレンドブログが資産に？放置でアクセス急増の事例 - 3月 14, 2024
コメント
気になっていたことなのでとても為になりました！
１つ疑問なんですが、ブログテーマ内にあるブログパーツを使ってのボタンリンクに関しては改変に引っかかるのでしょうか？
改変にあたったら困ると思って使用できないでいます。
記事がお役に立ったようで嬉しいです。
改変に当たるかはASPに聞いてください。