Web制作 ミニ四駆Web制作

JavaScriptで特定地域にターゲット広告を表示

投稿日:

javascript-
ある特定の都道府県だけ表示したい広告を作ったので、そのコードを公開します!

1.Google AJAX APIを読み込み

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

外部JavaScriptファイルを読み込みます。

2.広告リンクの設定

JavaScriptで以下のように記述します。

(function(){
  // Google AJAX APIで都道府県を取得し、your_regionに格納
  var your_region=google.loader.ClientLocation.address.region;
  //リンク設定
  links = new Array
  links[0] = 'リンク0';
  //地域設定(links[n]と連動)
  regions = new Array
  regions[0] = new Array('長崎県','佐賀県','福岡県','熊本県','大分県');
  //表示する広告を選択
  select = new Array;
  select_i = 0
  for(i=0;i<regions.length;i++){
    if(regions[i].indexOf(your_region)!=-1){
      select[select_i]=links[i];
      select_i++;
    }
  } //表示
  if(select_i>0){
    var number = select.length;
    var number2 = Math.random();
    var random = Math.round( (number-1) * number2);
    document.write(select[random]);
  }
})();

3.解説

リンク0(links[0])は、長崎県付近の方のみ表示されるように設定されています。

これを応用すると、長崎県なら長崎・佐賀・福岡・熊本・大分に表示、熊本県なら・・・というのを全て設定しておきます。そうすると有効に広告が出せるんじゃないでしょうか?



-Web制作, ミニ四駆Web制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

PHPのコーディング規則、PSRを学ぶ(3)

PHPのコーディング規則、PSRを学ぶ(2)の続きです。 今回はPSR-0, 1, 2を日本語に翻訳してみましたさんのPSR-0(日本語)を読んでみます。 1.本文の冒頭を読んでみる 以下、オートロー …

no image

ミニ四駆ブログまとめ RSS読み込み速度の改善

更新時、非常に重い思いをしていたRSS読み込み速度が改善されました。 読み込み時間が約1/3くらいになったと思います。 わかったブログ – 複数のRSSフィードを高速でまとめる方法を参考に …

no image

意味がない意味のある行動

一つの面で見れば必要ないことをやりました。 何をやった? 昔のブログのミニ四駆の記事を更新しました。 水S1井桁 製作日記(0)-作成する前にを始めとする、水S1井桁 製作日記(0)~(10)までちゃ …

cakePHP in XAMPPの高速化(仮)

そこの貴方! 何故かローカルだけcakePHPがとても遅く困っている貴方! 1つアドバイスがある! アドレスを「localhost/~」から 「127.0.0.1/~」に変えてみな! 私はそれで解決し …

[Meisyo]スマホ対応の進行と新要素の追加準備

名将と呼ばれた者達更新情報です! 現在、下記内容を進めています。 ・スマホ対応 ・選手強化方法の追加(強化合成) ・ミニゲームの追加 ・スマホアプリ作成 スマホ対応の進行 スマホプレイを快適にできるよ …