うはうはアフィリエイト： ブログとサイト作り

Google Adsense を、

ちょっと変わった位置に貼り付けたくて

調べていたら、

特定の場所に表示してくれる

JavaScript があるようだったので、

調べてみました。

document.lazy_writer というもの。

これを使うと、Google Adsense の表示位置に、

あらかじめ何か適当に表示しておき、

ページの描画が終わってから、Adsenseを挿入してくれるよう。

しかし、作者のページには解説が少ないので、

少し使い方を調べてみました。

次のように使うようです。

１．lazy_writer.jsを どこかに設定。

２．＜/html＞の後ろに、次のスクリプトを書く。

※　delay : 1000という部分は、遅延時間なので変更可能。

<script type="text/javascript"

src="【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終了 -->

３．今までアドセンスを設置していた場所には、次のタグを書く。

<div id="adsense_1" style="text-align: center;

　vertical-align: middle;">

<img height="画像の縦幅" border="0"

　width="画像の幅"

　src="【適当な画像のアドレス】" alt="Now loading..." />

</div>

※　adsense_1 は、adsense_2、adsense_3 の順。

※　IEだと動かない？

※　２００６年で開発終了

しかし、

現在はアドセンスの仕様が変わったため仕様不可

とのこと。

目的のものに近かっただけに、とても残念です。

次のサイトが参考になります。

document.lazy_writer

document.lazy_writerをバージョンアップ

ページレンダリングを妨げないdocument.write

ページレンダリングを妨げない広告挿入手法

AdSense広告を軽く表示させる