Изменяем панель уведомление о cookies в Blogger

Изменяем панель (строку) уведомление о cookies в Blogger
Всем привет!
К сожалению, для многих читателей IPetrenko.ru наступивший август это последний месяц отдыха. Я предлагаю вам не унывать, а вместо этого сегодня креативно кастомизировать (украсить) строку уведомление о использовании cookies, о появлении которой я писал ранее.

Где посмотреть какая на вид эта панель?

Если Вы житель страны, которая входит в состав Европейского союза, то уведомление должно появиться автоматически и будет находиться в закрепленной (фиксированой) позиции сверху - трудно не заметить. Кстати, язык текста сообщения зависит от выбранного вами языка в браузере, а не от страны.

Но что делать если я житель Украины (России или Белоруссия)? Как мне увидеть эту строку?

1 вариант    
Если у сайта нет прикрепленного домена, то достаточно поменять домен верхнего уровня на один из европейских. То есть, вместо http://vfootvk.blogspot.com/ в адресной строке набираем http://vfootvk.blogspot.fr/ или http://vfootvk.blogspot.co.uk/, где vfootvk - имя вашего блога, а жирным выделены домены Франции и Великой Британии соответственно.

2 вариант
Если у вас есть свой домен (если еще нету, то советую прочитать подробную инструкцию о том, как его зарегистрировать), то можно использовать сервис prx.gb.teleport.to, который использует IP-адреса стран ЕС. Ваша ссылка будет выглядеть так:
www.ipetrenko.ru.prx.gb.teleport.to
где вам вместо www.ipetrenko.ru нужно вписать свой URL сайта. Это универсальный способ, так как можно попробовать его и на адресе, который представлен в первом варианте. 

Как скрыть панель об использовании  cookies

Спрятать (удалить) панель можно буквально одной строкой. Правда есть одно условие - у вас должен быть сторонний скрипт, который будет информировать посетителей о том, что Вы используете кукисы. Если будете скрывать данную информацию, то администрация Blogger может заблокировать или даже удалить ваш блог.
Допустим у вас есть подобный скрипт, а тот что предлагает Google вам не нравиться. Как же его скрыть? Очень просто, нужно добавить следующий код сразу после закрывающего тег </head>.

<script type="text/javascript">
  cookieChoices = {};
</script>

Что делать если мне не нравиться стиль панели?

Если вам не по вкусу стандартный дизайн строки, то его можно изменить, вплоть то текста сообщения. Достаточно использовать скрипт, который указан ниже. Его нужно разместить после ]]></b:skin>.
<script type="text/javascript">
  cookieOptions = {
    msg: "Наш сайт использует cookies. Просматривая сайт Вы автоматически соглашаетесь на это.",
    link: "https://www.blogger.com/go/blogspot-cookies",
    close: "Понятно",
    learn: "Подробнее" };
</script> 
Да, текст можно придумать свой, как и ссылку можно поставить свою. Она должна вести на страницу, где обширно рассказывается о использовании файлов cookies.

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

<style>
.cookie-choices-info {z-index:999999!important;background-color:#333333!important;border-bottom: 1px solid #2057BA; color:#ffffff!important; box-shadow: 1px 2px 2px #000;}
.cookie-choices-info .cookie-choices-button{ background-color: #2057BA!important;border-radius: 1px!important;box-shadow: 2px 3px 2px #000;}
</style>
Этот код нужно вставить после скрипта о котором я писал немного выше.

Кстати, вы легко можете отредактировать цвета под себя. Где #333333 - цвет бекграунда панели; #2057BA - цвет нижней границы панели;  #ffffff - цвет текста; #2057BA - цвет кнопок.

И вот что получили в итоге:

 
Панель уведомления о cookies - по умолчанию
Было 

Панель уведомления о cookies - измененный
Стало

Мне кажется стало гораздо лучше. 
На этом всё. Надеюсь я вам помог. Свои вопросы оставляйте в комментах ниже. До встречи!


Если вам понравиласть эта статья, то поделитесь ей с друзьями. Вам не сложно, а мне приятно ;)
Присоединяйтесь к 200+ блоггерам и получите полезный в подарок
    Blogger Comment
    Facebook Comment

4 коммент. :

  1. Почему-то стандартная проверка гугла показывает, что сообщение на мобильной версии сайта не поменялось. В чем может быть проблема?

    ОтветитьУдалить
    Ответы
    1. Изменение касаются, в первую очередь, веб версии сайта. Если возможно - дайте ссылку на скриншот.

      Удалить