Google AdSense広告って意外と重くないすか？(´д｀)

そこで、とあるツールを使用して、AdSenseを読み込んでいる時は、ローディング中という画像が表示させておき、一気にサイト全体を表示させてから、 AdSense部分を読み込ませるという手法を使えば、サイトは軽く、AdSense広告部分のみを、すぐその後に読み込み表示させるという事ができます。タイトルは軽く表示させるとなってますが、要するに、サイト全体を読み込んでから広告だけを別に読み込ませるというだけです。既出だよ！ウルセェって人はスルーして下さいませ...。

今回は、document.lazy_writerというjavascriptを使用します。まず、こちらのサイトから、lazy_writer.jsをダウンロードし、ご自分のサイトのサーバーなり、ブログなりに、アップロードしておきます。

そして、ローディング中画像は、作成するもよし、適当に配布サイトからダウンロードするもよし、もし、宛がなく、綺麗な画像が欲しいのでしたら、Ajaxload - Ajax loading gif generator こちらのサイトで、広告の幅や大きさなどに合わせ、ローディング画像が作成できます。

後は、簡単。サイト、ブログのhtmlタグの閉じタグ（</html>タグ）の後、後ろ側というか、次の行に、

<script type="text/javascript" src="http://hogehoge.com/lazy_writer.js"></script>
<script type="text/javascript">
var adsense_url = 'http://pagead2.googlesyndication.com/pagead/show_ads.js';
document.lazy_writer(adsense_url, function(str){
    var id = "adsense_" + this.script_count;
    document.getElementById(id).innerHTML = str;
}, {delay : 1000});
</script>
<!-- adsence1 -->
実際のAdSense広告1のスクリプトタグをココに貼り付け。
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- adsence1終了 -->
<!-- adsence2 -->
実際のAdSense広告2のスクリプトタグをココに貼り付け。
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- adsence2終了 --> 

と、書きます。最初のこのlazy_writer.jsの設置URLは、それぞれのアップロードしたURLに書き直して下さい。delay : 1000という部分も、お好きなディレイタイムに変えても構いません。

実際のAdSenseスクリプトタグは、「実際のAdSense広告のスクリプトタグをココに貼り付け。」という部分に設置します。

そして、今までAdSense広告スクリプトタグを挿入していた部分には、

<div id="adsense_1" style="text-align: center; vertical-align: middle;">
<img height="画像の縦幅" border="0" width="画像の幅" src="hogehoge.com/image/ajax.gif" alt="Now loading..." />
</div>  

と、書きます。id指定部分のadsense_1が、上に書きましたが、最初に変更したhtmlタグの外に設置した部分の、<!-- adsence1 --> の中が表示されます。画像のURL、alt指定、画像のpx指定は、ご自分の画像アップロードした場所などに、書き換えてお使い下さい。id要素の数字がhtmlタグの後ろに書かれている実際のadsenseタグの順番の数字になります。

これで、完了。実際に設置すると、いかに全体の表示が早くなったか、実感できると思います。

アイラブメーカーなんてもんを発見した。I love ○○と言えば.....うちでは、鉄板！

て、事で即作ってみる悪い癖。ていうか、Blosxom LOVE叫びすぎ！うるさいんだよ！みたいな。でも、一応保存エントリ。これは自作じゃないので、all about blosxomに載せたりはしない。ていうか、それこそしつこい。

　

　　

......ウザす。.....いないと思うけど、使いたい方はご自由に。ご利用は計画的に。

追記：
自分で書いて、自分で見て、激しくウザす！なんだか催眠術にでもかかりそうな画像配置だね♪と思ったら、早速設置した星に不快ってついたじゃないか！ほら見た事か。

ちょっと前に、はてなスターを設置したわけですけど、これは、はてなアカウントを持っていてログインしていないと星を付ける事ができません。まぁ、別にそれでもいいんですけど、ちょっといい感じの5StarRatingをしてくれるWidgetを発見。遅いかもしれない。もう既出なんだよ！って感じかもしれない。

outbrain - Content Ratings & Recommendations

ちょっと星がでかい感じはするけど、なんだかいい感じ。これなら、はてなアカウント持ってなくても、誰でも気軽にエントリ読んだら、ちょっとした感想として星評価を残せるってのが魅力。海外のサービスにも関わらず、しっかり日本語対応してるのもいいね！

て、事で、はてなスターは詐欺まがいの設置ではてなスターが設置されてる事すら気がつかない事もあるので、設置しちゃおう。ちょっと表示が大きいので、記事の下の下に…。だからはてなスター撤去しちゃおうかと思ったけど、実は、私の超信頼おいてる人が、みんながなかなか付けてくれないはてなスターを、ちょこちょこと付けてくれたりするので、はてなスターもそのままにして設置します。なんだか邪魔くせー！ってなったら撤去します。なんかごちゃごちゃしてきました。そのうち整理と。

参考サイト

pastel blog :: ブログ記事を星で評価してもらう
5StarRatingのウェブサービスを試してみる：outbrain｜Materializing

て、事で、皆さん、読んだら気軽に星つけちゃいなYO！ついでに、はてなスターも押しちゃいなYO！(ﾟ⊿ﾟ)

あーあ、買っちゃいました。本当は今のauを基本プランを安くして、手帳使って半額にしてもらって、んで周りのソフトバンクユーザーの人とは、２台目のソフトバンクの安い携帯買って、やりとりすれば、かなーり携帯料金安くなる事に気付いて、ソフトバンクの何の機種買うか選んでたんだけど、ま、今なら旬のiPhoneなんだろうけど、私が見つけてしまった、そして一目ぼれしてしまった携帯・・・それが、これだ！

SoftBank | 913SH G

要するに、シャア専用携帯ってヤツですわ。買っちゃいました。シャアザクの頭が充電台になるっていうね。たかが一機種の携帯なのにオフィシャルサイトまであるっていうね。いざ、届いてみるとやりすぎだろ！ってぐらい手が込んでますわ。受電台に乗せるとモノアイっていう、いわゆるザクの目が左右に動いてみたりとか、着信音には、シャアの声とかシャア関連音楽がこんなに？！ってぐらい入ってたりとか。むしろ、普通のピピピとかいう音は一切入ってないっていう、ちょっとやりすぎな面もありますが。

まぁ、本来10万近くする物なんだけど、実質サービスパックで値引きされる値段を計算してみたら、3万弱くらいなんで、クソたけー！ってわけでもないんだけど、当初の目的とは違う方向へ行ってしまった感じ。しかし、ザクの頭の充電台は、ぐらついてて、ちょっと揺れても携帯がはずれて充電できないんで、充電台としては、まったく使い物にならないので、ただのフィギュアみたいに飾りと化してます。

でもー！携帯自体は、ホントまじかっこいいんで、後悔はしてませんけどね！・・・私、ガンヲタって訳でもないんだけどなぁ。世代的にガンダム世代だしシャアは好きってぐらいなんだけど、この携帯にはやられましたわ。携帯自体の細かい作りとかは、↓のサイトでも見てくれればわかります。

写真で見る“シャア専用ケータイ”「913SH G TYPE-CHAR」 (1/2) - ITmedia +D モバイル

余談ですけど、友達とキャバクラに入ろうと黒服と値段交渉してたら、うちの親父がソフトバンクユーザーなもんだから、シャア携帯の方にかけてきて、ポケットから取り出そうとしたら、その黒服が「シャア携帯ですか？！いいっすよねぇ・・・」って、お前は音だけでシャア携帯だって気付くくらいガンヲタだったのか！ってビビりました。ま、着信音にはシャアの名セリフ集みたいなのは、さすがにはずかしいので、BGMみたいなのにしてます。だって、街中でいきなり「見せてもらおうか！連邦軍のモビルスーツの性能とやらを！」ってシャアの声が鳴り出したら、ガンヲタ発見！と思われちゃうでしょう。秋葉いけよ！とか言われそうでしょう・・・。

ちょりーっす！昨日というか、今日も眠れず徹夜で妙にテンションの高い私です。別にやることなくてあまりに暇だったので、またまた自己満足blosxomバナー作っちゃいました。でも、今回はただのバナーではなくて、趣旨を変えてみて、お題はというと！

なにを隠そう世界の中心でBlosxom LOVEを叫ぶバナー！！I LOVE Bosxom!を主張するバナーという感じで。キャッチコピーも、時代遅れな感は否めないですが。

サイズは120x120と何かと便利な96x96と小さな31x31です。31pxのバナーは小さすぎて文字が読めないのはご愛嬌。しかも jpg だから、微妙に重いのも、愛があれば乗り越えられる！要は気持ちですよ！気・持・ち！例のごとく、使いたい方はご自由にどうぞ（直リンクはやめてね。DLしてね。）。持っていって気持ち張ってみたけど、やっぱり飽きたからポイとか全然あり、可変、修正、加工、もう何でもやっちゃって下さい。....ま、またどうせ使ってくれる人など、ほとんどいないでしょうけどね！私は一人でも叫びますよ！

ちなみに、all about blosxomのBlosxomStarterKitBanner - 言い訳とかのページにも紛れ込ませました。イヒ(ﾟ⊿ﾟ)

ちょっと黒ずんできてたので、シルバーアクセを全部磨きました。ピッカピカとまではいかないけれど、なかなかキレイに磨けたかなぁと。という事で、写真をアーーップ！

このごつーいリング、今の私の超お気に入り。これで人殴ったら凶器になりそうな感じです。これ、2連のリングに見えますけど、1個のリングです。後ろで2個のチェーンがとまってて、その2個のチェーンに指を通す感じ。重そうだけど、これは意外と重くありません。私、昔からこういうゴツイ系のアクセが大好きなんですよね。パンク系ゴスロリが好きなのも、その系統からきてるのかも。一時期は、リスカの後を隠す為に、パンク系のロッカーが付けそうな黒い革に石がごつごつ出てる太いバングル付けてました。さすがに、水商売には合わないのでやめましたけど。

これは、今の左腕。DIESELのマークが入ってるのは腕時計です。ココがパカッと開きます（パカッと開いた写真は、時計開いてるバージョンをご覧下さい。）。ジャラジャラ付けるのが好きなので、ターコイズのブレスレットと細めの石がついたバングルを一緒に付けてます。時計は、ぶっちゃけ、ちと重いですけど、これぐらいのボリュームのチェーンだから、多少のずっしり感はないと、逆に不自然。お風呂以外は、時計も常につけっぱなしなので、取ると腕が軽くて違和感感じます。

この写真は、シルバーネックレスを2個重ね付けしてるものです。かなり丁寧に磨いたので、それなりにキレイになったかと。なかなか、カッコイイでしょう。フフフ。この下のネックレスの方は、ホントは石だけのネックレスなんだけど、それにオプションで、3連のリング状になっているものを重ね付けしてます。これが、私のこだわり所。寝てても付けっぱなしなので、ジャラジャラうるさいのと邪魔てのは多少あるけど、こまめに付けたりはずしたりするタイプじゃないんです、私は。右腕のバングルの写真もいつも付けっぱです。さすがにお風呂と温泉の時は、はずしますけどね。入浴剤とか温泉の硫黄成分に反応して、変色しちゃうので。ホントは、取りたくない...。

指輪もそうですけど、全部私の今のお気に入りです。ホントは、右腕にもう1個バングルしてたんですけど、かなり高かったのに気に入ってたのに、酔っ払った時に、人にあげちゃいました。それも元旦那に...orz。結婚指輪代まで離婚する時に取られたのに、なんでプレゼントしちゃったんだろう。クゥ、悔やまれますが、もうそのシリーズの物は売っていなくて、手に入れることができないので、いつかサラリと「返してくれない？」とか言おうかなーと思ってます。たぶん返してくれないだろうけど。

まぁ、今の私のシルバーアクセ付け状態の披露でした。それにしても私って肌キレイだなぁ、とか誰も言ってくれないので自分で言ってみるテスト。

どうやら、また、何かライブラリがバッティングしてるみたいで、IEでアクセスすると、アクセスできたりできなかったりとか、最初はアクセス不能で、リロードするとアクセスできたりとか...。まったくもって意味不明。というか原因不明。サイドバーの折りたたみを設置した時点では、アクセスできていました。その後に追加したライブラリといえば、はてなスターかあれこれPOPUPなんだけど、あれこれPOPUPは、prototype.jsとバッティングしないように、修正版を入れたんだけどなぁ。

一旦、はてなスターのJSファイルとあれこれPOPUPを、読み込まないように書き換えたんだけどダメ。サイドバー設置時点までファイルを戻してもダメ。いったい何がいけないんだよ！もうヽ(｀Д´#)ﾉ ムキー！

という事で、またまた皆さんにご協力願いたく、うちのソース見て、ここが変だよとか、IEからの人はやっぱり見れないよとか、ここがぶつかってるんじゃない？とか、助言頂きたく、お願い致します。どんな小さなくだらない事でもいいので、何か気になったら言って下さい。宜しくお願いします。

ちなみに、UGの方は、ちょっと別のテスト中でアクセス不能になってます。こちらは関係ありませんので、あしからず。

追記：
なんか解決したぽい。たぶんコレでIEでもエラーも出ずアクセスできるはず。それでもダメだよーって方は、またご報告お願い致します。メールでも構いません。メアドは、ck2master@gmail.com までご連絡下さい。宜しくお願いします。