WordPress(ワードプレス)アフィリエイト広告リンクの基本的な貼り方と注意点

Pocket

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

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

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

そもそも、アフィリエイトリンク自体がHTMLタグで記述された言語だということを理解しましょう。

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

今日は、WordPress()においてのアフィリエイト広告の基本的な貼り方と注意点について書いてみたいと思います。

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

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

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

ビジュアルモードとテキストモード

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

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

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

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

アフィリエイト広告リンクをWordPress()の記事内へ貼る貼り方

それでは、実際にアフィリエイトリンクを取得して、WordPress()の記事内に設置してみたいと思います。

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

A8ネットからアフィリエイトリンクを取得

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

コピーしたアフィリエイトリンクのタグをWordPressの記事内に貼り付ける
[プレビュー]をクリックして、実際の表示を確認します。

WordPressのプレビュー

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

プレビューで実際の表示を確認

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

このように、WordPress()の記事内にアフィリエイトリンクを貼る場合は、必ずテキストモード(HTMLタグが記述できるモード)に切り替えて貼り付けるようにします。

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

アフィリエイト広告リンクをWordPress()のサイドバーへ貼る貼り方

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

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

WordPress()の管理画面にログインして、[外観]→[ウィジェット]をクリックします。

外観「ウィジェット」

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

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

ウィジェットの中の[テキスト]
[テキスト]の部分をドラッグ&ドロップして、右側にある[サイドバートップ(テーマによって名前が異なります)]に放り込みます。

サイドバーにテキストをドロップ

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

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

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

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

テキスト欄にアフィリエイトリンクのタグを貼り付ける

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

サイドバーにアフィリエイト広告を貼る

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

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

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

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

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

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

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

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

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

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

自作バナー画像

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

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

<自作バナー画像のURL>
https://affiriate-manual.com/wp-content/uploads/2017/10/sma01-blue.png

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

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

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

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

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

href=”商品販売に飛ぶリンク先のURL(アフィリエイトリンク)” target

商品販売に飛ぶリンク先のURL
<商品販売に飛ぶリンク先のURL>
https://px.a8.net/svt/ejp?a8mat=ZYQRR+6RIEAA+UHI+6OHEP

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

・URL入力に、商品販売に飛ぶリンク先のURL・画像URLを入力に、自作バナー画像のURL

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

画像リンクタグ自動作成ツール

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

アフィリエイトリンクをコピー

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

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

自作バナー画像のアフィリエイトリンクタグ

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

画像タイトルや代替えテキスト

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

まとめ

今回は、WordPress()においてのアフィリエイト広告の基本的な貼り方と注意点について書いてみました。

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

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