超オススメのSEO対策済テンプレート「賢威5.0」バージョンアップも今までずっと無料です
2006年02月04日

グーグルアドセンスをブログのヘッダーに設置する

このブログのヘッダーに埋め込んである,グーグルアドセンスの設置方法を紹介してみます。

人気ブログ・ランキングへ



グーグルアドセンスをヘッダーに設置しよう!


いわゆるコレですね。 ではまず,グーグルアドセンスの広告をカスタマイズしに行きましょう。


カラーパレットの管理から,グーグルアドセンス広告の色をカスタマイズします。


グーグルアドセンス カラーパレットの管理


このカラーパレットで,あなたのサイトの色にとけ込むような色合いを作ってみて下さい。


グーグルアドセンス カラーパレット


ちなみにライブドアブログの背景は,普通のカラーではなくて画像が使ってあったりしますので,全く同じ色になりにくいかもしれません。色々試してみて下さい。


色が決まったら,パレットに名前を付けて下さい。例えば「blog」とか「DOON!」とか,あなたのそれぞれのサイトで使い分けられるように,分かりやすい名前を付けてはいかがでしょうか。


グーグルアドセンス カラーパレットに名前を!


そうすると,このように”Custom”という所にオリジナルのカラーパレットの名前が出ますので,アドセンス広告を作る時に選んでください。


グーグルアドセンス カスタム!


ちなみにチャネルで名前を付けておくと,それぞれのサイトのクリック数がわかります。そのサイトの中のヘッダー,フッター,サイドなどと名前を付けておけば,更にそれぞれのクリック数がわかります。


グーグルアドセンス チャネル


というわけで,グーグルアドセンス広告のカスタマイズができたら,ビッグバナー(728x90)を選んでタグを取得して下さい。もちろんテキストのみでね。


そして,そのタグを下記のようにテーブルタグで囲んで下さい。





width="770"はこのブログではピッタリですが,デザインが違う場合は調整して下さい。100%にするといっぱいに広がりますが、サイドの線が消えてしまいました。


Bgcolor="FFDEAD" は僕のブログの色に合わせたカラーコードなので,あなたがアドセンス広告をカスタマイズした色を入れて下さいね。


このグーグルアドセンスのタグを使うと,僕に成果がカウントされますのであなたのタグと張り替えて下さい。(笑)


それと...密かにそして大胆に,このブログへのリンクを埋め込んでありますので,良かったらそのまま使って下さい。(^^)ちなみに気にならないような大きさの文字にしてあります。ヘッダーのアドセンスの右下を確認して下さい。


これでグーグルアドセンスを含んだテーブル一式が出来上がりましたので,トップページのhtmlソースに書き込みします。


注意!


カスタマイズは自己責任でお願いします。


なのでカスタマイズに慣れてない人は,必ず元のhtmlソースのコピーを取って,メモ帳などに貼り付けて保存しておいて下さい。そうすれば失敗してもやり直せますから安心です。


ライブドアブログなら,

ブログの設定/管理↓
デザインの設定↓
カスタマイズ↓
トップページ↓


ここでトップページのhtmlソースが出てきますので,ちょっと下にスクロールして<div id="blogcontainer">の前に先程のグーグルアドセンスを含んだテーブルタグを一式コピペして下さい。


分かりやすいように改行して間を空けたりしておけば,後で手直しする時など便利です。ちなみにその上の方はカスタマイズしてあるので少々見た目が違うと思いますが...


トップページのhtmlソースのココ!


これらのhtmlソースは,デザインによって色々と変わると思いますが,だいたい似たような感じなので頑張って下さい。


僕もカスタマイズする時は今でも,だいたいで検討を付けて貼ってみて確かめて,違ったら調整して張り替えたりしています。試しながらやってみて下さい。


貼り付けたら保存して,まずトップだけ再構築して正しく表示されるか確認してみて下さい。


《 追記 》 トップページが正しく表示されていたたら,個別ページとカテゴリーページのhtmlソースにも,同じ物をコピペしてから全ページを再構築して完成です。


わかりましたでしょうか?
謎があったらコメントして下さいね。ヾ ^_^


人気ブログ・ランキングへ


アフィリエイトの人気ブログランキングへ

何だかんだでA8.netが一番使いやすいです!


hidemaro55 at 23:10コメント(14)トラックバック(0)ブログカスタマイズ  
トラックバックURL

コメント一覧

1. Posted by hiropon   2006年02月05日 09:46
とりあえず、やってみます。感謝。
2. Posted by ひろぽん   2006年02月05日 11:03
おかげさまで、何とか形になりました。しかし、何故か、過去の記事には反映されないようです。これから、投稿する記事は、どうなんでしょうか?試してみます。
3. Posted by hiropon   2006年02月05日 11:06
追伸,
 
再構築はインデックスだけではなく、全ページで行ったはずです。
4. Posted by ひでまろ   2006年02月05日 11:12
ひろぽんさん どうもです〜
いやあ〜個別ページにも同じ書き込みをしなければできるはずがありませんでした。(汗)
スイマセン,挑戦してみて下さい。m(__)m
5. Posted by hiropon   2006年02月05日 12:14
 個別ページの書き込みはおわりました。カテゴリーページというのは、カテゴリーアーカイブのことなのでしようか。一応、こちらも終了しました。ひでまろさんの最初の説明ページにあった、

 プラグインの設定〜の頁からは、何故、巧くいかなかったのでしょうか? 何故、htmlページからはできたのでしょう。素朴な疑問です。
 
 今後、ページを更新するたびに、コードを貼らないといけないのでしょうか?
6. Posted by ひでまろ   2006年02月05日 12:59
hiroponさん どうもです〜
>カテゴリーページというのは、カテゴリーアーカイブのことなのでしようか?

その通りであります。

>プラグインの設定〜の頁からは、何故、巧くいかなかったのでしょうか? 何故、htmlページからはできたのでしょう。素朴な疑問です。

ちょっと意味がわかりませんでした。(^_^;
 
>今後、ページを更新するたびに、コードを貼らないといけないのでしょうか?

あとは何もしなくてもOKです。ヾ ^_^
7. Posted by 3流大学生ネットビジネスで稼ぐ   2006年02月05日 21:05
はじめまして・・

副業でどーんですか?

僕もそれを狙っている一人です。

こちらのサイトもよろしくお願いします
8. Posted by ひでまろ   2006年02月05日 21:15
3流大学生ネットビジネスで稼ぐさん どうもです〜
気持ちはわかりますが,そういうコメントだとイマイチですよ。(笑)
頑張って下さいね。ヾ ^_^
9. Posted by meg【みんなでスーパー主婦になろう♪】   2006年02月06日 01:14
ひでまろさん こんばんは^^
グーグルの設置は、livedoorブログの方が、簡単にできますね^^
もう1つのブログはFC2をつかっているので、個別記事にまでは、貼れないんです^^;
というか、そこまでの技量がないだけですが--;
もっと勉強しないとだめですね。
今日もありがとうございました!
ぽち
10. Posted by ひでまろ   2006年02月06日 07:41
megさん どうもです〜
FC2でもできますよ。
しかもアッチは再構築も無いから簡単。(笑)
でも,トップページと個別ページが別れてないから,ソースがたくさんあってどこだかわかりにくいかもです。
慣れてきたらチャレンジして下さいね。ヾ ^_^
11. Posted by ダイナマイトガール   2006年04月07日 06:14
はじめまして。なんとかFC2に貼り付けできました。横幅のサイズが合わなかったけどこれでいきます。ありがとうございます。 ポチッ
12. Posted by アフィリエイトブログ初心者入門!   2006年04月07日 07:05
ダイナマイトガールさん どうもです〜
お役に立てて光栄です。
パンク主婦って面白いですね。ヾ ^_^
13. Posted by ダイナマイトガール   2006年04月07日 20:06
5 ひでまろさんありがとう。書いてもらったとおり貼り付けたら、綺麗になりまた!!

あのテンプレートわざわざ探していただいたのですね、どうもすみませんでした。。

これからもひでまろさんのサイトに遊びにきますので、よろしくお願いします。

14. Posted by ひでまろ   2006年04月08日 12:31
ダイナマイトガールさん どうもです〜
上手くいって良かったです。笑
また遊びに来て下さいね。ヾ ^_^

コメントする

名前
 
  絵文字
 
 
内緒の話はメルマガで^^

休刊中です(^_^;

殿堂入りしました!^^

メルマガ登録・解除
 
記事検索
Archives
LINK

※諸事情によりトップリンクをやむなく厳選リンク集に移動しましたのでご了承下さい。リンク方法についても見直しています。

リンクについて 厳選リンク集1   副業支援ネット

QRコード
QRコード
  • ライブドアブログ

Copyright (C) 2005- hidemaro.livedoor.biz All Rights Reserved.