cookie consent機能を加える18-CookieYes | GDPR Cookie Consent-

この記事について

Hello World

CookieYes | GDPR Cookie Consentの無料プランで、言語の切り替え機能を追加する為に以下の確認を行う。

• Javascriptによる言語切り替え

これら内容は以下レンタルサーバーでのWordPress環境を使用。

シン・レンタルサーバー

各事項については以降に書いていく。

その他、環境整備に関する新情報。

同系列WordPress特化型レンタルサーバー

WordPress専用クラウド型レンタルサーバー『wpX Speed』

同系列安定型レンタルサーバー

格安ドメイン名取得サービス『Xserverドメイン』

その他キャンペーン中WordPress対応レンタルサーバー

ロリポップ公式サイト

ドメイン管理に関しては

格安ドメイン名取得サービス『Xserverドメイン』 MuuMuu Domain! お名前.com

cookie consent機能を加える18-CookieYes | GDPR Cookie Consent-

Javascriptによる言語切り替え

Javascriptとは

ブラウザが読み込んだ後のWebページの情報に変更を加えられる物といった印象。

WordPressでの実装

カスタムHTMLブロックを使えば簡単にできそう。カスタムHTMLブロックについては以下の投稿を参照。

• WordPress初歩6-HTMLとCSS-

実装したテストコード

以下は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コードの２種
• HTMLコードは押すことでJavascriptが機動されるボタンの設置
• Javascriptコードはhtmlタグのlang内情報の読み書き等操作

要するに、htmlタグ内langのjaとenを入れ替えるボタンの配置

実際のボタン

下ボタンで言語の切り替えが行われる。

change cookie notice language to english

まとめ

JavascriptによりCookieYes | GDPR Cookie Consentの表示言語切り替えができる事を確認。また、Javascriptの起動はボタン以外の方法でも問題ない。霊感系ニートとしては、バナー内に言語切り替え機能があると好ましい印象。

よろしく。