アフィリエイト広告リンクの基本的な貼り方と注意点-WordPress（ワードプレス）ブログ編-

こんにちは、孔雀です。

アフィリエイトを始めたばかりの人でよくつまずくのが、アフィリエイト広告リンクの貼り方がわからなくて手が止まってしまったというパターンです。

実際に記事内にアフィリエイトリンクを貼り付けたのに広告が表示されない、という質問をよく見かけます。

これは、HTML記述に関しての基本的な知識が不足しているからこそ起きる問題なのですが、これからアフィリエイトをやっていく上でリンクの構造と貼り方くらいは最低限理解しておいたほういいです。

今回は、WordPress（ワードプレス）においてのアフィリエイト広告の基本的な貼り方と注意点について書いてみたいと思います。

アフィリエイト広告リンクのコードはテキストモード（HTMLモード）で貼らないと表示されない

そもそも、アフィリエイト広告リンク自体がHTMLタグで記述されたマークアップ言語（サイトを表示させるコードのようなもの）だということを理解しましょう。

なので、例えばWordPress（ワードプレス）のビジュアルモードにそのままアフィリエイト広告リンクを貼り付けても表示されません。

ブログにアフィリエイトリンクを貼り付ける場合には、必ずテキストモード（HTMLモード）に切り替えて貼り付けないと、アフィリエイト広告はうまく表示されません。

アフィリエイト広告リンクを貼り付ける場合はテキストモードに切り替える

ブログサービス全般に言えることですが、ブログ記事を書く時は、テキストのみで編集するモードとHTMLタグを記述して編集するモードの2つに分かれています。

これは、WordPress（ワードプレス）のどんなテーマ（CocoonやJin、SANGO、STORK、AFFINGERなど）を使っていても同じです。

WordPress（ワードプレス）で言うと、ビジュアルモードとテキストモードがそれに該当します。

アフィリエイトリンクを貼り付ける場合は、HTMLタグを記述して編集できる[テキストモード]に切り替えて入力します。

私がブログの記事を書く時は、常に[テキストモード]を使うようにしています。

そのほうが、自動改行されなくて書きやすいからです。

これは、無料ブログサービスを使っている場合も同じで、必ずHTMLタグが記述できるモードに切り替えて貼り付けるようにします。

アフィリエイト広告リンクを貼り付ける場合には、必ずテキストモードに切り替えるようにします。

アフィリエイト広告リンクのコードをWordPress（ワードプレス）ブログの記事内へ貼る方法

それでは、実際にアフィリエイトリンクを取得して、WordPress（ワードプレス）の記事内に設置してみたいと思います。

今回は、A8ネットのアフィリエイトリンクをWordPress（ワードプレス）の記事内へ貼り付けてみます。

まずは、A8ネットからアフィリエイトリンクを取得します。

WordPress（ワードプレス）の編集モードを[テキストモード]に切り替えて、コピーしたアフィリエイトリンクのタグを記事内に貼り付けます。

[プレビュー]をクリックして、実際の表示を確認します。

貼り方に間違いがなければ、以下のようにアフィリエイト広告が表示されます。

アフィリエイトリンクは、画像リンク（バナーリンク）であろうとテキストリンクであろうと、貼り方は同じです。

テキストモード（HTMLタグが記述できるモード）にアフィリエイトリンクタグをそのまま追記すればいいだけです。

ちなみに、アドセンス広告や楽天アフィリエイト、Amazonアソシエイトのリンクを埋め込む場合も同じで、必ずテキストモード（HTMLタグが記述できるモード）に切り替えて貼り付けるようにします。

私の場合は、WordPress（ワードプレス）のプラグイン「WP QUADS」を使って全記事に自動で挿入されるように設定しています。

また、このブログで使用しているテーマ「AFFINGER5（WING）」に装備されている機能でも自動で挿入されることが可能です。

「WP QUADS」や「AFFINGER5（WING）」を使うと、ブログ内のすべての記事にアフィリエイトコードを自動挿入させることができます。

アフィリエイトコードが変わっても一括で貼り換えができるようになるので、興味があれば下記の記事をご覧ください。

アフィリエイト広告リンクのコードをWordPress（ワードプレス）ブログのサイドバーへ貼る方法

今度は、WordPress（ワードプレス）のサイドバーにアフィリエイト広告を貼り付ける方法を説明します。

WordPress（ワードプレス）のサイドバーにアフィリエイト広告リンクを設置するには、ウィジェットを設定して貼り付けます。

WordPress（ワードプレス）の管理画面にログインして、[外観]→[ウィジェット]をクリックします。

今回は、[テキスト]のウィジェットをサイドバーに追加して広告を設置します。

左側にある利用できるウィジェットの中から[テキスト]を探し出します。

[テキスト]の部分をドラッグ＆ドロップして、右側にある[サイドバートップ（テーマによって名前が異なります）]に放り込みます。

タイトルは広告の上部に表示されるので、必要であれば入力します。

広告のみの表示にしたい場合は、タイトル部分は未入力でOKです。

この場合も編集モードを[テキストモード]に切り替えます。

空欄にアフィリエイトリンクタグを貼り付けて[保存]をクリックします。

貼り方に間違いがなければ、以下のようにサイドバーにアフィリエイト広告が表示されます。

サイドバーに貼り付ける広告バナーのサイズは、大きければ自動で適切なサイズにリサイズしてくれるので、特に気にすることはありません。

しかし、横長の広告バナーを貼り付けると明らかにバランスがおかしくなるので、正方形か縦長の広告バナーにしたほうがいいです。

お使いのWordPressのテーマ（テンプレート）のサイドバー横幅サイズに合わせるように広告バナーを選ぶのがいいと思います。

自作のバナー画像を使ってアフィリエイト広告リンクのコードを作成して貼る方法

アフィリエイトASPから取得するアフィリエイトリンクタグの改変は、基本的に禁止されています。

例えば、アフィリエイトリンクのアンカーテキスト部分の文字を変更したり、画像リンクの画像を別なものに差し替えたりすることはできません。

しかし、広告主によっては、アフィリエイト広告丸出しのテキスト文言であったり、広告にマッチしない画像しか用意されていなかったりする広告主もいるので、適切なものに作り変えないと正直使えないと思えるものもあります。

そんな時は、自分でバナー画像を用意してアフィリエイトリンクを作ってしまうという方法があります。

以下の方法は規約違反になりますので、自己責任でお願いします。

例えば、以下のような自作バナー画像にアフィリエイトリンクを付ける設定をすれば、通常のアフィリエイトリンクと同じように機能させることができます。

自作バナー画像を用意したら、その画像をサーバーにアップロードして画像URLを確認しておきます。

画像URLの確認方法は、WordPress（ワードプレス）の管理画面の[メディア]→[ライブラリ]からアップロードした画像をクリックすることで確認できます。

右側にある[URL]と書かれているのが画像のURLです。

次に、作成したいアフィリエイトリンクのURLを確認します。

例えば、開運の財布販売のアフィリエイトリンクを使うと仮定します。

確認するためのアフィリエイトリンクは画像リンク、テキストリンクのどちらでも構いません。

アフィリエイトリンクのタグの中から商品販売に飛ぶリンク先のURLを抜き出します。

商品販売に飛ぶリンク先のURLは、以下の画像の赤線の部分です。

href="商品販売に飛ぶリンク先のURL（アフィリエイトリンク）" target

自作バナー画像のURLと商品販売に飛ぶリンク先のURL、この2つのURLがわかったら、次に画像リンクタグ自動作成ツールを使って、アフィリエイトリンクを作成します。

を、それぞれ入力し、[タグ作成]をクリックします。

作成されたアフィリエイトリンクタグをコピーします。

作成されたアフィリエイトリンクタグは、以下のようになります。

画像タイトルや代替テキストの部分に、商品名やサービス名などを記述します。

記事内に貼り付けると、このように簡単に表示されます。

自作バナー画像を使ったアフィリエイトリンクの作成は、リンク先のページURLがわかれば、どのASPでも使えます。

まとめ：アフィリエイト広告リンクの基本的な貼り方と注意点-WordPress（ワードプレス）ブログ編-

今回は、WordPress（ワードプレス）においてのアフィリエイト広告の基本的な貼り方と注意点について書いてみました。

アフィリエイトリンクを貼る時は、WordPressの編集モードを[テキストモード]に切り替えることを忘れないようにしましょう。

これは、WordPress以外のブログサービスでも同じで、HTML記述ができるモードでしか、アフィリエイトリンクは認識しないので注意してください。

アフィリエイトリンクを貼る場合は、文章の流れを考えて「ここならクリックしてくれそうだ」という場所に貼るように心掛けましょう。

検索エンジンの評価を下げないアフィリエイトリンクの正しい貼り方については、下記の記事を参考にしてください。