※この記事は「2024年3月3日」に更新しました。
上記の方に向けて、アフィリエイトリンクをボタン化する方法 を紹介します。
注意点もあるので解説していきます。
- 基本情報技術者資格所有者（ソフト開発の国家資格）
- WordPress歴、10年以上
- Withマーケ会員（2022年10月入会）
アフィリエイトリンクのボタン化について
- CSSを編集して自作する方法
- 有料テーマを使う方法
それぞれ解説します。
CSSを編集して自作する方法
アフィリエイトリンクのボタン化は、スタイルシート（CSS）を編集すれば、簡単です。
サイトは、簡単に説明すると、HTML という文書構造が CSS でデザインされています。
つまり、CSS を編集することで、見た目を変更することができます。
<div class="任意のクラス名">アフィリエイトのテキストリンク（コード）</div>
クラスは、スタイルシート側で定義すれば、ボタン化することは可能です。
.クラス名 {
divタグのスタイル
}
.クラス名>a {
aタグのスタイル
}
.クラス名>a:hover {
カーソルがボタンに乗っているときのスタイル
}
このような感じでスタイルシート側で記述し、あとは好きなスタイルを指定するだけです。
スタイル（プロパティ）には、以下のようなものがあります。
- color
- 文字の色を指定する。
- font-weight
- 文字の太さを指定する。
- background-color
- 背景の色を指定する。
- margin
- マージン（余白）を指定する。
- padding
- パディング（詰め物）を指定する。
詳しく知りたい方は、CSS とは（スタイルシート） という記事をご参照下さい。
有料テーマを使う方法
有料テーマを購入している方へ。
なぜなら、有料テーマの開発者があらかじめつくってくれている場合が多いからです。
AFFINGER6 や STORK19 はボタン化のショートコードが用意されています。
スタイルシートを編集するのが面倒な方は、有料テーマの機能を使いましょう。
有料テーマを上手く活用すれば、記事を書くことに集中できます。
アフィリエイターが使っている有料テーマに興味のある方は、WordPress有料テーマ徹底比較 という記事もご参照下さい。
アフィリエイトリンクボタン化の注意点
アフィリエイトリンクのボタン化をする際、注意点があります。
それは、ASP の規約に違反しないようにすることです。
- 広告リンクコードの改変
- テキストリンクの改変
成果没収、提携解除もあり得ます。
つまり、これらに該当しないようにする必要があるということです。
広告リンクコードの改変 については、どこまでが改変か調べる必要があります。
例えば、A8.net の場合、class属性を追加するのは、改変に該当しないとされています（ただし、追加したことで意図しない動作になり成果が発生しなくなっても自己責任とのこと）。
アフィリエイトリンクのボタン化は見た目の装飾（色、太字）などに該当するので問題ない場合が多いかと思います。
次に、テキストリンクの改変 について。
これは、テキストの内容を変更すると違反になるということです。
テキストリンクの内容を変更することは禁止されている ASP がほとんどです。
自由テキストを使えば、クリック率を上げるような、テキスト内容を自分で考えて、設定することができます。
最後に
アフィリエイトリンクのボタン化について、解説しました。
アフィリエイトリンクのボタン化は簡単にできますが、注意点もあります。
お金を払っているのは広告主です。
規約違反をして、迷惑をかけないように気をつけましょう。
