アフィリエイトリンクをボタン化する方法【コピペするだけ】

アフィリエイトリンクをボタン化する方法【コピペするだけ】

ぴか

アフィリエイトリンクをボタン化したい。
できれば、簡単な方法を知りたい。

こういった疑問を解決します。

✔︎本記事の内容

✔︎記事の信頼性

アフィリエイトリンクをボタン化することでCTRの向上が見込めます。
とはいえ、ボタン化したいけどプログラミング知識はない・・・

本記事ではアフィリエイトリンクのボタン化をコピペのみで、できるようソースコードを提供し、具体的な手順も解説します。

ボタン化する際の注意点やボタン化に最適なASPも紹介するため、安心・安全にボタン化を行うことができますよ。

アフィリエイトリンクをボタン化する手順は2つだけ

アフィリエイトリンクをボタン化する手順は以下の2つだけ。

ひとつひとつ説明していきます。

ぴか

5分もあればできちゃうよ

アフィリエイトリンクボタン化①：CSSをコピペ（下準備）

まずはボタン化の元となるCSSをコピペします。

WordPress管理画面のメニューバーから、外観内の『カスタマイズ』➡︎『追加CSS』と遷移して下さい。

追加CSSのテキストエリアに以下のソースコードを貼り付けます。

これで下準備が完了です。

アフィリエイトリンクボタン化②：リンクをボタン化する（実装）

いよいよ、実際にボタン化を行います。

ボタン化したいリンクを以下のようにHTMLで囲むだけです。

ぴか

あっという間にできたね！

アフィリエイトリンクをボタン化する際の注意点

アフィリエイトリンクをボタン化する際は、ASPの規約に違反しないようにしましょう。

違反した場合は、ペナルティとしてアフィリエイトの成果没収や提携の解除などが行われる可能性があります。

本記事で紹介した方法であれば、規約には違反しないので問題ありませんが、それ以外でボタンをカスタマイズする際はお気をつけください。

詳しくは以下の記事で解説しています。

関連記事 アフィリエイトリンクをボタン化する際の注意点（守らないとペナルティ）

ボタンのカスタマイズ入門

本記事で紹介したボタンは水色ですが、ブログの雰囲気に合わない方は色を変更しましょう。

CSS内『background-color:』の先を変更することで自由にボタンの色を変更できます。

色は原色大辞典から好きな色を見つけて、カラーコードをコピペするだけ。

※リンクをクリックすると原色大辞典へ移動します

アフィリエイトリンクをボタン化する際におすすめのASP2選

実は、アフィリエイトリンクをボタン化する際には適したASPが存在します。

しかし、ASPから提供されているテキストとボタンで使用したいテキストは異なりますよね。

ボタンで使用するなら「●●に登録！」や「●●の無料のトライアルを体験」のようなポップなテキストを使いたいものです。

そこで、ボタン化する際は「自由テキスト」を使用できる、「もしもアフィリエイト」や「バリューコマース」が最適です。

もしもアフィリエイト

『もしもアフィリエイト』は振込手数料が無料、「W報酬制度」（報酬額10％上乗せ）があるASPです。

「Amazon」と「楽天」の物販ができることが最大の特徴であり、ブログで商品を紹介したい方は必ず登録しましょう。

詳しくは以下の記事で紹介しています。

関連記事 もしもアフィリエイトの評判・口コミは？メリット・デメリットも解説

＼Amazon・楽天の物販ができる／
もしもアフィリエイトの申し込みページはこちら
※ボタンをクリックするともしもアフィリエイトの公式HPに移動します

バリューコマース

「バリューコマース」も「A8.net」と同様、最大手のASPです。

広告が豊富で基本的には「A8.net」と併用することで利用したい広告のほとんどは見つけることができるでしょう。

広告リンク（アフィリエイト）リンクの文字を自由に設定できることが多いことが特徴で、記事の設計の幅が自由になるため、個人的には最もおすすめのASPです。

詳しくは以下の記事で紹介しています。

関連記事 バリューコマースは審査が厳しい？評判・メリット・デメリットを解説

＼案件が豊富／
バリューコマースの申し込みページはこちら
※ボタンをクリックするともしもバリューコマースの公式HPに移動します

アフィリエイトリンクをボタン化する方法【コピペするだけ】　まとめ

本記事の内容をまとめます。

アフィリエイトリンクをボタン化する手順は以下の通りです。

作業自体は5分程度しかかかりません。

本記事の手順通り、ボタン化をする場合は問題ありませんが、アフィリエイトリンクやリンクのテキスト部分を改変すると、ASPの規約違反になる可能性があるため、ご注意下さい。

自由にボタンの文字を設定したい場合は、「もしもフィリエイト」と「バリューコマース」を利用して、「自由テキスト」でアフィリエイトリンクを発行しましょう。