日本語と英語のサイトを制作する際に、言語の切り替えをしたいという要望があると思いますが、サイト訪問時に切り替わっていたら便利かなと考え、以下を実装しました。
- PHPとjquery cookieで実装
- ブラウザの設定言語を確認して、日本語の設定が入っていなければ訪問時から英語の表記にする
- 言語切替のボタンは別途設けており、切り替えを行った方にはCookieを生成
- ブラウザの設定言語よりCookieの情報を優先して表示する
1. ブラウザの設定言語を確認する
$_SERVER['HTTP_ACCEPT_LANGUAGE']で、環境変数を調べて
日本語(ja)が入っているかどうかを調べます。
<?php
class Language{
private $lang;
public function languageSet() {
if (!empty($_SERVER['HTTP_ACCEPT_LANGUAGE'])):
// ブラウザにより取得できる値が復数になる場合があるので、配列にします
$arrs = explode(',', $_SERVER['HTTP_ACCEPT_LANGUAGE']);
// array_reverseで、第一候補の言語からループでチェックできるようにします
$arrs = array_reverse($arrs);
// 今回は2言語しかないので、上のarray_reverseは特に必要ないですね
foreach ($arrs as $arr) {
if (preg_match('/^ja/i', $arr)) {
$lang = 'ja';
} else{
$lang = 'en';
}
}
else: // 万が一設定言語の値が取れなかった場合は、デフォルトで日本語を表示するようにする
$lang = 'ja';
endif;
return $lang;
}
}
?>
2. 意図的に言語切替のボタンを押下された場合には、Cookieを生成
こちらはjquery cookieを使って生成しました。
詳しくはTipsNote過去記事『jQueryプラグイン「jquery.cookie.js」でcookieを簡単に扱う』をご覧ください。
$.cookie('language', 'en', {expires:30, path: '/'});
$.cookie('language', 'ja', {expires:30, path: '/'});
languageというCookieの値が、jaなのか、enなのかで後程判定します。
（保持する期間は30日間になってます）
3. 1.2.を踏まえて、いざ表示
条件としては以下の通り
・ブラウザの設定言語に日本語が含まれており、$_COOKIE['language']の値が『en』ではない
・ブラウザの設定言語に日本語が含まれておらず、$_COOKIE['language']の値が『ja』である
→ 日本語表記
それ以外は
→ 英語表記
<?php
if(
($lang -> languageSet() == 'ja' && $_COOKIE['language'] != 'en')
||
($lang -> languageSet() == 'en' && $_COOKIE['language'] == 'ja')
):
?>
日本語表記
<?php
else:
?>
英語語表記
<?php
endif;
?>
※ 普段このような改行は行わないのですが、見づらいので…
以上で、少し親切な言語切替が実現出来たかなと思います。
※ 尚、現在『jQuery.cookie』は、開発もメンテナンスも終了。
今は同じ作者さんが、jQuery不要なライブラリ『JS Cookie』というのを開発しています。
https://github.com/js-cookie/js-cookie