Blogger всплывающее окно: "Использование файлов cookie сервисов Google".


Blogger - Blogspot настройка всплывающего окна: Работая с этим сайтом, вы даете свое согласие на использование файлов cookie сервисов Google.

Доброго времени суток друзья. Возможно некоторые из вас уже заметили, что google ввел новое правило или новую, старую функцию сбора данных файлов cookie. Сейчас объясним. Итак на сайтах где показывается реклама от гугл, а так же на сайтах - блогах созданных на платформе blogger начало всплывать окно с данным оповещением:  "Работая с этим сайтом, вы даете свое согласие на использование файлов cookie сервисов Google. Это необходимо для нормального функционирования сайта, показа целевой рекламы и анализа трафика. Статистика использования сайта отправляется в Google". 

В принципе эта статистика ранее итак записывалась сервисом гугл, но теперь это должен подтвердить каждый пользователь зашедший на ваш сайт - блог. После разового подтверждение (закрытия) это окно более не появляется, правда я замечал, что это не всегда так. В общем на сайтах и блогах созданных на движке blogger  это окно выплывает в не совсем удобном месте, вверху сайта и сопровождает посетителя при скроллинге страницы, что немного раздражает. Именно из-за того, что оно не всегда исчезает при закрытии я и создал эту тему в которой вы узнаете, как переместить это объявление на более удобное место на сайте - блоге, чтобы оно не мешало пользователям просматривать ваш контент. 

Итак для начала переходим в раздел Шаблон - Изменить HTML ищем код  ]]></b:skin>  
и передним вставляем один из двух кодов ниже всего два варианта со светлым и темным фоном:

Первый вариант с темным фонном
/* Custom Cookies Info Dark */
.cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;-webkit-transform:translateZ(0)}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}

И второй вариант со светлым фоном
/* Custom Cookies Info Light */
.cookie-choices-info{background-color:rgba(255,255,255,.99)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-transform:translateZ(0)}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#222!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#999!important;transition:all .1s linear}

Теперь это окно будет всплывать только внизу сайта. Увидеть новое расположение окна вы можете на картинке, которая прилагается к статье, отмечено красными стрелками.

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



Поделиться в социальных сетях:
Facebook Twitter Google+ Vkontakte

Рекомендуем

6 Коммент.

Оставить комментарий
avatar
Диета Mary
июня 26, 2017

Приветствую вас! Подскажите, а как можно добавить уведомление о файлах куки если установлен персональный домен? Спасибо!

Ответить
avatar
Марк Корвин
июня 26, 2017

Доброго времени суток. А какая у вас платформа?

Ответить
avatar
Unknown
декабря 17, 2017

Спасибо!

Ответить
avatar
Наталья Иконописцева
ноября 11, 2018

Что то у меня как было на верху окно, так и осталось

Ответить
avatar
Марк Корвин
ноября 11, 2018

Пробуйте обрамить код тегами style, пример <style> код </style> можно вставить перед закрывающим тегом /head

Ответить
avatar
Наталья Иконописцева
ноября 16, 2018

Спасибо, получилось.

Ответить