Вставьте в конец вашего шаблона код ниже. Он состоит из трех частей html, css, js.
<!-- Предупреждение о cookie - Начало-->
<div class="warn_vrv warn_act">
<div class="text_warn">Продолжая пользоваться сайтом, вы соглашаетесь на применение файлов cookie и сервиса аналитики Яндекс Метрика для улучшения его работы.</div>
<button class="vrvapply" type="button">Принять</button>
</div>
<style>
.warn_vrv {
position: fixed;
bottom: 0;
left: 0;
display: none;
justify-content: center;
width: 100%;
padding: 20px 10px 5px;
box-sizing: border-box;
background-color: #f2fbfe;
z-index: 30;
box-shadow: 0 0 15px 0 rgb(54 61 77 / 25%);
z-index: 9999;
}
.warn_act{display:flex}.text_warn{margin-right:30px;font-size:17px;color:#000;text-shadow:none}
.vrvapply{background-color:#02A9CB;border-radius:0;border:2px solid #02A9CB;font-size:16px;color:#fff;padding:8px 20px;position:relative;float:right;height:auto;top:-8px;font-weight:700;border-radius:10px;cursor:pointer;}
.vrvapply:hover{box-shadow:1px 1px #8e8e8e;}
@media only screen and (max-width:900px){
.vrvapply{padding:2px 5px;height:50px;top:0;margin-right:5px}.text_warn{margin-left:5px;font-size:12px;line-height:14px}
}
</style>
<script>
const container=document.querySelector(".warn_vrv");if(document.cookie.indexOf("warn_vrv")!=-1){container.classList.remove("warn_act")}
if(document.querySelector(".warn_vrv")){const apply=container.querySelector(".vrvapply");apply.addEventListener("click",()=>{container.classList.remove("warn_act");document.cookie="warn_vrv=!0;max-age=2592000;path=/"})}
</script>
<!-- Предупреждение о cookie - Конец-->
Позвонить