Перейти к содержимому


Добавляем Уведомление Об Использовании Файлов Cookies На Сайте

сбор данных для cookies

  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 stasia

stasia

    Активный участник

  • Модераторы
  • 581 сообщений

Отправлено 17 Март 2023 - 12:51

1) Зайдите в раздел Сайт---Редактор шаблонов---HTML и найдите код:  
<!-- Кнопка Наверх -->
<div id="back-top" title="Наверх"><i class="icon-keyboard_arrow_right"></i></div>

И сразу после добавьте данный код:
<!-- Уведомление о cookies -->
<div class="cookies-bottom" style="display:none">
<div class="container">
<div class="cookies-bottom-wrapper">
<div class="cookies-bottom-icon">
<i class="icon-star" aria-hidden="true"></i>
</div>
<div class="cookies-bottom-content">
<div class="cookies-bottom-text">Для правильной работы, сайт использует технологию "cookie". Если Вы не хотите, чтобы данные обрабатывались, пожалуйста, покиньте сайт.</div>
</div>
</div>
</div>
<button class="cookies-bottom-closeBtn" type="button"><i class="icon-close"></i></button>
</div>

2) В Редактор шаблонов --- forall.js добавьте в самый конец шаблона код:
/*
* name: jQuery Cookie
* version: 1.0
* file: jquery.cookie.min.js
* site: https://webcareer.ru/jquery-cookies-rabota-s-kukami-na-jquery.html
*/
jQuery.cookie=function(b,j,m){if(typeof j!="undefined"){m=m||{};if(j===null){j="";m.expires=-1}var e="";if(m.expires&&(typeof m.expires=="number"||m.expires.toUTCString)){var f;if(typeof m.expires=="number"){f=new Date();f.setTime(f.getTime()+(m.expires*24*60*60*1000))}else{f=m.expires}e="; expires="+f.toUTCString()}var l=m.path?"; path="+(m.path):"";var g=m.domain?"; domain="+(m.domain):"";var a=m.secure?"; secure":"";document.cookie=[b,"=",encodeURIComponent(j),e,l,g,a].join("")}else{var d=null;if(document.cookie&&document.cookie!=""){var k=document.cookie.split(";");for(var h=0;h<k.length;h++){var c=jQuery.trim(k[h]);if(c.substring(0,b.length+1)==(b+"=")){d=decodeURIComponent(c.substring(b.length+1));break}}}return d}};

3) В Редактор шаблонов --- main.css добавьте в самый конец шаблона код:  
/* Окошко с информацией о cookies */
.cookies-bottom {position: fixed;bottom: 0;width: 100%;background: #f3f3f3;z-index: 100;}
.cookies-bottom-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px 0;}
.cookies-bottom-icon {font-size: 32px;line-height: 40px;text-align: center;margin-right: 15px;-webkit-box-flex: 0;-ms-flex: 0 0 40px;flex: 0 0 40px;}
.cookies-bottom-icon i {color: #ff9302;}
.cookies-bottom-closeBtn {position: absolute;top: -27px;right: 50px;width: 40px;height: 30px;font-size: 22px;background: #f3f3f3;}

4) В Редактор шаблонов --- main.js добавьте в самый конец шаблона код:
// Уведомление о cookies
$(function(){
function banner() {
// Если в куках нет записи
if(!$.cookie('cookies-bottom')){
var $bannerTop = $('.cookies-bottom');
// Показываем блок
$bannerTop.show()

$('.cookies-bottom .cookies-bottom-closeBtn').on('click', function(){
// Скрываем баннер
$bannerTop.hide()
// Запоминаем в куках, что посетитель уже заходил
$.cookie('cookies-bottom', true, {
// Время хранения cookie в днях
expires: 30,
path: '/'
});
})
}
}
banner();
})

Прикрепленные изображения

  • Cookies.jpg





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных