https://www.wordpresstankentai.tokyo

アフィリエイト豆知識 ワードプレス豆知識

アフィリエイトリンクの貼り方【画像にアフィリリンクを貼る方法】はコチラ

投稿日:

【アフィリエイトリンクの貼り方】初心者でもわかる、アフィリ画像リンクを作る方法

アフィリエイトを始めたばかりの時に特に良く分からないのが、『画像にアフィリエイトリンクを貼付ける方法』です。

 

このページでは、初心者にも分かるように画像を沢山使って【ワードプレスの記事内にアフィリエイトリンクを仕込んだ画像を設置する方法】を紹介します。

こだま
慣れるまで少しややこしいかもしれませんが、やってみるとそこまで難しくは無いので記事を参考にしてやってみてください。

こんな方におすすめ

  • ワードプレスの記事内の画像にアフィリエイトリンクを仕込みたい人
  • アフィリエイト商品リンクを画像に設置したい人
  • 【テキストリンク】からアフィリエイトリンクを抽出し画像に仕込みたい人
  • 【商品リンク生成】で生成したタグから抽出したリンクを画像に仕込みたい人

注意ポイント

自分で画像リンクを作成する場合のリスク

アフィリエイトリンクは通常、勝手に改変する事が禁止されている場合が多いです。

場合によっては提携解除になったり、成果が却下されたりする場合があります。

この記事で紹介する方法を試す前に、それぞれのASPの注意事項を良く読んでから自己責任で行って下さい。

また、万が一発生した損害に関して当ブログでは一切の責任を負えませんのでご了承ください。

まず画像にアフィリエイトリンクを仕込む方法は2つあります。

一つ目はASPにある【テキストリンク】に含まれる【アフィリエイトリンク】を画像に仕込む方法です。

もう一つは、好みの個別商品の好みの画像に【商品リンク生成】で生成したアフィリエイトリンクを仕込む方法です。

どちらの方法も一長一短ありますのでそれぞれ必要な場面に応じてやってみてください。

①テキストリンクに含まれるアフィリエイトリンクを抽出する方法

ここページではA8を例にして、テキストリンクに含まれるアフィリエイトリンクを画像に仕込む方法を紹介したいと思います。

 

まずは掲載したい広告と提携します。

提携完了後、その広告の【広告リンク生成タブ】をクリックします。

 

【広告リンクコード生成ページ】で【テキスト】を選択します。

 

下を見ると広告がいくつかありますが、どれでも良いので一つ選びます。

アフィリエイトコードは下の画像のような構造になっています。

広告コード内にある、【<a href=”】のすぐ後、【https〜】で始まる箇所から【”target=】の直前までがアフィリエイトリンクですのでココをコピーします。

 

下の画像の赤い部分がコピーする箇所になります。

(黒い部分は無視してください)

 

コピーしたリンクを画像に挿入します。

まずはリンクを挿入したい画像を選択します。

 

リンクボタンをクリックするとボックスが出てくるので、先ほどコピーしたリンクを貼付け、青いボタンをクリックします。

これで画像にアフィリエイトリンクが設定されました。

正常に機能しているか確認する

今回作成した画像リンクが正常に機能しているかチェックするために一度クリックしてみましょう。

まずは、記事を下書き保存してから【プレビュー】をクリックします。

プレビュー画面で、先ほど設定した【画像リンクをクリック】して広告ページに移行すれば正常に機能しています。

②好みの画像に【商品リンク生成】で生成したアフィリエイトリンクを仕込む

A8の場合、各アフィリエイト広告のページに用意されている【商品リンク生成】機能を使う事で、アフィリエイト広告ページ内にある特定の商品のアフィリエイトリンクを作る事が出来ます。

 

【商品リンク生成機能】はココが便利

例えば、Aという複数のサプリなどを販売しているお店のアフィリエイト広告の場合、通常ですとその店のホームページに飛ぶように広告リンクが設定されています。

 

これですとホームページ自体には飛びますが、そのサイトで扱われている特定の商品だけを売り込みたい場合には不便です。

 

この【商品リンク生成機能】を利用すると、例えばサイトで扱われている好みのサプリを紹介している商品個別ページにリンクさせたアフィリエイト広告を作る事が出来ます。

広告の画像は、ホームページに掲載されている画像を使う事が出来るので便利です。

 

ただ、この方法ですと場合によってはいくつか問題点があり上手く行かない場合もあります。

 

この方法の問題点

  • リンク生成した画像の大きさが調節できない。
  • 画像はリンク先のサイトに依存するので、元のサイトで画像が削除されてしまうとワードプレス記事内の画像も無くなってしまう

 

A8の商品リンク生成で画像が大きすぎる場合の対処法

A8.netでは、沢山のアフィリエイト商品があって、掲載されているアフィリエイト広告だけでなく、商品販売ページの個別商品の画像を使って【商品リンクを生成】できます。

 

この機能を使う利点は、商品販売ページにある商品画像をそのまま使ってアフィリエイトリンクを作る事が出来る所なのですが、ワードプレスで使うにはちょっと問題があります。

 

【商品リンクを生成】で生成されたアフィリ画像リンクを使うと、商品ページにある画像が大きすぎるだけでなく、大きさを調節できない場合があります。

 

こだま
画像サイズが、商品ページにある画像のサイズに依存するので、ちょっと違うアプローチでアフィリエイトリンクを作る必要が出てきます。

キャプチャした画像を使って商品リンクを作成する方法

画像をホームページからキャプチャして、そこに商品リンクを付ける方法を紹介します。

まずアフィリリンクを作成したい画像を用意し、ワードプレスにアップロードしておきます。

(画像の使用に際し、著作権などに注意して自己責任で行ってください。)

 

商品アフィリエイトリンクを画像に仕込む

 

A8で掲載したい広告のページに行き、【商品リンク作成】タブをクリックします。

 

【テキスト生成】を選びます

 

広告ページの個別商品ページのURLをコピーし、【リンク先URL】欄に貼付けます。

【リンクテキスト】欄は、今回はなんでもかまいません。私は【テキスト】と入力しました。

緑色の【商品リンク作成】ボタンをクリックするとアフィリエイトリンクコードが生成されます。

 

【商品リンク作成】をクリックで、下にアフィリエイトコードが出てきます。

このアフィリエイトリンク内の【<a href=:"】のすぐ後から【" target="_blank" 】の直前までを選択してコピーします。

(【 https:// 】から始まる部分で、かなり長くなっていますが、全部コピーします。)

 

 

画像内の赤線で引いた部分をアフィリエイトリンクとして利用します。

リンクを挿入したい画像をワードプレス投稿記事内に表示します。

 

 

リンクボタンをクリックして先ほどコピーしたアフィリエイトリンクを貼付けます。

青いボタンをクリックして完了です。

 

 

注意ポイント

最後に作成した画像リンクが機能しているかチェックしましょう。

画像のリンクが適切に機能しているか、記事をプレビューして作成した画像リンクをクリックしてみてください。

目的のページに移行すれば画像リンクが機能している事になります。

 

以上画像に商品リンクで作成したアフィリエイトコードを挿入する方法でした。

一回覚えてしまえばそこまで難しく無いので是非やってみてください。

 

こだま
このブログではワードプレスやプラグインの使い方を紹介しています。 出来るだけ初心者でも分かる様に画像を豊富に使って説明しているので是非他のページも参考にしていただけたらと思います。

この記事が気に入ったら
いいね ! しよう

Twitter で

アフィンガーwingの紹介タグ

このサイトでは【AFFINGER 5 WING 】を使っています。

2018年3月下旬に【アフィンガー5 WING】が発売されました。

強力な機能追加もそうですけど、【とてもやわらかい印象のデザイン】から、【カチッとしたビジネスっぽいデザイン】まで、幅広く設定できるのが好感が持てます。

 

WING(affinger5)を使ってみて

実際に使ってみた感じでは、ボタンデザインやランキングデザインがかなり洗練された見た目にアップデートされて、かなり今風になってます。

それから最新版ではカルーセルスライダー(横向きに画像が動くスライダー)機能が追加されてかなり使い勝手がアップしています!

また、ありとらゆる文字や画像、アイコンなどをアニメーション機能でかんたんに動かす事ができるようになったのがスゴいと思います。

こだま
アニメーション機能は投稿画面でサッと選ぶ事が出来ます。 プラグインも必要ないのがうれしいです。

【AFFINGER5 WING】のおすすめポイント

  1. 美しくかんたんになったデザイン!いろんなサイトに使いやすい
  2. やっぱり速い表示速度!
  3. 便利なスマホ用スライドメニュー
  4. 記事作成パーツがアップデート(投稿画面から簡単挿入)
  5. 【カテゴリー一覧ショートコード】でトップページが作り込める
  6. ランキングラベルも作れる【記事一覧ショートコード】
  7. カルーセルスライダーも搭載!記事の好きな場所に設置可能
  8. 色々なボタンを簡単に設置可能
  9. 吹き出しのアイコンがピョコピョコ動く
  10. 一回購入で複数のサイトに使用可能だからお得
  11. アニメーションが簡単!アイコンや文字など投稿画面からかんたん設定可能です。

【AFINGER WING】はインフォトップというサービスを仲介しての購入になります。

このサイトからの特典も付属しますので、以下の注意点をしっかり確認した上で購入する様にしてください。

こだま
インフォトップの決済ページでは”外注化マニュアルキットNEO”が 表示されていることを必ずご確認ください。

左のボタンにチェックが入っている事も忘れずに確認してください。

 

表示がない場合はレビュー報酬&特典は受け取ることが出来ませんのでご注意ください。

※クッキーが有効になっていないと”外注化マニュアルキットNEO”は表示されませんので、 クッキーをチェックしてください。

当サイトの特典について

当サイトから【AFFINGER5 WING】を購入すると、【外注化マニュアルキットNEO】が特典が貰えます。

 

今付属の特典【外注化マニュアルキットNEO】は、アフィリエイターの為の記事外注化マニュアルになります。

どうやって記事を外注すれば効率化できるのか知っておきたいポイントがまとめられている、とてもわかりやすい教材です。

記事作成を加速させる為には必要不可欠の情報が満載ですのでこの機会にどうぞ♪

【AFFINGER5 WING】 単品での購入はコチラ⇩ 1万4800円

当サイト限定特典付き

WING AFFINGER5 特典付きはコチラ

※外注化マニュアルキットNEO付き

AFFINGER PACK3(WING対応) 3万9800円

【Affingert wing】本体と【タグマネージャー3】、【ABテストプラグイン】のセットです。)

当サイト限定特典付き

AFFINGER PACK3(WING) 特典付きはコチラ

※外注化マニュアルキットNEO付き

こだま
【PACK3】はAFFINGER WING本体と、タグ管理マネージャー、それからクリック率の比較などに便利なABテストプラグインのセットです。

3つを別々に買うと5万1400円もする所、3万9800円と1万円以上も安いのがポイントです。

ただ、値段が高い事と、後で必要があれば買い足していける事を考えると、始めはAFINGER WING単品購入でも良いかと思います。

 

  • この記事を書いた人
  • 最新記事

こだま

アフィリエイトは2013年ぐらいから始めて、ワードプレスは知識ゼロで2015年ぐらいから使い始めました。 このブログではワードプレスのテーマやプラグインの機能などを比較しながら初心者にも分るように紹介していきます。 『簡単に出来る』ワードプレスやアフィリエイトの情報発信をを心がけています♪

-アフィリエイト豆知識, ワードプレス豆知識
-

Copyright© ワードプレス探検隊 , 2019 All Rights Reserved.