Согласие на использование файлов cookie Javascript: установка файлов cookie Google Analytics после включения
Мне нужно дать согласие на использование файлов cookie для моего нового веб-сайта (GDPR), но я не очень хорошо знаком с Javascript. Я пробовал более 10 часов, но не могу заставить его работать.. Я хочу показать уведомление о файлах cookie, где люди могут принимать только файлы cookie.
- После принятия будут установлены файлы cookie Google Analytics. После этого уведомление нужно скрыть.
- При отсутствии ответа уведомление о файлах cookie останется, но не файлы cookie.
Это HTML- блок уведомления о файлах cookie, который я поместил в свой footer.php:
<div id="cookies" class="cookies">
<div class="container">
<span>We use cookies to improve our website. Read also our <a href="privacypolicy.php">privacy policy</a>.</span>
<button id="optin" class="btn">Accept</button>
</div>
</div>
Это одно из решений Javascript, которое я пробовал включить в свой header.php, где UA-XXXXXXXXX-Y - это код моей учетной записи Google Analytics:
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-Y"></script>
<script>
var window['ga-disable-UA-XXXXXXXXX-Y'] = true;
function optin() {
document.getElementById("optin").window['ga-disable-UA-XXXXXXXXX-Y'] = false;
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXXXXX-Y', {'anonymize_ip':true});
document.getElementById("cookies").classList.add('cookies-hidden');
}
</script>
Я много искал (также похожие вопросы SO) и пробовал все виды кода, но я просто не понимаю, как заставить его работать в Javascript красивым и простым способом.
Я хочу, чтобы файлы cookie устанавливались, когда кто-то нажимает кнопку "optin" (которая сейчас не работает), а также чтобы уведомление было скрыто после того, как кто-то принимает файлы cookie. Сейчас уведомление появляется снова каждый раз, когда я захожу на другую страницу. Как мне это сделать?