オリジナル画像にアフィリエイトリンクを挿入する方法を図解します

みなさんこんにちは。今回はオリジナル画像にアフィリエイトリンクを入れる方法ですね。

 

ちょっと公式サイトが用意してくれたバナーが自分のデザインと合わない・・。訴求力が足りないなんてことは良くあることです。きれいなサイトはリンクをオシャレに作っている所もありますからね。

 

図解していきますが、その前に一番大事な注意点を一つ!

 

情報系以外広告主の意図に反する画像広告を勝手に作るのは絶対NGってことです。

 

判断基準が分からない場合はまずお問い合わせで聞いてみましょう!

 

 

 

 

 

画像にアフィリエイトリンクを貼る手順について

ではさっそく図解していきます。

 

  1. 好きな画像を用意する
  2. ASPのメールリンクを探す
  3. 画像を選択してリンクを貼る
  4. 商品リンクがある場合は使ってみる

 

基本は3ステップです。

 

規約違反にならない画像を用意する

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

まずはこのようなオリジナル画像を用意します。今はスマホの加工ツールもありますし、オンラインで簡単に作れます。

 

ただし、ここで注意点があって、誤解を招くようなバナーを勝手に作り出してはいけないと言ことです。とくに画像に入れる文字は注意です。

 

例)

 

  • 確実ににきびを直したい方はコチラ
  • 100%結果がでる薬ならコレ
  • 効果でまくりの美容液→クリック
  • 芸能人の○○さんが保証した✖✖

 

バナーに違法な煽り文句を入れると、非承認・提携解除の原因になります。

 

  • 公式サイトへ
  • 詳細はコチラ
  • もっとよく見てみる
  • 今すぐクリック

 

反対にこういうのはクリック率を高めるので入れてみたも良いでしょう。販売ページにある文言やASPにあるPRポイントをよくみてください。

 

ASPのメールリンクからURLの部分を選択

続いて、ASPの中からアフィリエイトコードを抜き出すのですが、一番簡単なのがメールリンクを選択してコードを抜き出すことです。

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

・・・広告タイプでメールを選び

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

・・・httpsから始まるコードをコピペ

 

画像を選択してURLを入れて挿入

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

ブログに画像を投稿したらその画像全体を選択してリンクボタンを押しましょう。リンクのURLを貼る場所が表示されると思うので、その中にASPのコード(https:~)の部分を貼ります。

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

テキストモード(無料ブログの場合はhtmlモード)にしてコードを選択すれば好きな場所に貼れます。

 

以上終了で難しくないです。

 

 

ホームページ内の一商品に向かってリンクを飛ばしたい場合は商品リンクを利用

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

 

続いて、アフィリエイトのリンク先がホームページのようになっているケースです。

 

A8ですとアパレル・飲食系などが多く、購入率○○%なんて書いてあります。トップページに読者を飛ばしてしまうと、そこで購入に迷いが生じるので個別商品にリンクさせましょう。

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

まずは上の方は飛ばしたいページのURLを入れます。

 

下の方は商品画像の上で右クリックをして画像アドレスをコピーしたものを貼ります。

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

全てコピーして貼ればOKです。

 

 

 

CSSが分かるとオリジナルボタンにアフィリエイトリンクを入れられる

続いてオシャレなボタンにアフィリエイトリンクを入れる方法ですね。

 

先に断っておくと、ワードプレステーマにはすでにボタン専用の機能がついているので、そこまで自作しなくてもいいですし、実際広告主が用意してくれたテキストリンクの方がなじみがあってクリック率が良かったりします。

 

自作の教材などを売りたい場合はボタンにこだわっても良いです。

 

 

また無料ブログでは使えないものが有ります。

 

① 無料ブログの場合はバックアップを取る
② プラグインを入れて後で簡単に訂正できるように

 

この二つを守ったうえでやってください。

CSSボタンを無料で配布してくださっているサイト

 

サルワカさん・・本当にキレイ!

 

ジャジャーンさん・・・なんと120個

 

 

 

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

CSS挿入の場所にボタン表示用のCSSをコピペして入れる

まずはcssと書かれている部分をそのままコピペしてブログのcssの一番下のところに貼り付けましょう!

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

 

一番バグが出にくいと思います。

 

 

 

表示させたい部分にHTMLを入れる。

続いて投稿画面の方にHTMLモード(テキストモード)ではり最後にアフィリエイトリンクを入れれば完成です。

 

 

以上簡単ではありますがアフィリエイト画像へのアフィリエイトリンク挿入でした!

 

 

 

画像,アフィリエイトリンク,入れ方,設定方法,埋め込み

【2週間無料体験】アフィリエイトの基礎講座はコチラ
もしこの記事が気に入ったらブックマーク・いいね!お願いします(>_<)お礼きっと致します♪  このエントリーをはてなブックマークに追加 
アフィリエイトに関する質問はfacebookコメントにお願いします


一番人気の講座です。これだけで大丈夫!


画像,アフィリエイトリンク,入れ方,設定方法,埋め込み


アフィリエイトクラブはコチラから
TOPへ