当サイトで生成している RSS(野良feed):

dtpwiki.jpで提供しているサービス:

| トップページ |

2009.04.10

TypePad系で広告をSSIでランダムに切り替える

TypePad系(TypePad.jp、ココログプロなど)でバナー広告をローテーションさせたいとき。

インデックステンプレート: ad.inc

 
<div id="ad"
  >
  <!--#if expr="$DATE_GMT = /[0] GMT$/" -->
  <div id="ad_0">
    広告1
  </div>
  <!--#elif expr="$DATE_GMT = /[1] GMT$/" -->
  <div id="ad_1">
    広告2
  </div>
  <!--#elif expr="$DATE_GMT = /[2] GMT$/" -->
  <div id="ad_2">
    広告3
  </div>
  <!--#elif expr="$DATE_GMT = /[3] GMT$/" -->
  <div id="ad_3">
    広告4
  </div>
  <!--#elif expr="$DATE_GMT = /[4] GMT$/" -->
  <div id="ad_4">
    広告5
  </div>
  <!--#elif expr="$DATE_GMT = /[5] GMT$/" -->
  <div id="ad_5">
    広告6
  </div>
  <!--#elif expr="$DATE_GMT = /[6] GMT$/" -->
  <div id="ad_6">
    広告7
  </div>
  <!--#elif expr="$DATE_GMT = /[7] GMT$/" -->
  <div id="ad_7">
    広告8
  </div>
  <!--#elif expr="$DATE_GMT = /[8] GMT$/" -->
  <div id="ad_8">
    広告9
  </div>
  <!--#elif expr="$DATE_GMT = /[9] GMT$/" -->
  <div id="ad_9">
    広告10
  </div>
  <!--#else -->
  <!--#endif -->
</div>

上記のインデックステンプレートを用意しておき、広告を差し込みたいインデックステンプレートにて、

<!--#include virtual="/blog/ad.inc"-->

のように書きます。

動作原理は、SSIで、現在の時刻をとって、秒の1桁目が0~9で別のHTMLを返します(だから厳密に言うとランダムではない)。

実装例は今のこのブログの右サイドバーの広告。

これやると何がいいか、っていうと、ページソースをのぞいても1つの広告のソースだけしか見られないことです。結構気にしますよね。

2009.04.10 午後 06:22 [TypePad] |

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/19018/44627681

この記事へのトラックバック一覧です: TypePad系で広告をSSIでランダムに切り替える:

コメント

コメントを書く