Как добавить баннер cookie на свой сайт: код не требуется (с шаблонами!)

Опубликовано: 2018-10-02

Вы, наверное, заметили, что каждый веб-сайт, который вы посещаете в настоящее время, включает уведомление об использовании файлов cookie. Теперь вам может быть интересно ... нужно ли моему сайту одно из этих уведомлений о согласии на использование файлов cookie? И если да, то как я могу создать баннер с файлами cookie для своего сайта?

Ответ на первый вопрос - «возможно». А что касается второго вопроса, вот о чем этот пост!

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


Шаблон баннера согласия на использование файлов cookie на базе Getsitecontrol Посмотреть предварительный просмотр →

В любом случае, каким веб-сайтам нужен баннер с файлами cookie?

Если ваш веб-сайт принимает посетителей из Европейского Союза, вам, вероятно, понадобится баннер с согласием на использование файлов cookie, если вы хотите придерживаться правил Европейского Союза.

Правила Европейского Союза в отношении файлов cookie, изначально принятые в 2011 году и дополненные GDPR в 2018 году, по существу требуют, чтобы вы получали «четкое, осознанное согласие» посетителей на использование файлов cookie, которые отслеживают данные пользователей.

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

Таким образом, на практике большинству сайтов, которые принимают посетителей из Европейского Союза, требуется баннер согласия на использование файлов cookie. И в этом глобальном мире это большинство сайтов - точка.

Короче говоря ... вам, вероятно, понадобится баннер согласия на использование файлов cookie, если вы хотите соответствовать правилам Европейского Союза!

Вот что вам нужно включить в уведомление о согласии на использование файлов cookie

Цель баннера файлов cookie - получить информированное согласие на использование файлов cookie до того, как посетители начнут использовать ваш сайт.

Итак, вам необходимо:

  • Отображать баннер согласия на использование файлов cookie сразу после первого посещения пользователем.
  • Получать информированное согласие посетителей на использование файлов cookie. Обычно это делается путем ссылки на вашу политику конфиденциальности / файлов cookie, а также с помощью кнопки, указывающей на согласие.

Три отличных примера баннеров cookie в действии (вы узнаете, как все это воссоздать!)

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

Вы можете разместить свой баннер cookie где угодно, если он достаточно заметен, чтобы привлечь внимание читателей и получить осознанное согласие.

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

1. Баннер согласия на использование файлов cookie на нижней панели.

The Vinyl Factory использует минималистичную нижнюю панель для разрешения на использование файлов cookie:

The Vinyl Factory использует нижний баннер для отображения сообщения о согласии на использование файлов cookie.

2. Баннер согласия на использование файлов cookie на верхней панели.

ASI, Advertising Speciality Institute, меняет ситуацию, перемещая баннер cookie в верхнюю часть страницы:

ASI разместил свой баннер с файлами cookie вверху страницы.

3. Вставляемый баннер согласия на использование файлов cookie.

INUSUAL предпочитает показывать баннер согласия на использование файлов cookie в виде слайда в нижнем левом углу (вы можете так же легко переключить его вправо):

INUSUAL использует слайд-ин для отображения своего баннера cookie

Добавьте эти баннеры cookie за пару кликов

Если вам понравился какой-либо из этих примеров, вы можете добавить их прямо на свой веб-сайт в течение нескольких минут. Просмотрите галерею баннеров согласия на использование файлов cookie ниже и нажмите кнопку «Просмотреть в реальном времени», чтобы увидеть их в действии. Затем выберите тот, который хотите разместить на своем веб-сайте, и в режиме предварительного просмотра следуйте кратким пошаговым инструкциям.

Плавающий бар

Шаблон баннера политики использования файлов cookie - плавающая нижняя панель Посмотреть предварительный просмотр →

Минималистичный бар

шаблон баннера - плавающая нижняя полоса Посмотреть предварительный просмотр →

Липкая полоса

Шаблон сообщения о согласии на использование файлов cookie - липкая полоса Посмотреть предварительный просмотр →

Минималистичная вставка

Вставка с сообщением о согласии на использование файлов cookie Посмотреть предварительный просмотр →

Вставка с изображением

Шаблон баннера cookie. вставка с изображением Посмотреть предварительный просмотр →

Хотите создать свой собственный баннер? Вы тоже можете это сделать. Следуйте пошаговой инструкции по созданию баннера для файлов cookie ниже.

Как создать свой собственный баннер для файлов cookie, не написав ни единой строчки кода

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

Все четыре вышеперечисленных шаблона основаны на Getsitecontrol - инструменте, который позволяет добавлять на ваш сайт несколько всплывающих окон. Виджеты могут быть плавающими кнопками контактов, всплывающими окнами электронной почты, онлайн-формами обратной связи или… как вы уже догадались - баннерами согласия на использование файлов cookie .

Используя простой интерфейс, вы сможете настроить свой баннер cookie:

  • Размещение
    Включая все вышеперечисленные примеры и многое другое
  • Текст
    Включая возможность ссылки на вашу политику конфиденциальности
  • Кнопка
    И текст, и цвет вашей кнопки
  • Цвета
    Чтобы соответствовать дизайну вашего сайта

И он также включает в себя специальный адаптивный режим, который гарантирует, что ваше уведомление о согласии на использование файлов cookie отлично работает и для мобильных посетителей. Вот как использовать Getsitecontrol для создания уведомления о согласии на использование файлов cookie…

Шаг 1. Добавьте Getsitecontrol на свой сайт

Хотя вы будете выполнять большую часть работы в веб-интерфейсе Getsitecontrol, сначала вам нужно добавить Getsitecontrol на свой веб-сайт, чтобы вы могли отображать баннер согласия на использование файлов cookie после его публикации.

Для этого вам необходимо создать учетную запись Getsitecontrol. Затем вам нужно добавить на свой сайт фрагмент кода Getsitecontrol. Если вы используете WordPress, самый простой способ добавить фрагмент - через официальный плагин Getsitecontrol. Он выполнит интеграцию за вас. Для других сайтов вам необходимо вручную добавить код перед закрывающим </body> на вашем сайте.

Если вы не знаете, как это сделать, в документации Getsitecontrol есть подробные руководства для большинства популярных платформ, в том числе:

  • Shopify
  • Joomla
  • Squarespace

Как только вы закончите процесс, вы можете использовать Кнопка установки кода в панели управления Getsitecontrol, чтобы убедиться, что код работает:

Код установки Getsitecontrol

Теперь вы готовы создать фактическое уведомление о согласии на использование файлов cookie!

Шаг 2. Выберите шаблон из галереи

Самый быстрый способ добавить уведомление о согласии на использование файлов cookie на ваш веб-сайт - это начать с шаблона. Войдите в свою панель управления Getsitecontrol и нажмите кнопку + Создать виджет на панели инструментов Getsitecontrol, а затем перейдите к Галерея шаблонов .

галерея шаблонов баннеров для файлов cookie

Обратите внимание, что шаблоны баннеров cookie в галерее уже включают некоторый общий текст, однако имейте в виду, что вы сможете изменить как текст, так и дизайн, если хотите.

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

Шаг 3. Измените цветовую тему (необязательно)

Шаблоны доступны в двух цветовых темах по умолчанию: черном и белом. Однако, если вы хотите, чтобы цвета вашего баннера согласия соответствовали остальной части вашего сайта, вы можете сделать это в настройках темы. Getsitecontrol позволяет вам устанавливать цвета для:

  • Фон
  • Кнопка
  • Обычный текст
  • Текст кнопки

Getsitecontrol позволяет вам изменить цветовую тему вашего баннера cookie.

Вы также можете добавить изображение из галереи или загрузить изображение со своего компьютера.

Шаг 4. Добавьте свой контент

Теперь, когда вы определились со стилем и расположением вашего баннера согласия, пришло время настроить сообщение согласия для ваших посетителей. Общий текст уже включен, но вы можете редактировать его по своему усмотрению. Кроме того, вам нужно будет добавить ссылку на свою политику в отношении файлов cookie.

Чтобы настроить содержимое вашего баннера, откройте меню редактирования текста.

Не требуется указывать точный текст, который вы используете, но, опять же, цель здесь - получить «четкое, осознанное согласие». Итак, вот альтернативная копия, которую вы можете использовать:

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

Измените копию на своем баннере cookie с помощью интуитивно понятного текстового редактора

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

Шаг 5. Укажите, когда появляется уведомление о согласии на использование файлов cookie

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

Перейти к Остановить отображение виджета меню и выберите + Добавить условие . Тогда выбирай Закрытие .

Установите правильные настройки таргетинга, чтобы те, кто принял вашу политику в отношении файлов cookie, больше не видели баннер

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

Шаг 6. Активируйте баннер согласия на использование файлов cookie

Теперь все готово! Все, что вам нужно сделать, чтобы опубликовать уведомление о согласии на использование файлов cookie, - это нажать кнопку Сохранить и закрыть в правом верхнем углу, чтобы завершить настройку баннера.

Затем выберите вариант Активировать теперь как предлагает приложение:

Баннер cookie активирован

Как только вы это сделаете, посетители должны начать видеть уведомление о согласии на использование файлов cookie. И как только они нажмут кнопку, чтобы согласиться на использование файлов cookie, они больше не будут видеть баннер файлов cookie.

Добавление уведомления о согласии на использование файлов cookie не должно быть трудным

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

Колин Ньюкомер - писатель-фрилансер с опытом работы в области SEO и партнерского маркетинга. Он помогает клиентам повысить узнаваемость своих клиентов в сети, написав в основном о WordPress и цифровом маркетинге.

Вы читаете блог Getsitecontrol, в котором эксперты по маркетингу делятся проверенными тактиками развития вашего онлайн-бизнеса. Эта статья является частью раздела «Взаимодействие с клиентами».

Подпишитесь на нашу рассылку → Основная иллюстрация от Icons8