画像ボタンを用意してアフィリエイトリンクを貼る超簡単な方法

画像をクリックすると、アフィリエイトサイトに飛ぶ方法を説明します。
A8net、インフォトップを例にしていきますね。
他にもアドセンス広告を貼る時に「スポンサードリンク」の文字が画像上中央にくるHTMLコードを解説します新緑と地球儀2

スポンサードリンク

 

アドセンス広告の上中央にスポンサードリンクの文字を表示する 

アドセンス広告を表示する場合、「スポンサードリンク」という文字列を表記しなければいけません。
ただ単にアドセンスコードの上にスポンサードリンクと入力しても広告上に表示されないんですね。

下のように入れると、

**************

スポンサードリンク
(アドセンスコード・
<script async src=~中略 </script>)
**************

と入力したら下のような画像になってしまいます 中心に選択する方法

 

「スポンサードリンク」の文字が広告左下に表示されてしまいます 画像の上に表示したいので以下のようにします

**************

<p style=”text-align: center;”>

スポンサードリンク

<br>

アドセンスコード

</p>

**************

すると以下のようになります

変更後センター

うまくいきましたね
「スポンサードリンク」の文字が広告の上にきて、Googleの規約通りになりました。

画像(ボタン等を作成して)をリンクに設定する

画像を用意してください。
今回は下のような画像を使ってみます。
特別なテクニックやHTMLコードは全く必要ありません

 

今すぐクリックピンク (⇦ただの画像なので、なにも起こりません)

 

画像の上にカーソールをあて、左クリックしてリンクボタンを押します。

%e7%94%bb%e5%83%8f%e3%83%aa%e3%83%b3%e3%82%af%e8%aa%ac%e6%98%8e%e2%91%a0
鎖のマークのやつです。
リンクの挿入/編集ボタンをクリックすると、小窓が出てきますので
URLをペーストして、適用してください。
適用ボタンの歯車マークは設定ボタンになります。
外部リンクを設定する場合、「リンクを新しいタブで開く」にチェックを入れておくとユーザーは自分のサイトを見失わなくなるので便利です

%e3%83%aa%e3%83%b3%e3%82%af%e5%b0%8f%e7%aa%93

 

 

試しにやってみます
クリックすると「HOME」画面へ移動します

▼▼▼
当サイトホームページに飛びます

HTMLコードを利用した場合

——–ここから下をコピー。この段はコピーしないで下さい——–

<a href=”テキスト用リンク”><img src=”表示したい画像のURL”alt=”画像の説明”border=”0″ /></a>

——–ここまで。この段はコピーしないで下さい——–

 

下のようなボタンを用意します

 

今すぐクリックピンク

 

画像だけなので押してもな何もなりません

テキストモードで次のように入れます

<a href=”テキスト用リンク”><img src=”表示したい画像のURL”alt=”画像の説明” border=”0″ /></a>

 

こちらの方法は参考程度で

【A8net】画像ボタンとアフィリエイトリンクを組み合わせる方法

楽天ツールでやってみましょう。
商品名バンテリンサポーターで試します

%e6%a5%bd%e5%a4%a9%e3%83%84%e3%83%bc%e3%83%ab%e4%b8%80%e8%a6%a7-%e2%91%a4

キーワードでバンテリンサポーターで検索します

 

%e5%95%86%e5%93%81%e3%83%aa%e3%83%b3%e3%82%af%e4%bd%9c%e6%88%90%e3%82%92%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e2%91%a3%e3%81%ae%e3%82%b3%e3%83%94%e3%83%bc

いちばん上の商品で試してみましょう

「商品リンク作成」をクリック

下の画面になります
web用素材は使いません
「メール」をチェックします

%e6%a5%bd%e5%a4%a9%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e2%91%a1

 

リンクコードの商品名はコピーしません。

【メール便のみ送料無料】の部分ですね。
「http://」で始まる文字列をすべてコピーします。
赤枠で囲った部分です

%e6%a5%bd%e5%a4%a9%e3%83%aa%e3%83%b3%e3%82%af%e8%aa%ac%e6%98%8e%e2%91%a2

画像を用意します
今すぐクリックピンク

リンクの挿入/編集ボタン(鎖マーク)をクリック。
URLをペーストして、適用ボタンを押すだけです

web用素材やテキストリンクでは正しく機能しませんので、メール用素材でURLを貼り付けてください

 

【インフォトップ】画像ボタンとアフィリエイトリンクを組み合わせる方法

やり方はA8netとまったく同じ。
アフィリエイトしたい商品の
「メルマガ用フォーム」を作成します。

すると、以下のようなリンクが作成されます。

「http://www.infotop.jp/click.php?aid=238465&iid=56715」

こちらを画像リンクにペーストしましょう。

 

HTMLコードだとこのようになります

<a href=”テキスト用リンク“target=”_blank”>商品名</a>

 

ブログで表示すると

テキスト用リンク   ←飛びません

 

となりますが、中身は下のようなコードになっています

<a href=”http://www.infotop.jp/click.phpaid=238465&iid=56715“target=”_blank”>バナープラスV2</a>

 

※注意!クリックすると飛びます

まとめ

リンクを設定したら必ず確認してみてくださいね

 

お名前 (必須)

メールアドレス (必須)

題名

メッセージ本文

スポンサードリンク

コメントを残す

サブコンテンツ

このページの先頭へ