バナーの張り方

アフェリエイトやリンクなどの、バナーの張り方について説明します。

ホームページビルダーなどのソフトを使用してホームページを作成すれば簡単なのですが、
ここでは、メモ帳と、ブラウザを使った方法を紹介します。

１・自分のホームページを格納しているフォルダの該当するHTML
(.htmlまたは.htmの拡張子のある)ファイルをクリックするとブラウザでそのページが表示されます。

２・ブラウザの[表示]メニューを開き[ソース]をクリックすると、そのページがメモ帳に表示されます。

３・貼りたい場所を探します。
見つからないときは貼りたい場所の前後の文字列をブラウザでコピーして、
その文字列をメモ帳のメニューの[検索]をクリックし、表示された画面の[検索する文字列]に
貼りつけ[次を検索]ボタンを押すとみつかります。
（ホームページ作成ソフトを使えば簡単にリンクを貼ることができると思いますが…）

４・次のように打ち込みます
　<A HREF="リンク先のURL">リンク先の名前</A>
これで完了です。たとえばYahooへリンクを貼る場合は次のようにします。

　<A HREF="http://www.yahoo.co.jp">Yahoo!</A>

５・今書いたこのページ（メモ帳）を上書き保存します。
ブラウザの[更新]ボタンを押すとブラウザには、次のように表示されます。

　 Yahoo!

これをクリックすればYahoo!にジャンプします。

ジャンプ先をテキスト表示ではなくバナー画像を入れるにはリンク先の名前部分に下記のように書きます。

<IMG SRC="バナーの画像の有る場所">

実際には下記のようになります。

　 <a href="http://www.yahoo.co.jp"><img src="*****.jpg"></A>

*****.jpg　部分には、あなたが作成した画像ファイル（.jpg .gif）などを指定します。

おわかりいただけましたでしょうか？

補足として（ここから上が完全に理解できた場合のみ、ここから下を参考にしてください）
リンク先のページを新しいウィンドウで開きたい場合は

<a href="http://www.yahoo.co.jp" target="_blank">

とします。

また、上のままでは画像のまわりに枠ができてしまうので、バナーが透過GIFのような画像の場合、
特にカッコ悪くなります。（周囲に四角い枠が出ます…）

そのときは

<img src="*****.jpg" border="0">

とします。

その他は、検索サイトで「バナーの貼り方」などで検索してみてください。

これを保存してブラウザの更新ボタンを押すと「*****のバナー」が表示されます。

これで完了です。
この「*****のバナー」をクリックれば、Yahooへジャンプします。
これを、ＦＦＦＴＰなどのファイルアップロードソフトでアップすれば完了です。

６・バナーの画像のアップロード

●例えば、アフィリエイトに登録するとHTMLコードが送られてきます。
そのまま貼り付けてもよい場合（直リンク）なら、

<A href="http://abcdefg.com/" target="_blank">
<IMG src="http://abcdefg.com/img/bana.gif" width="88" height="31" border="0"></A>

のようなバナー画像（http://abcdefg.com/img/bana.gif）
を自分のパソコンに保存しなくても、このまま貼り付けるだけでOKです。

●また、「バナーの画像だけある場合」「バナーの直リンクはご遠慮下さい」
「右クリックでバナーを一度保存してから、あなたのＴＯＰページに貼ってください」

など「直リンクができない」場合は上記のHTMLコードを参考に貼り付けます。

「直リンク禁止」をなぜしているのかと言うと、アクセスが行くことで、バナーを提供してくれたサイト様の
サーバーに負担がかかるからです。そのため多くのサイトでは「直リンク禁止」としているわけなのです。

①バナーの画像をまず右クリックしましょう。
すると　上の方に「名前を付けて画像を保存」と言うのが表示されると思います。
それを選択します。

②すると、ウィンドウが開き下の方に　ファイル名などが表示されると思います。
そして保存場所を（マイドキュメントなど）指定し、保存したい場所を選んで右下の「保存」キーを押します。
これであなたのPCに保存されました。

③次にアップロードします。
すでに、ＦＦＦＴＰの使い方をやっていますので、こちらも問題無くアップロードできると思います。
上記の、リンクと画像のタグを参考にして、タグを書き換え、そのhtmlファイルと該当する画像ファイル
（*****.jpg や *****.gif）を、アップロードします。

これで、ブラウザを再読み込みし、バナーが表示されたらクリックして飛び先を確認してみましょう。
バナーが表示されない、クリックしても飛ばない、などの場合は、タグの記載のどこかが間違っています。
よく確認し、間違いがあれば修正して再アップロード、確認、ということです。

今までの通りにやっていれば間違うことはありませんが、見落としなどあるかもしれません。
そのためにも、疲れているときや集中力の欠けているときなどは作業しないほうが初心者の方はよいでしょう。

また、いろいろと工夫したくなってきた場合などは、下記リンクで探してみましょう。

■初心者向けホームページ作成支援
http://siriasu.s10.xrea.com/index.html

■http://search.yahoo.co.jp/ で「バナーの貼り方」を入力して検索すれば
関連サイトが多数ヒットするでしょう。