Узнайте здесь, как создать виджет с уведомлением о файлах cookie в Blogger. Создать виджет с согласием на использование файлов cookie в Blogger очень просто, как и в WordPress.
Знаете ли вы, что на вашем блоге должно быть всплывающее окно с уведомлением о согласии на использование файлов cookie? Этого требует новый закон ЕС. Чтобы избежать крупного штрафа, используйте виджет с уведомлением о согласии на использование файлов cookie.
Blogger — бесплатная платформа, но она предоставляет гибкие возможности для повышения эффективности и профессионализма наших блогов и сайтов. Одна из функций, повышающих эффективность вашего сайта, — это виджет с уведомлением о согласии на использование файлов cookie.
Согласие на использование файлов cookie — актуальная тема, и на то есть веские причины. В 2016 году в ЕС вступил в силу Общий регламент по защите данных (General Data Protection Regulation, GDPR), согласно которому пользователи из ЕС должны с самого начала получать информацию о том, как владельцы сайтов используют их данные. Это означает, что вам нужно не только разместить на своем сайте политику использования файлов cookie, но и сделать ее настолько понятной, чтобы ее мог понять каждый.
Здесь я расскажу вам о полной информации об уведомлении о согласии на использование файлов cookie, его использовании и о том, как настроить его для блогов Blogger.
Что такое согласие на использование файлов cookie?
Когда кто-то заходит на сайт, владелец сайта может сохранить на вашем устройстве некоторую информацию, так называемые файлы cookie. Файл cookie — это небольшой текстовый файл, который хранится на вашем компьютере или мобильном устройстве и используется на веб-сайтах. Файлы cookie используются для хранения и извлечения информации о посетителях, в том числе об их предпочтениях и истории посещений, что помогает нам улучшать сайт и повышать удобство его использования.
Мы пользуемся ими каждый день и даже не задумываемся об этом. Тем не менее согласие на использование файлов cookie — это требование закона, которое может привести к негативным последствиям, если не соблюдать его должным образом, как подтвердит любой хороший юрист.
Ваша политика использования файлов cookie должна информировать пользователей о файлах cookie и их назначении, давать пользователям возможность принять или отклонить их использование, а также сообщать, что произойдет в случае отказа.
Надеюсь, вы знаете, что такое файлы cookie. Это небольшие файлы, которые некоторые веб-сайты используют для хранения данных и улучшения пользовательского опыта.
Некоторые файлы cookie могут хранить информацию о товарах, которые вы добавили в корзину, или о размере и цвете рубашки, которую вы хотите купить. Кроме того, есть файлы cookie, которые позволяют сервисам отслеживания, таким как Google Analytics, предоставлять услуги веб-аналитики, помогая вам видеть, откуда приходят посетители, с какого устройства, как долго они находятся на вашем сайте и т. д.
Большинство веб-сайтов используют файлы cookie — небольшие фрагменты информации, которые хранятся в вашем веб-браузере, чтобы отслеживать, что вы уже видели, персонализировать ваш опыт взаимодействия с сайтом и показывать рекламные сообщения. Файлы cookie используются для различных целей и помогают сделать интернет более интерактивным. В этой статье я расскажу о преимуществах использования файлов cookie и о том, как они могут улучшить пользовательский опыт на вашем сайте.
В чем преимущества использования согласия на использование файлов cookie на сайтах блогеров?
Возможно, вы заметили на своем сайте новый значок, подтверждающий согласие на использование файлов cookie. В этой статье мы рассмотрим преимущества использования согласия на использование файлов cookie и изменения в законодательстве Европейского союза.
Использование форм согласия на использование файлов cookie на вашем сайте дает множество преимуществ.
Отличный способ помочь людям понять, что происходит, когда они заходят на ваш сайт.
Файлы cookie, которые могут улучшить пользовательский опыт, часто остаются без внимания.
Они используются для самых разных целей: от отслеживания количества посетителей сайта до запоминания информации, которую вы указали в форме.
Файлы cookie упрощают навигацию по нашему сайту, а нам — проведение рекламных акций.
Файлы cookie часто содержат анонимную информацию о вашей активности в интернете, например о посещенных сайтах или загруженных файлах.
Как создать виджет с уведомлением о согласии на использование файлов cookie для Blogger
Виджет с уведомлением о согласии на использование файлов cookie поможет вам соблюдать требования Общего регламента по защите данных. Согласно новому европейскому закону, вы, как блогер, должны получать согласие пользователей на использование файлов cookie. Вот как это сделать.
Первый Шаг
Перейдите на панель управления Blogger и откройте раздел тем.
Нажмите на значок со стрелкой вниз и выберите «Настроить».
Затем сделайте резервную копию своего сайта и нажмите «Редактировать HTML».
После этого найдите </style> или ]]></b:skin> и скопируйте приведенный ниже код CSS, а затем вставьте его над </style> или ]]></b:skin>.
/* Cookies Consent Notice */
.CwR{position:fixed;right:0;left:0;bottom:-600px;z-index:50;width:100%;padding:20px;background:rgba(255, 255, 255, 0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px 30px 0 0;box-shadow:0 -10px 25px -5px rgba(0,0,0,.1);align-items:center;justify-content:center;text-align:center;animation:ckUp 2.5s forwards;animation-delay:1s;-webkit-animation:ckUp 2.5s forwards;-webkit-animation-delay:1s}
.CwR.acptd{animation:ckDn 2.5s backwards;animation-delay:.3s;-webkit-animation:ckDn 2.5s backwards;-webkit-animation-delay:.3s}
.CwR.hidden{display:none}
.CwR .CcN svg{width:50px;height:50px;fill:#08102b;stroke:#08102b;stroke-width:.8}
.CcN h2{margin:0;color:#08102b;font-size:1.5rem;font-weight:800;font-family:inherit}
.CcN p{margin:10px 0;line-height:1.7em;color:#08102b;font-size:0.9rem;font-weight:400;font-family:inherit}
.CwR .btn{display:inline-flex;align-items:center;margin:0;padding:10px 15px;outline:0;border:0;border-radius:2px;line-height:20px;color:#fefefe;background-color:#482dff;font-size:13px;font-family:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;max-width:100%;cursor:pointer;transition:all 0.3s ease}
.CwR .btn:hover{opacity:.8;transform:scale(0.97)}
.CwR .btn.outl{color:#08102b;margin-left:8px;background-color:transparent;border:1px solid #767676}
.CwR .btn.outl:hover{border-color:#482dff}
@media screen and (min-width:768px){.CwR{max-width:450px;border-radius:10px;left:auto;right:30px;bottom:-500px;box-shadow:0 5px 35px rgba(0,0,0,.1);animation:ckdeskUp 2.5s forwards;animation-delay:1s;-webkit-animation:ckdeskUp 2.5s forwards;-webkit-animation-delay:1s}.CwR.acptd{animation:ckdeskDn 2.5s backwards;animation-delay:.3s;-webkit-animation:ckdeskDn 2.5s backwards;-webkit-animation-delay:0.3s}}
@-webkit-keyframes ckUp{100%{bottom:0}}
@keyframes ckUp{100%{bottom:0}}
@-webkit-keyframes ckdeskUp{100%{bottom:30px}}
@keyframes ckdeskUp{100%{bottom:30px}}
@-webkit-keyframes ckDn{0%{bottom:0}100%{bottom:-600px}}
@keyframes ckDn{0%{bottom:0}100%{bottom:-600px}}
@-webkit-keyframes ckdeskDn{0%{bottom:30px}100%{bottom:-600px}}
@keyframes ckdeskDn{0%{bottom:30px}100%{bottom:-600px}}
.drK .CwR{background:rgba(50, 50, 50, 0.8)}
.drK .CwR .CcN svg{fill:#fefefe;stroke:#fefefe}
.drK .CcN h2, .drK .CcN p, .drK .btn.outl{color:#fefefe}
Второй Шаг
Вы знаете, что в Blogspot есть встроенная функция согласия на использование файлов cookie, поэтому нам нужно ее отключить. Скопируйте приведенный ниже код JavaScript и вставьте его выше </head> в шаблоне.
<script>/*<![CDATA[*/ /* Disable default Blogger cookie notice */ cookieChoices = {}; /*]]>*/</script>
Третий шаг
Чтобы добавить уведомление о файлах cookie, найдите тег и скопируйте приведенный ниже HTML-код и код JavaScript, а затем вставьте их чуть выше </body>.
<!--[ Cookies Consent Notice ]-->
<div class='K2C k2hide' id='K2C_box'>
<div class='K2C-Main'>
<svg viewbox='0 0 50 50'><path d='M 25 4 C 13.414063 4 4 13.414063 4 25 C 4 36.585938 13.414063 46 25 46 C 36.585938 46 46 36.585938 46 25 C 46 24.378906 45.960938 23.78125 45.910156 23.203125 C 45.878906 22.855469 45.671875 22.546875 45.359375 22.390625 C 45.042969 22.234375 44.671875 22.253906 44.375 22.441406 C 43.824219 22.792969 43.191406 23 42.5 23 C 41.015625 23 39.769531 22.082031 39.253906 20.792969 C 39.148438 20.527344 38.933594 20.320313 38.667969 20.222656 C 38.398438 20.125 38.101563 20.144531 37.847656 20.28125 C 37.003906 20.738281 36.035156 21 35 21 C 31.675781 21 29 18.324219 29 15 C 29 13.964844 29.261719 12.996094 29.71875 12.152344 C 29.855469 11.898438 29.875 11.601563 29.777344 11.332031 C 29.679688 11.066406 29.472656 10.851563 29.207031 10.746094 C 27.917969 10.230469 27 8.984375 27 7.5 C 27 6.808594 27.207031 6.175781 27.558594 5.625 C 27.746094 5.328125 27.765625 4.957031 27.609375 4.640625 C 27.453125 4.328125 27.144531 4.121094 26.796875 4.089844 C 26.21875 4.039063 25.621094 4 25 4 Z M 38 4 C 36.894531 4 36 4.894531 36 6 C 36 7.105469 36.894531 8 38 8 C 39.105469 8 40 7.105469 40 6 C 40 4.894531 39.105469 4 38 4 Z M 25 6 C 25.144531 6 25.292969 6.015625 25.4375 6.023438 C 25.285156 6.519531 25 6.953125 25 7.5 C 25 9.4375 26.136719 10.984375 27.660156 11.960938 C 27.269531 12.90625 27 13.917969 27 15 C 27 19.40625 30.59375 23 35 23 C 36.082031 23 37.09375 22.730469 38.039063 22.339844 C 39.015625 23.863281 40.5625 25 42.5 25 C 43.046875 25 43.480469 24.714844 43.980469 24.5625 C 43.984375 24.707031 44 24.855469 44 25 C 44 35.503906 35.503906 44 25 44 C 14.496094 44 6 35.503906 6 25 C 6 14.496094 14.496094 6 25 6 Z M 36.5 12 C 35.671875 12 35 12.671875 35 13.5 C 35 14.328125 35.671875 15 36.5 15 C 37.328125 15 38 14.328125 38 13.5 C 38 12.671875 37.328125 12 36.5 12 Z M 21.5 15 C 20.671875 15 20 15.671875 20 16.5 C 20 17.328125 20.671875 18 21.5 18 C 22.328125 18 23 17.328125 23 16.5 C 23 15.671875 22.328125 15 21.5 15 Z M 45 15 C 44.449219 15 44 15.449219 44 16 C 44 16.550781 44.449219 17 45 17 C 45.550781 17 46 16.550781 46 16 C 46 15.449219 45.550781 15 45 15 Z M 15 20 C 13.34375 20 12 21.34375 12 23 C 12 24.65625 13.34375 26 15 26 C 16.65625 26 18 24.65625 18 23 C 18 21.34375 16.65625 20 15 20 Z M 24.5 24 C 23.671875 24 23 24.671875 23 25.5 C 23 26.328125 23.671875 27 24.5 27 C 25.328125 27 26 26.328125 26 25.5 C 26 24.671875 25.328125 24 24.5 24 Z M 17 31 C 15.894531 31 15 31.894531 15 33 C 15 34.105469 15.894531 35 17 35 C 18.105469 35 19 34.105469 19 33 C 19 31.894531 18.105469 31 17 31 Z M 30.5 32 C 29.121094 32 28 33.121094 28 34.5 C 28 35.878906 29.121094 37 30.5 37 C 31.878906 37 33 35.878906 33 34.5 C 33 33.121094 31.878906 32 30.5 32 Z'/></svg>
<h2>Cookies Consent</h2>
<p>Этот веб-сайт использует файлы cookie для улучшения вашего пользовательского опыта. Используя наш веб-сайт, вы соглашаетесь на использование файлов cookie.</p>
</div>
<button class='C-button' id='Cookie_btn'>Accept Cookies!</button>
<a class='C-button outl' href='####'>Learn More</a>
</div>
<script>/*<![CDATA[*/ var K2C_box=document.querySelector("#K2C_box"),Cookie_btn=document.querySelector("#Cookie_btn"),ckErrMes="Cookie can't be set! Please unblock this site from the cookie setting of your browser.";if(null!=K2C_box){Cookie_btn.onclick=()=>{document.cookie="CookieConsentByFineshop=Accepted; max-age=2592000; path=/",document.cookie?K2C_box.classList.add("acptd"):alert(ckErrMes)};let e=document.cookie.indexOf("CookieConsentByFineshop=Accepted");-1!=e?K2C_box.classList.add("k2hide"):K2C_box.classList.remove("k2hide")} /*]]>*/</script>
Четвертый Шаг
После этого вставьте свою ссылку на политику конфиденциальности в поле (####) и сохраните настройки, нажав на значок сохранения. После этого при открытии сайта вы увидите стильное адаптивное уведомление о файлах cookie, как на сайте WordPress. Статья блога пользователя btoolsbox
Теперь вы знаете, как создать виджет с уведомлением о согласии на использование файлов cookie и настроить его работу. Если что-то осталось непонятным или вы чего-то не поняли, напишите нам в комментариях.