ページを開いた瞬間に外部ページを表示させるAjaxサンプル
2007年05月24日 公開

上の画面のように、サイトを訪問したときに、外部サイトを表示させるスクリプトのサンプルです。
広告やお知らせなんかに使えるのではないでしょうか。
Dynamic Drive DHTML Scripts- Interstitial Content Box
からのお届けです。
訪問するとデモが見れます。
詳細は以下に
ステップ1)ダウンロード

まずは画面中央ぐらいにある上記リンクから各種ファイルをダウンロードしてください。そして同一フォルダに保存してください。
カスタマイズ
interstitial.jsを開いて簡単な編集を
var interstitialBox={
//1) list of files on server to randomly pick from and display
displayfiles: ['samplecontent.htm', 'samplecontent2.htm'],
読み込むファイル名をここで指定してください。
htmが二つあるのはランダムでどちらかを読み込むように書いています。
//2) display freqency: ["frequency_type", "frequency_value"]
displayfrequency: ["chance", "3"],
["chance", "3"] は1/3の確立で表示されるという意味。
つまり1は100%表示される。
["cookie", "session"] に変更すると、ブラウザが起動したら一度出る。
ブラウザを閉じるまで、同じユーザーに対してでない。という意味。
["cookie", "5"] は、5日に1回という意味になる。
この辺は独自にカスタマイズして欲しい。
//3) HTML for the header bar portion of the interstitial box
defineheader: '<div class="headerbar"><a href="#" onClick="javascript:interstitialBox.closeit(); return false"><img src="closeit.gif" style="border: 0" title="Close Box"/></a></div>',
//4) cookie setting: ["cookie_name", "cookie_path"]
cookiesetting:["stitialcookie", "path=/"],
//5) bust caching of pages fetched via Ajax?
ajaxbustcache:true,
//6) Disable browser scrollbars while interstitial is shown (Only applicable in IE7/Firefox/Opera8+. IE6 will just auto scroll page to top)?
disablescrollbars: true,
//7) Auto hide Interstitial Box after x seconds (0 for no)?
autohidetimer: 0,
簡単なカスタマイズはこれで出来ます。
あとは概観を変えたければinterstitial.cssを開いてカスタマイズしてください。
結構簡単に設置できるかと思いますよ。