RのWeb制作

Webサービス制作のための技術情報を。データ分析(Python、機械学習コンペ他)や自作野球ゲームMeisyoのこと中心。

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制作

執筆者:


comment

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

関連記事

Meisyo作者がサービスを作るにあたっての考え方

私は、以下の考え方に違和感を覚えている。 いかにそのサービスに、ゲームに集中、執着させるか。 ゲームであれば、毎日何時間も時間を使わせて、注目させて、お金を支払うように仕向けるべきである。 無課金ユー …

駆け出しエンジニアは本当にフロントエンドエンジニアを目指すべきなのか

最近、駆け出しエンジニアをTwitter上で数多く見るようになりました。 ただ、揃いも揃って「フロントエンドエンジニア」になりたい(意訳)とプロフィールに書いてあります。 なぜでしょうか。 それは何が …

[Meisyo]第2回公式戦決勝戦

名将と呼ばれた者達、第2回公式戦決勝戦がありました。結果をお伝えします。 (ゲームにログインしていれば、こちらから結果を見ることが出来ます) オモテ: 都立東京読売巨人高校 チーム総合力:115.12 …

(VPSでつくる) WinSCPでFTP接続

連載第十回目です。 これまではVPSサーバーに対し、viエディタで色々なファイルを編集してきました。 ただ、今後はFlaskアプリなど、かなり作り込んだサービスの導入テストを行いますので、一ファイルず …

[Meisyo]ゲームのUIを改善し続ける意味とは

1ヶ月に3回はUIが変わっているMeisyo。 何故変え続けているのか。 説明しよう! 今悪いポイント 簡単に言うと新規登録ユーザーさんが定着しない! チュートリアルでも最終ステップまでの到達率が75 …