Использование куки на сайте

как создать сайт на wordpress, настроить и оптимизировать wordpress

Здесь расскажу вам про Cookeis (куки), а именно: что это такое, где применяются, какие параметры можно задать для них, с помощью каких способов, методов установить Cookies и рассмотрим простенькие примеры использования cookies.
Скачать исходники для статьи можно ниже

Cookies, Куки (от англ. cookie — печенье) — небольшой (не более 4Кбайт) фрагмент данных, сохраняемый веб-браузером на определенное время и нужный для работы на определенной веб-странице или веб-сайте.

Cookies играют роль памяти веб-браузера.

Они применяются для:

  • аутентификации пользователя;
  • хранения персональных предпочтений и настроек пользователя;
  • отслеживания состояния сессии доступа пользователя;
  • ведения статистики о пользователях.

Обычно значения cookies записываются в файл с называнием cookies.txt, который лежит в рабочей директории установленного на компьютер браузера.

Параметры, которые можно задать cookies.

Всего имеется шесть параметров, первый из которых является обязательным:

  • name — задает имя, закрепленное за Cookie;
  • value — определяет значение Cookie;
  • expire — время хранения Cookie. Если данный параметр не указать, то Cookie будут «жить» до конца сессии, то есть до закрытия браузера. Если время указано, то, когда оно наступит, Cookie самоуничтожится.

Остальные три параметра в большинстве случаев не используются.

  • path — устанавливает путь на сайте, в рамках которого действует cookie.
  • domain — домен, для которого значение cookie действительно;
  • secure — передача cookie через защищенное HTTPS-соединение.

Более подробно о параметрах для cookies можно почитать по следующей ссылке:

http://ruseller.com/lessons.php?rub_ >Способы задания cookies.

— с помощью HTML (META-тег в заголовке , он подходит для статичных сайтов);

— с помощью Javascript;

— с использованием Perl/CGI.

На примерах, мы рассмотрим с вами использование cookies с помощью PHP и Javascript.

Практика с применением Cookies.

Здесь попробуем рассмотреть простенькие примерчики.

Пример 1.
Начнем с простого — задания для cookies значения, например слова «Привет!» и вывода его на сайте.

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

Чтобы удовлетворить данному условию для сайтов на WordPress, нам необходимо открыть файл header.php — для этого в панели управления сайтом в левом меню выбираем пункт «Внешний вид», далее подпункт «Редактор» и справа в списке шаблонов выбираем файл header.php.

В его коде находим тег и после него вставим следующие строчки:

Данной строчкой мы задали для cookie имя — «test», также мы установили его значение — «Привет» и время его хранения, равным 1 часу (60*60=3600 сек).

Теперь нам осталось вывести значения нашего cookie на сайте, для этого необходимо вставить в шаблон следующие строчки:

Например можно вставить данные строчки в начале шаблона сайдбара, для этого выберите из списка шаблонов файл sidebar.php и вставьте их в нужном месте, ну например так:

Теперь открываем свой сайт и смотрим, что получилось.
Так как при первом просмотре странички cookies записываются, то надпись «Привет!», вы не увидите — для ее вывода на сайте вам необходимо обновить страничку дважды.

Пример 2.
В данном примере мы сделаем страницу, которая запрашивает Ваше имя при первом посещении, затем она сохраняет Ваше имя в куки и показывает его при следующих посещениях.

Если в первом примере мы задавали значение для cookies с помощью PHP, то здесь будем использовать Javascript.

Наглядный пример можно посмотреть по следующей ссылке:
http://ruseller.com/lessons/les593/demo/demo.html

Перед тем как начать, советую прочитать вам мою предыдущую статью о том как подключить Javascript в WordPress!

В данном примере я вставлю javascript в индивидуальный шаблон одной из страниц сайта.

Как создать индвидуальный шаблон можете прочитать в моей предыдущей статье.

Допустим я уже создал индивидуальный шаблон для странички, теперь нужно его открыть в «Редакторе» (в панели управления вашим сайтом в левом меню выбираем пункт «Внешний вид», далее подпункт «Редактор» и справа в списке шаблонов ищем наш индивидуальный шаблон).

Читайте также:  Как восстановить сдохшую microsd

Теперь вставляем в его код следующие строчки javascript, которые и создадут форму для ввода имени посетителя и дальнейшем его приветствии.

Строчки самого скрипта:

И приведу код моего индивидуального шаблона со вставленным вышеуказанным javascript-ом:

Пример моей тестовой страничке, на которой я и испробовал данный скрипт можете посмотреть по данной ссылке:
http://mnogoblog2.16mb.com/new/

Можно привести еще множество примеров совместного использования Cookies и Javascript, такие например как:

— Создания различного рода напоминаний.
Например для того, чтобы пользователь создал закладку на ваш сайт, раз в неделю или после определенного количества дней показывается всплывающее окно «Добавить в избранное».
Также можно создать напоминание подписаться на RSS ленту вашего сайта.
— Создание перенаправлений.
Перенаправление посетителей на разные страницы на основе значения, хранящегося в cookies.
Например посетителю при первом посещении сайта предлагают выбрать любимое животное (кошка, собака и др), после чего соответствующее значение записывается в cookies и при следующем посещении, он попадет уже на страничку или форум данного сайта, непосредственно рассказывающей про его любимое животное.
— Создание возможности посетителю выбрать цвет или картинку фона, а возможно и других дизайнерских элементов сайта, при этом куки запомнят его выбор и при следующем заходе отобразят сайт, так как ему нравится.
— Создание информационного блока для посетителя, в котором отображается его имя, дата последнего посещения, количество посещений данной страницы и прочей информации.
— Вывод Popup (всплывающий окон) и прочей раздражающей рекламы только один раз при первом посещении посетителя.
— Создание ежедневников, адресных книг и прочего.

В одной из следующих статей я приведу пример с использованием Javascript и Cookies, в котором посетитель сможет выбрать понравившийся фон для сайта, и при этом браузер запомнит его выбор благодаря cookies, что позволит при каждом последующем заходе на данный сайт отображать именно выбранный фон — по-моемому это будет классно!

Похожие записи:

Cookies на вашем сайте: учимся нравиться посетителям : 2 комментария

Здравствуйте, помогите сделать псевдокоментарии. То есть чтобы свой комментарий видел только тот кто его оставил, а остальные только хорошие

Спасибо за статью. Очень помогла. Но столкнулся с трудностью и прошу помощи.
В силу обстоятельств, имен моих cookie выглядят так: cookie[1], cookie[2] и т.д.
При таких названиях функция get_cookie всегда возвращает null. Что с этим делать?

20 марта 2019 — 22:43

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

Что такое куки

Куки — это небольшие текстовые файлы со служебной информацией от сайтов, которые посещал пользователь.

Вот примеры того, что хранится в куки:

  • личные данные для авторизации (например, логин, имя, email, пароль);
  • пользовательские настройки сайта (язык и геоданные);
  • тип устройства, с которого пользователь зашёл на сайт;
  • товары в корзине и в избранном (если пользователь не авторизовался).

Куки не всегда затрагивают персональные данные посетителей сайта. Однако в этой статье мы поговорим именно о «персональных» куки, которые и стали причиной подобных уведомлений на сайтах.

Для чего нужны куки

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

Бизнесу

Зная, как люди ведут себя на сайте, куда кликают, какие страницы посещают чаще других, бизнесу легче настраивать таргетированную и контекстную рекламу. Это помогает правильно распределять рекламный бюджет. Например, эффективнее показывать рекламу туров на Хайнань людям, которые уже интересовались Китаем и путешествиями. А владельцам сайтов проще вести аналитику и передавать отчёты о показах и кликах рекламодателям.

Пользователям

Куки значительно облегчают интернет-сёрфинг. Например, браузер сохраняет данные для авторизации, и пользователю не надо каждый раз вводить логин и пароль, чтобы полистать ленту в Instagram. А ещё можно в любой момент зайти в интернет-магазин и проверить, не упала ли цена на товар. И ещё один очевидный плюс: благодаря куки люди видят больше актуальной и полезной им рекламы.

Для чего сайты показывают уведомления об использовании куки

Ниже вы видите, как «Нетология» сообщает пользователю, что если он остаётся на сайте, то автоматически соглашается на передачу данных. Если человек закроет окошко и продолжит исследовать страницу, в следующий раз ему уже не покажут уведомление. Если пользователь почистит куки в браузере, то уведомление появится снова.

Читайте также:  Вконтакте чат бота групп

Таких примеров в интернете — тысячи. Так почему все решили установить подобные уведомления?

Чтобы избежать штрафа в РФ

Если кто-то докажет в суде, что сайт без спроса обрабатывал его данные, владельцу сайта придётся выплатить штраф до 75 тысяч рублей. Иногда дело может дойти и до блокировки.

Наверняка вы слышали об истории с LinkedIn. Его заблокировали в 2016 году за нарушение закона 152-ФЗ «О персональных данных». В LinkedIn использовали и передавали данные о местоположении и поведении пользователей на сайте без их согласия.

Самое интересное, что конкретного определения персональных данных в законе РФ нет. Первым делом на ум приходят ФИО, email, номер телефона и дата рождения. Однако в статье 3 закона № 152-ФЗ читаем такое весьма расплывчатое определение:

«Персональные данные — любая информация, относящаяся к прямо или косвенно определенному или определяемому физическому лицу (субъекту персональных данных)».

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

А что, если вы просто собираете данные и никак их не используете? Считается ли это обработкой? Да. В законе говорится, что понятие «обработка» включает «сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных».

Чтобы избежать штрафа в ЕС

В мае 2018 года в Европе вступил в силу GDPR (General Data Protection Regulation) — регламент об использовании персональных данных жителей ЕС.

Предыстория появления GDPR

В 2015 году Cambridge Analytica, лондонская компания, которая занимается политическими консалтинговыми услугами, провела сбор данных о предпочтениях 50 млн пользователей Facebook. Эта утечка персональных данных послужила причиной международного скандала и в том числе толчком к принятию GDPR. Он пришёл на смену более лояльному регламенту, принятому ещё в 1995 году. После этого на сайтах ЕС появились уведомления об использовании куки, например, как в британском интернет-магазине Farfetch:

Если говорить простыми словами, GDPR требует, чтобы все европейские компании прозрачно показывали пользователю, как они обрабатывают информацию о его поведении на сайте. В целом эти требования мало отличаются от российского закона о персональных данных. Главное отличие в том, что европейские компании обязаны рассказать пользователям об утечке данных в течение трёх дней. В России можно обойтись без уведомлений и просто как можно скорее устранить утечку.

Интересно, что если ваш сайт зарегистрирован в России, но вы обрабатываете персональные данные хотя бы одного человека из Европы, вы обязаны соблюдать этот регламент. Поначалу российские компании запаниковали и на всякий случай заблокировали любой трафик из Европы, чтобы разобраться во всём как следует. Позже они обновили политику обработки персональных данных и добавили уведомления об использовании куки для новых посетителей.

А что будет, если вы не выполните требования GDPR? Если это заметят, вам сделают либо предупреждение, либо обяжут выплатить штраф до 20 миллионов евро или 4% от годового оборота компании.

Как обезопасить себя от штрафа за несоблюдение законов

Во-первых, добавить на сайт политику конфиденциальности. Если вы собираете контакты, то в форме добавьте фразу «Нажимая на кнопку, вы даёте согласие на обработку своих персональных данных» и ссылку на страницу с политикой конфиденциальности. Важно рассказать, какие данные вы собираете и для чего, например, как это сделал ЦУМ.

Во-вторых, добавить уведомление о том, что вы используете куки. Например, как у Asos:

Чтобы добавить это уведомление без привлечения разработчиков, попробуйте виджет LeadPlan. Он настраивается через функцию «Тонкая настройка» (hardcode mode) с помощью HTML и CSS. Напишите нам на почту, и мы поможем вам его запустить: contacts@leadplan.ru

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

Пример формы, запущенной через LeadPlan:

Часто всплывающие уведомления о куки не попадают в поле зрения пользователя из-за блокировщиков рекламы. Разработчики LeadPlan следят за обновлениями фильтров и гарантируют, что ваш виджет увидит каждый посетитель.

Читайте также:  Духовка электрическая встраиваемая электролюкс отзывы

Что важно запомнить и сделать

Куки — это служебная информация о поведении пользователя на сайте. И это входит в понятие «персональные данные». Поэтому, если вы используете куки, важно рассказать об этом посетителям сайта и показать, как и для чего вы это делаете. Вот пример, как может выглядеть политика конфиденциальности на сайте, где есть форма обратной связи.

Если вы привлекаете трафик из Европы, позаботьтесь о том, чтобы ваша политика конфиденциальности соответствовала требованиям GDPR.

Заглянув на сайт любой европейской организаций, вы, скорее всего, сразу же получите раздражающее уведомление о том, что сайт использует cookies. Что такое «куки», зачем о них предупреждать и нужно ли вам сделать то же самое на своем сайте — об этом читайте в нашей статье.

Защита персональных данных граждан ЕС

С мая 2018 года стали обязательными к исполнению правила по защите персональной информации граждан Европейского Союза. Эти правила имеют сокращенное название GDPR, что расшифровывается как General Data Protection Regulation. Имеют ли они отношение к российским сайтам? Да, если сайт в явном режиме обрабатывает данные граждан ЕС ― например, российский интернет-магазин локализован для продажи товаров европейцам.

Чем грозит несоблюдение этого регламента российскому бизнесу? Теоретически можно нарваться на штраф до €20 млн. На практике на территории РФ компанию-нарушителя вряд ли оштрафуют. Но ее деятельность на территории Евросоюза будет затруднена.

Что такое cookie и как они работают

Cookie — своего рода логи, которые записываются в текстовые файлы и содержат данные в виде персонального идентификатора пользователя и имени посещаемого им сайта.

Принцип работы куки простой. Например, вы зашли в интернет-магазин и положили в корзину товар, не регистрируясь. Это действие сохраняется в cookie. Потом вы закрыли сайт. Позже вспомнили о нем и вернулись. Так вот, благодаря кукам, сайт узнает вас. Товар останется в корзине, а вы сможете закончить оформление покупки.

Если же веб-ресурс не будет собирать ваши cookie, то при каждом уходе с сайта или даже обновлении страницы данные будут сбрасываться, и вам придется начинать всё сначала.

Сами куки хранятся локально, в вашем браузере. Вы их можете в любой момент удалить, если захотите. Вот как это сделать в Google Chrome. В других браузерах cookie тоже удаляются схожим образом.

Для чего еще используются cookie

Кроме сохранения товаров в корзине интернет-магазина , куки используются и для других целей. Например, авторизация на сайтах. Предположим, вы с утра зашли в социальную сеть, потом закрыли браузер или выключили компьютер. Через некоторое время снова запустились, открыли тот же ВК или ФБ. Благодаря кукам, вам не нужно заново вводить свои логин и пароль ― соцсети записали вашу идентификационную информацию, что избавило от необходимости повторного входа.

Cookie используются и для персонализации контента. В зависимости от предпочтений пользователя ему показываются определенные объявления, тексты, баннеры. Куки сохраняют сведения о том, какие сайты вы просматриваете, какие товары или услуги ищете. Все это обрабатывается, и вам показывается та реклама, которая скорее всего вас заинтересует.

Некоторые куки могут быть вредоносными. Речь идет о тех из них, которые фиксируют любые ваши действия в Сети. Что вы ищете в поисковиках, куда чаще всего заходите, какие данные указываете и т.д. Из-за такой утечки персональной информации и возникает опасность для пользователя, которую Евросоюз пытается устранить с помощью GDPR.

Как активировать предупреждение о cookie на своем сайте

Существуют сервисы, которые позволяют настроить предупреждение о куки. Однако чаще всего там нужно регистрироваться, настраивать множество параметров, в общем — тратить свое время и нервы, чтобы все нормально заработало. Мы же облегчим вам этот процесс и предоставим в распоряжение готовый код. Скопируйте его и вставьте в поле «Код счетчика» в разделе «Реклама/SEO» панели управления своим сайтом на 1С-UMI. Не забудьте поменять ссылку на соглашение об обработке персональных данных. Текст оповещения тоже можно поменять. Вот код:

Предупреждение о куки показывается внизу страницы. Оно будет выглядеть по-разному в зависимости от настроек внешнего вида и кнопок, но выполняет одну и ту же функцию. Дизайн оповещения можно изменить. Как это сделать — описано на Cookie Info Script, смотрите в блоке «Сustomization».