◆ アフィリバナーを自作する ◆
前回記事の補足です。
◆ アフィリバナーの自作 ◆
ＡＳＰから与えられたアフィリエイト用のリンクバナーですが、＜HTML のタグによっては アメブロで受け付けてくれない場面があります。
これは、＜iframe とか ＜javascript という文字を含んだ HTMLタグを アメブロ内で記述できないからです。
文字による テキストリンクはＯＫなのですが、書籍とかＤＶＤとかをアフィリエイトするのなら、その画像を用いたバナーで表示したいですよね。
ですので、自分でそれらしく作っちゃおう。 ってのが今回の内容です。
【１】
まずは、バナーにしたい画像をＰＣ内に取り込みます。
よくやってますよね。欲しい画像の上にマウスのポインターを乗せて「右クリック」→「名前を付けて画像を保存」。
【２】
それを、アメブロの画像フォルダーにアップロードします。
【３】
次に、ＡＳＰからのアフィリエイトリンクをテキストで入手します。
【４】
記事投稿のエリアを利用して 目的となる作業をおこないます。
（１）『タグの非表示』で「画像」を挿入します。
（２）『HTMLタグを表示』に切り替えて 【３】のアフィリエイトリンクを貼り付けます。
【５】
上の図は、ふたつのHTMLのかたまりで、上が画像、下がテキストリンクになっています。
よく見ると 記述方式が似ていますよね 。 ＜a href～～＞記号か文字か＜/a＞ という具合。
私は、この例でいいますと 下の記述かたまりで 最初の＜a href～～＞の部分を 上の記述かたまりの同じ部分に置き換えています。
( 黄色マーカー部分を消して 赤文字に置き換える )
その後に続く＜img src～～＞の中に画像のサイズを指定している箇所がありますので、必要に応じて変更することもあります。
置き換えが終わったら、下のかたまり部分だけ消せば出来上がりです。
【注意１】
アフィリエイト用テキストリンクは、ＡＳＰによっては「変更を及ぼしてはいけません」っていうような規則を設けている場合があるようです。
（楽天がそうだったけかなぁ？）
その点を留意したうえでの作業としてください。
読者さんがクリックし、運よく購入にこぎつけたとしても、その規則に準じていないから報酬支給対象外 なんて悲しいですから。
【注意２】
画像のアップロード時も気をつけなければならないことがあります。
拡張子「gif」「jpg」「png」のみ受け付けてくれます。
ビットマップ「bmp」はアップロードできません。
できあがったのがこちら
もともとのテキストリンクも表示しています。
※ 下のかたまりを消さなかったパターン
↓ ↓ ↓ ↓ ↓
フィルモアの奇蹟
マイク ブルームフィールド ＆ アル クーパー 1968年 ライブ
カルロス サンタナ が 出演しています。
ジャケット画 は ノーマン ロックウェル 作