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

質問

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

http://www.tam-tam.co.jp/tipsnote/javascript/post3109.html
この方法を使って、京都版のトップページ.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 · ベストアンサー

振り分けを全部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>

お礼

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

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

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

回答No.1

ORUKA1951

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

お礼

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