現在ブログの記事下にバナー広告やテーブルで組んだ広告を掲載しているのですが、これらの広告は既製のものを使うのではなく、送られてくるメルマガやその他の情報からテーマや商品をセレクトして、自前で広告に作り上げて掲載するようにしてきました。そして最近は、この広告制作もルーチン化できるようになりました。
そうなると、次の改善テーマが欲しくなるのです。(嫌な性格ですね)…その改善テーマは、ココログの記事下に、ランダムにバナー広告を表示させせれないかというものです。
現在は、記事を書いた後に、HTMLで組んだ広告を一点一点記事に追加しているのです。追加しなくてもスタイルシートに書き込む方法もあるのですが、これだと、スタイルシートを変更するまで同じ広告が表示されるのです。
…むむ。そうか、…ということは、スタイルシートに「ランダムにバナー広告を表示させるスクリプト」を組み込めば、AmazonやGoogle AdSenseと同じように、ページを表示させるたびに「違うバナー広告」ランダムに表示できる。
じゃ。やってみよう…なんて、身の程知らずのことを思いついてしまったのです。何故なら、私は簡単なHTMLしか分からないのですから…
とりあえずはGoogleで「ランダム 広告 表示」で検索したら、色々と出てきました。そこで2日ほどかけて色々と調べてみたのです。結果スクリプトにある種のパターンがあるところまでは理解できたのですが、それ以上は専門用語が多すぎて前に進むことはできませんでした。「ランダムにバナー広告を表示させるスクリプト」はここで挫折か…。
そう思ったのですが、諦められない性格の私は、「ランダム広告表示」というページで分かりやすく説明をされていた、no title ( ホームページ作成支援を行っているサイト )の管理人・山カズさんにメールで相談してみたのです。
そうしたら、即、次のようなスクリプトを送って頂きました。
/*-----↓ここから↓-----*/
<script language="javascript" type="text/javascript">
<!--
function random(){
url = new Array(広告数);
img = new Array(url.length);
i = Math.floor(Math.random( ) * url.length);
url[0]="広告用URL";
img[0]="広告画像用URL";
url[1]="広告用URL";
img[1]="広告画像用URL";
url[2]="広告用URL";
img[2]="広告画像用URL";
/*これ以降は、3,4,5と数字を増やしてください。*/
document.write('<a href="'+url[i]+'" target="_blank">');
document.write('<img src="'+img[i]+'" border="0"></a>');
}
random();
-->
</script>
/*-----↑ここまで↑-----*/
ランダムに表示したい「広告用URL」と「広告画像用URL」をセットにして複数用意して、[0]〜[X]の順番に書き込み、その広告点数を、url = new Array(広告数); の( )内に数字で記入すればOKです。
これをココログ・プロの本分下に埋め込む場合は、
バックナンバーテンプレートのIndividual Archivesの…
<a href="<$MTEntryPermalink$>">固定リンク</a> </p>
[ココに]
<MTEntryIfAllowPings>
<h2><a id="trackback"></a>トラックバック</h2>
<p>この記事のトラックバックURL: <br /><$MTEntryTrackbackLink$></p>
これであとは保存して反映すればOKです。ページが表示される度にランダムに広告が表示されるようになります。
上のスクリプトは「ランダムにバナー広告を表示させるスクリプト」ですが、次はなんとかテーブルに組み込んだ広告表示にもチャレンジ(私の能力ではないのですが)してみようと考えています。