イメージタグ付きアフィリエイトリンクをボタンリンクに挿入するやり方

アフィリエイトリンクというのは通常2種類あります。

一つはコチラ↓のようにシンプルな短縮リンク。

もう一つはイメージタグが付いたアフィリエイトリンク。

たとえばASPのA8から発行されるアフィリエイトリンクは下のようになってます。

このうち赤文字の部分はいわゆるイメージタグと呼ばれる部分になります。

しかしながらこのイメージタグというヤツは少々厄介な奴でして、ひとつにはブラウザ上では表示されないというのがあります。

表示されない画像リンクであればSEO的にはあまりよろしくないですよ。

隠しリンクの扱いになる恐れがありますから。

それにこのイメージタグが付いてるおかげでリンクをボタン画像にしにくかったり、できたとしてもレイアウトが崩れたりなどの弊害が伴うこともあります。

そのため本来ならこのイメージタグはとっぱらいたいところなんですが、アフィリエイトリンクタグの改変はほとんどのASPで禁止されてます。

それゆえ基本的にはASPが発行するアフィリエイトタグをそのまま使っている方が多いんじゃないかと思います。

ちなみにA8のヘルプにはその旨についての記載があります。

バナー素材やテキスト素材に付属している1ピクセル×１ピクセルのタグは、広告素材のインプレッションをカウントするために必要なものです。

 

削除してしまうと正確なトラッキングが出来なくなりますので、取り外さないでそのままご利用ください。

ところがこのイメージタグが付いたアフィリエイトリンクタグは、そのままだとSIRIUSのボタンリンク（※上位版限定）やランキング作成機能の”公式ページはこちら”ボタンにはうまくはめ込めないみたいなんですね。

SIRIUSのボタンリンク機能（※上位版限定）やランキング作成機能では、アフィリエイトリンクを入力するだけでまるで画像で作ったようなボタン形式のリンクが簡単に作れます。

しかし入力可能なアフィリエイトリンクはどちらもシンプルなURLのみのようで、イメージタグが付いたアフィリエイトリンクタグはそのままでは使えません。

無理やり押し込んでそれっぽく出来上がったとしても、いざソースを確認してみると見事にアフィリエイトリンクタグが改変されてます。

そうはいってもイメージタグ付きアフィリエイトリンクを発行するASPを利用してアフィリエイトサイトを運営されてる方はきっと多いと思います。

そこでなんとかならんかといろいろ検討してみた結果、（ボタンリンク・ランキング作成共に）問題なさそうなやり方があるにはありました。

ソース上で確認してみても、アフィリエイトリンクタグが改変されずに生成されてるようなのでおそらく大丈夫でしょう。

管理人の運営サイトでも使ってますが、いまのところASPから何らかのおとがめを受けたということはありません。

①テキストモード（※通常の編集画面）でボタンリンクを起動します。

リンクテキストには”テキスト”など適当にテキストを入れておきます。

（※ここを記入しないとエラー表示ダイアログが出るので）

リンク先URLには”#”と記入します。

それ以外はボタンの見た目を好きなようにカスタマイズしていきます。

するとこんな感じで表記されます。

<div class="btn06 pink btn-rounded btn-shadow"><a href="#">テキスト</a></div>

②この中の<a href="#">テキスト</a>の部分を、ASPから発行されたテキストのアフィリエイトリンクで差し替えます。

たとえばこんな感じですね。

<div class="btn06 pink btn-rounded btn-shadow"><a href="https://px.a8.net/svt/ejp?a8mat=xxxxx" target="_blank" rel="nofollow">ウォータースタンド</a><img border="0" width="1" height="1" src="https://www12.a8.net/0.gif?a8mat=xxxxx" alt=""></div>

これをブラウザで確認すると、ちゃんとボタンリンクとして機能します。

ウォータースタンド

（※ダミーリンクに変えてあるのでクリックしても無意味です）

上のボタンリンクをソースで確認してみると、発行されたアフィリエイトタグのままで”改変”はされてません。

しかしながら若干”面倒”な点もあります。

ボタンリンクもランキング作成機能の”公式ページはこちら”の文字もいずれも画像ではなくテキストリンクで、画像っぽいデザインは背景画像で表示させてるものです。

そのため使えるアフィリエイトリンクタグは（厳密には）バナーリンクではなくテキストリンクのみになります。

ところがASPで該当商品のテキストリンクを探すと広告臭プンプンな文言が加わった商品名だったりするのがけっこう多いんですよね。

でもそういった文言リンクは嫌がられる傾向があります。

そのためもっとサラッと「（※商品名）はこちらからどうぞ」にするとか、ちょっとひねりを加えて「最安値を調べる」などに統一したい場合は、どうしてもテキスト部分を変更せざるをえません。

こういったテキストの変更は多くのASPが禁止と謳ってます。

A8のヘルプにはこうあります。

テキスト素材のテキスト文言変更やバナー素材のバナーサイズ変更は許可しておりませんのでご遠慮ください。

そうはいっても、テキストリンクを変更して利用しているアフィリエイトサイトは、管理人が見る限りではそこそこ多いようにも感じるんですよね。

結局のところ、テキストの改変はグレーゾーンという感じでしょうか。

改行を削除

これまで当ページで紹介してきたA8発行のアフィリエイトリンクタグは、実は1ヵ所だけ改変してます。

たとえば最初の方でご紹介したこちら↓のコード、

実際に発行されたコードはこちら↓です。

違いがわかりましたでしょうか？

そう、オリジナルの方はイメージタグの先頭で改行されてるんです。

（全く同じように見える場合はブラウザの幅を狭くしてみてください）

ところがこの”改行”が、システムの設定によっては予期せぬレイアウトエラーを引き起こす時もあるんです。

だから実際のところ管理人は改行程度の改変は勝手に”よし”として、改行を削除して使わせてもらってます。

A8のヘルプにもこうあります。

フォントタグによるテキスト部分の装飾や改行の削除、XHTML形式で掲載するための修正など、元のコードに影響のない範囲であれば変更しても構いませんが、広告素材を改変したことによって、成果報酬が正しく反映されなくなった場合はサポート対象外になります。

要するに全体的なタグ構造を変えなければあえて問題にはしないってことなんでしょうかね。