javascriptでのHPデザインの振り分け

当方、保険の見積もりの比較サイトを運営しております。
全国版と京都版があります（１つのワードプレスで運営）
現在行いたい作業として、クッキーによるページの振り分けです。

http://www.tam-tam.co.jp/tipsnote/javascript/pos …
この方法を使って、京都版のトップページ.phpに

<script type="text/javascript">
$.cookie('ken','kyoto', {path:'/'});
</script>

と記載し、cookieに京都ですよと情報を持たせています。
これで、あとは他のページに遷移した場合、

もしcookieが京都だったらグローバルメニューはこのテンプレートを呼びなさい
このイメージ画像を使いなさいといった処理をしたいと思っております。


<script type="text/javascript">

$(function(){
if($.cookie("kyoto")){
<div id="header">
<?php include (TEMPLATEPATH . '/kyoto.php'); ?>
<img src="test.html/kyoto.jpg" alt="京都" />
</div>
}else{
<div id="header">
<?php include (TEMPLATEPATH . '/zenkoku.php'); ?>
<img src="test.html/zenkoku.jpg" alt="全国" />

</div>
})
})
</script>

上記だけでなくいろいろ試したのですが基本が分かっておらず、四苦八苦しております。どう実装すればよろしいでしょうか。

avascriptに詳しい担当が入院してしまいhtmlしか触ったことない私ではどうにもならない状態です。お知恵をお貸しいただければ幸いです。

No.2 ベストアンサー 回答者： warez 回答日時： 2014/10/05 14:11

振り分けを全部PHPでやるなら、こんな感じでしょうか。

<div id="header">
<?php if (isset($_COOKIE['ken']) && $_COOKIE['ken'] === 'kyoto'): ?>
<?php include (TEMPLATEPATH . '/kyoto.php'); ?>
<img src="test.html/kyoto.jpg" alt="京都" />
<?php else: ?>
<?php include (TEMPLATEPATH . '/zenkoku.php'); ?>
<img src="test.html/zenkoku.jpg" alt="全国" />
<?php endif ?>
</div>

この回答へのお礼

思った動きになりました。

本当に心より感謝申し上げます。
ソースを見るととても単純で、なんでこんなのができないのか恥ずかしい思いでいっぱいです。

誠にありがとうございました。

お礼日時：2014/10/06 20:41

No.1 回答者： ORUKA1951 回答日時： 2014/10/04 08:29

せっかくのPHPなのに何ゆえjavascriptを使う？

PHP側で、HTTP_COOKIEを解釈して、内容なりスタイルシートを変更すればよい。
javascriptを使用すとjavascriptが無効なユーザーエージェントには利用できないし・、もちろん検索エンジンに対応できない。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
JavaScript・・・【中略】・・・などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［ウェブマスター向けガイドライン（品質に関するガイドライン） - ウェブマスター ツール ヘルプ( https://support.google.com/webmasters/answer/357 … )］より

この回答へのお礼

無知で申し訳ありません。
ありがとうございます！勉強になりました。

お礼日時：2014/10/06 17:26