Как добавить на сайт форму согласия на использование cookies

12
M3
На сайте с 09.02.2022
Offline
85
#11
Asmin #:

Там не всё надо использовать.

там конечно гибкие настройки и их очень много, но я не понял зачем их все использовать)
у себя что-то подобное для "видимости" запилил, на всякий пожарный)

<!DOCTYPE html>
<html lang="ru">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Всплывающее сообщение о куки</title>
        <style>
                .cookie-popup {position: fixed;bottom: 20px;left: 20px;background-color: #333;color: #fff;padding: 15px;border-radius: 5px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);display: none;z-index: 1000;font-family: Arial, sans-serif;}
                .cookie-popup button {background-color: #4CAF50;color: white;border: none;padding: 8px 15px;margin-left: 10px;border-radius: 3px;cursor: pointer;}
                .cookie-popup button:hover {background-color: #45a049;}
        </style>
</head>

<body>
        <div id="cookiePopup" class="cookie-popup">
                Наш сайт использует куки
                <button onclick="acceptCookies()">ОК</button>
        </div>

        <script>
                // Функция для получения значения куки по имени
        function getCookie(name) {
            const value = `; ${document.cookie}`;
            const parts = value.split(`; ${name}=`);
            if (parts.length === 2) return parts.pop().split(';').shift();
            return null;
        }

        // Проверка статуса принятия куки при загрузке
        window.onload = function() {
            const cookiesAccepted = localStorage.getItem('cookiesAccepted') === 'true' || getCookie('cookiesAccepted') === 'true';
            if (!cookiesAccepted) {
                document.getElementById('cookiePopup').style.display = 'block';
            }
        };

        // Функция для принятия куки
        function acceptCookies() {
            // Сохранение в localStorage
            localStorage.setItem('cookiesAccepted', 'true');
            // Сохранение в cookie (хранится 365 дней)
            document.cookie = "cookiesAccepted=true; max-age=31536000; path=/";
            // Скрытие всплывающего окна
            document.getElementById('cookiePopup').style.display = 'none';
        }
        </script>
</body>

</html>
Asmin
На сайте с 25.07.2021
Offline
78
#12
master32 #:
там конечно гибкие настройки и их очень много, но я не понял зачем их все использовать)

В моём случаи одним скриптом не обошлось. Потребовалось кроме обработки гугл аналитики и яндекс метрики, ещё обрабатывать и адсенс. С блокировкой блоков рекламы если нет согласия. Всё это упаковать в отдельное расширение. Реализовать этот скрипт помог чат жпт. Собственно это он и дал мне ссылку на этот скрипт. 

M3
На сайте с 09.02.2022
Offline
85
#13
Asmin #:

В моём случаи одним скриптом не обошлось. Потребовалось кроме обработки гугл аналитики и яндекс метрики, ещё обрабатывать и адсенс. С блокировкой блоков рекламы если нет согласия. Всё это упаковать в отдельное расширение. Реализовать этот скрипт помог чат жпт. Собственно это он и дал мне ссылку на этот скрипт. 

это наверно не для РКН)

SA
На сайте с 12.04.2024
Offline
32
#14
Можно отсюда https://freecookie.net/
Asmin
На сайте с 25.07.2021
Offline
78
#15
master32 #:
это наверно не для РКН)

Я роскомпозор вообще на рассматривал. Как вы поняли использую для GDPR . Но согласие cookie идёт в придачу. 

menn
На сайте с 12.11.2010
Offline
133
#16
alexverem #:

спасибо, тут выше писали что предупреждение по кукис надо для буржунета только, у нас нет таких точно требований?

есть требования. клиенту пришло предупреждение с РКН... сайт фирмы.
Станислав
На сайте с 27.12.2009
Offline
253
#17
master32 #:

там конечно гибкие настройки и их очень много, но я не понял зачем их все использовать)
у себя что-то подобное для "видимости" запилил, на всякий пожарный)

Я  бы лично куки вообще не использовал в данном случае, просто в localStorage хранил бы данные о принятии или отказе:

localStorage.getItem("cookies")  === undefined - выводим окно с инфой по кукам

localStorage.getItem("cookies")  === "1" - принял инфу по кукам

localStorage.getItem("cookies")  === "0" - не хочет использовать куки

При этом весь код в строк 5-6 уложится =)


А вообще, это такая шляпа, всякой фигней сайты увешивать, есть же пользовательское соглашение, политика конфиденциальности, путь юзер для себя ищет че он хочет, так нет... надо сайт засрасть всякой шляпой.

Тут ищешь для себя какую то информацию, заходишь на сайт почитать и начинается: Вылетает Fullscreen, затем FloorAD, потом эти куки, затем окошко с предложкой зарегаться через гугл, затем какой то чат гребаный с поддержкой.... Пока все эти дербри пройдешь, уже забываешь че искал, закрываешь сайт и пошло оно все на....

Мы там, где рады нас видеть.
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий