https://valvesale.ru/catalog/view/javascript/modal.js

1document.addEventListener('DOMContentLoaded', function() {
2// Проверяем, было ли уже показано окно
3    if (document.cookie.includes('modalShown=true')) {
4        return;
5    }
6    // Создаем HTML для модального окна
7    const modalHTML = `
8        <div id="bottomModal" class="bottom-modal" style="position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;">
9            <div class="bottom-modal-content" style="max-width: 1200px; margin: 0 auto; padding: 15px; background: #fff; border-top: 1px solid #e0e0e0; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: space-between;">
10                <div class="bottom-modal-text">
11                <p>Наш сайт использует cookie (файлы с данными о прошлых посещениях сайта) для персонализации сервисов и повышения удобства пользователей. Вы можете запретить обработку cookie в настройках своего браузера.
12Продолжая пользование сайтом, Вы даете свое согласие на работу с <a href="/politika_ispolzovaniya_cookies">cookie</a> и <a href="soglasie-na-obrabotku-personalnykh-dannykh">обработку данных</a> с использованием систем (Яндекс Метрика).
13Обработка Ваших персональных данных осуществляется в соответствии с требованиями Федерального закона от 27.07.2006 № 152-Ф3 "О персональных данных".
14</p>
15                 </div>
16                <div>
17                    <button id="closeBottomModalBtn" style="padding: 8px 20px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; margin-left: 15px;">Понятно</button>
18                    <span class="close" style="color: #aaa; font-size: 24px; font-weight: bold; margin-left: 15px; cursor: pointer;">&times;</span>
19                </div>
20            </div>
21        </div>
22    `;
23    
24    
25    // Добавляем модальное окно в body
26    document.body.insertAdjacentHTML('beforeend', modalHTML);
27    
28    // Показываем модальное окно с небольшой задержкой
29    setTimeout(function() {
30        document.getElementById('bottomModal').style.display = 'block';
31    }, 1000);
32    
33    // Обработчики событий для закрытия
34    document.querySelector('.close').onclick = function() {
35        document.getElementById('bottomModal').style.display = 'none';
36        document.cookie = "modalShown=true; max-age=86400"; // На 1 день
37    };
38    
39    document.getElementById('closeBottomModalBtn').onclick = function() {
40        document.getElementById('bottomModal').style.display = 'none';
41        document.cookie = "modalShown=true; max-age=86400"; // На 1 день
42    };
43});