【GDPR対策】WordPressプラグインでCookie承諾バナーを設置。言語別で変更する方法も。

<div id="cookie-notice" role="dialog" class="cn-position-bottom cn-effect-fade cookie-revoke-hidden cookie-notice-visible" aria-label="Cookie Notice"
  style="background-color: rgba(50,50,58,1);">
  <div class="cookie-notice-container" style="color: #fff;">
    <span id="cn-notice-text" class="cn-text-container">よりよいエクスペリエンスを提供するため、当ウェブサイトでは Cookie を使用しています。引き続き閲覧する場合、Cookie
      の使用を承諾したものとみなされます。</span>
      <span id="cn-notice-buttons" class="cn-buttons-container">
        <a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="同意する(YES)" style="background-color: #00a99d">同意する(YES)</a>
        <a href="#" id="cn-refuse-cookie" data-cookie-set="refuse" class="cn-set-cookie cn-button" aria-label="いいえ(NO)" style="background-color: #00a99d">いいえ(NO)</a>
        <a href="http://fwbc.local/%e6%9c%aa%e5%88%86%e9%a1%9e/2470/" target="_blank" id="cn-more-info" class="cn-more-info cn-button" aria-label="プライバシーポリシー" style="background-color: #00a99d">プライバシーポリシー</a>
      </span>
      <span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="いいえ(NO)"></span>
    </div>
  <div class="cookie-revoke-container" style="color: #fff;">
    <span id="cn-revoke-text" class="cn-text-container">いつでも「同意を取り消す」ボタンから同意を取り消すことができます。</span>
    <span id="cn-revoke-buttons" class="cn-buttons-container">
      <a href="#" class="cn-revoke-cookie cn-button" aria-label="同意を取り消す" style="background-color: #00a99d">同意を取り消す</a>
    </span>
  </div>
</div>

// DOMの構築を待つ
window.addEventListener('DOMContentLoaded', cookieLangChange);
function cookieLangChange() {
  var
    noticeText = document.getElementById('cn-notice-text'), // メッセージ
    acceptCookie = document.getElementById('cn-accept-cookie'), // 同意ボタン
    refuseCookie = document.getElementById('cn-refuse-cookie'), // 拒否ボタン
    moreInfo = document.getElementById('cn-more-info'), // プライバシーポリシー
    revokeText = document.getElementById('cn-revoke-text'), // 取消メッセージ
    revokeButtons = document.getElementById('cn-revoke-buttons'); // 取消ボタン

  if (document.documentElement.lang === 'en') {
    noticeText.innerHTML = 'To provide you with a better experience, we use cookies on this website. By continuing to browse, you consent to the use of cookies cookies.'
    acceptCookie.textContent = 'Accept'
    refuseCookie.textContent = 'Reject'
    moreInfo.textContent = 'Privacy Policy'
    revokeText.textContent = 'You can revoke your consent any time using the Revoke consent button.'
    revokeButtons.textContent = 'Revoke consent'
  } 
}