ブログやサイトに広告(バナー)を貼る方法(初心者向け)
■ブログやサイトに友達紹介用のバナー広告を貼る方法のご紹介
げん玉やポイントタウン等のお小遣いサイト(ポイントサイト)では友達紹介と呼ばれる制度を実施しています。
手持ちのブログやWebサイトで友達紹介をするためには、紹介用URLを貼らないといけないのですが、バナー広告が上手く貼れない。
初めてブログを作ったばかりの初心者さんが意外とこの壁にぶつかります。
(※実際に私も初めてブログを製作した時にこの紹介用URLの貼り方に苦戦し、調べるのに1~2時間ほど掛かりました。)
ポイントサイトのバナー広告をブログやサイトに貼る方法
オレンジ枠で囲った分を紹介用URL、またはバナー広告(タグ)とも呼びます。
ブログにバナー広告を表示させるには、この部分をコピペ(コピー+ペースト)してブログに貼り付けるだけでいいのですが、一つコツがいります。
WordPressでのバナー広告の貼り付け方
レンタルサーバーを借りてWordPress(ワードプレス)でサイトを制作している場合は、テキスト(HTML表示)に切り替えてからバナー広告のタグを貼り付けます。
①記事作成画面を【ビジュアル→テキスト】に切り替えてバナー広告(タグ)を貼り付ける
②テキスト(HTML)モードにコードを貼り付けた後、ビジュアルモードに戻せば、↓画面のようにバナー広告が表示されるはずです。
初心者が始めのころにやる失敗
■初心者がよくやる失敗がバナー広告のタグを普通のモード(ビジュアルモード)に貼り付けてしまうことです。
ビジュアルモードにそのまま広告のタグを貼り付けてしまうと↓こんな感じでよく分からない文字の羅列になってしまいます。(※よくある初心者の失敗例)
<a href=”http://www.pointtown.com/ptu/regist/friendship.do?guid=ON&found=100166&intrid=ngrxXZBdyuP4r&cid=6173″ target=”_blank”><img src=”//img.pointtown.com/image/page/friendship/banner/ptF_2_320x100.png?v2″ border=”0″ alt=”ポイントでお小遣い稼ぎ|ポイントタウン”></a>
ここでテキストモード(HTML)にちゃんと切り替えてからタグを貼り付ければ↓このようにバナー広告が表示されます。
はてなブログでのバナー広告の貼り方
はてなブログにバナー広告を貼り付ける場合は【HTML編集】という項目に切り替えてから、タグを貼り付けます。※Wordpressでいうところのビジュアルモードですね。
タグを貼り付けたあとに見たまま(通常のモード)に戻して、バナー広告が表示されていれば成功です!
成功していれば、このようにポイントサイトのバナー(広告)が表示されます。
友達紹介のための紹介用URL(バナー広告)の貼り方 まとめ
友達紹介URLやバナー広告の貼り方は簡単なのですが、初めてブログやサイトを制作したばかりの頃はこの壁にぶつかったりします。
でも1度バナー広告の貼り方を覚えればこの先、お小遣いサイトの紹介URLやアフィリエイト広告を貼るのに苦労はしないはずです。
こういった事は練習あるのみです。まずは自分で試してみましょう!