cookie consent機能を加える18-CookieYes | GDPR Cookie Consent-
この記事について
Hello World
CookieYes | GDPR Cookie Consentの無料プランで、言語の切り替え機能を追加する為に以下の確認を行う。
これら内容は以下レンタルサーバーでのWordPress環境を使用。
シン・レンタルサーバー![](https://www16.a8.net/0.gif?a8mat=3T8P7I+7KOKM2+CO4+1HLFVM)
![](https://www19.a8.net/0.gif?a8mat=3T8P7I+7KOKM2+CO4+1HMIGH)
各事項については以降に書いていく。
その他、環境整備に関する新情報。
同系列WordPress特化型レンタルサーバー
WordPress専用クラウド型レンタルサーバー『wpX Speed』![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+AL1GPM+CO4+ZQFQA)
![](https://www18.a8.net/0.gif?a8mat=3TCZ0D+AL1GPM+CO4+ZRXQP)
同系列安定型レンタルサーバー
格安ドメイン名取得サービス『Xserverドメイン』![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15OK2A)
![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15WWZL)
その他キャンペーン中WordPress対応レンタルサーバー
ロリポップ公式サイト![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AM8BX6+348+64Z8Y)
![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AM8BX6+348+6E71D)
ドメイン管理に関しては
格安ドメイン名取得サービス『Xserverドメイン』![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15OK2A)
![](https://www13.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15WWZL)
![](https://www18.a8.net/0.gif?a8mat=3TCZ0D+ANF74Q+348+1C1W8I)
![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+ANF74Q+348+1BRTKX)
![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+AMTRIY+50+2HHVNM)
![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AMTRIY+50+2HTO1D)
cookie consent機能を加える18-CookieYes | GDPR Cookie Consent-
Javascriptによる言語切り替え
Javascriptとは
ブラウザが読み込んだ後のWebページの情報に変更を加えられる物といった印象。
WordPressでの実装
カスタムHTMLブロックを使えば簡単にできそう。カスタムHTMLブロックについては以下の投稿を参照。
実装したテストコード
以下はWordPressのカスタムHTMLで直接入力したもの。
<button id="change_htmllang_bt" onclick="change_htmllang()">change cookie notice language to english</button>
<script>
function change_htmllang(){
var html_doc = document.documentElement;
if (html_doc.getAttribute("lang") == "ja"){
html_doc.setAttribute("lang", "en");
document.getElementById("change_htmllang_bt").innerText = "クッキーバナーを日本語表示にする";
}
else{
html_doc.setAttribute("lang", "ja");
document.getElementById("change_htmllang_bt").innerText = "change cookie notice language to english";
}
}
</script>
コードの内容
テストコードなので詳細は省き、以下に概要を残す。
- HTMLコードとJavascriptコードの2種
- HTMLコードは押すことでJavascriptが機動されるボタンの設置
- Javascriptコードはhtmlタグのlang内情報の読み書き等操作
要するに、htmlタグ内langのjaとenを入れ替えるボタンの配置
実際のボタン
下ボタンで言語の切り替えが行われる。
まとめ
JavascriptによりCookieYes | GDPR Cookie Consentの表示言語切り替えができる事を確認。また、Javascriptの起動はボタン以外の方法でも問題ない。霊感系ニートとしては、バナー内に言語切り替え機能があると好ましい印象。
よろしく。