Путеводитель / Статья

Как добавить файлы cookie к вашему веб-сайту Webflow

Поточная база
30 октября 2020 года
Как добавить файлы cookie к вашему веб-сайту Webflow

Сегодня мы хотели бы поделиться с вами суперпростым руководством по добавлению cookie-файлов к вашим веб-сайтам. Это позволит вам очень легко скрыть модалы, всплывающие окна и т.д. и для них НЕ показывать снова. (в течение выбранного количества дней)

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

Добавить сценарий куки

Во-первых, скопируйте следующий скрипт в раздел ваших настроек пользовательского кода.

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

Добавить Переменные Cookie

Скопируйте эти атрибуты в следующий <body> раздел настроек пользовательского кода. </body>

&amp;lt;script&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;// default time is 182 days&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;flowBaseCookie(&amp;amp;#x27;#cookieBlock&amp;amp;#x27;, &amp;amp;#x27;#accept&amp;amp;#x27;, &amp;amp;#x27;#clr&amp;amp;#x27;, 30);&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;

Он должен выглядеть как this🎉.


Добавить #ID (cookieBlock)

Перейдите к основному слою вашего элемента cookie. Это может быть первичная обертка для вашего всплывающего окна / уведомление / модал и т.д. Нам нужно присвоить идентификатор 'cookieBlock' этому элементу.

Добавить #ID (принять)

Перейдите к кнопке принятия/закрытия вашего элемента cookie. Как только пользователь нажимает на эту кнопку / ссылку и т.д., он закроет файл cookie и сохранит его. Нам необходимо присвоить этому элементу ID 'accept'.

Переменные Cookie

  • #cookieBlock = #ID применяется к основному элементу куки .
  • #accept = #ID применяется к кнопке "принять" / "закрыть"вашего куки.
  • #clr = #ID применяется к кнопке для очистки куки. (ФАКУЛЬТАТИВНО)
  • '30' = Измененное направление в скрипте, и представляет собой 30 дней.

Поточная база
30 октября 2020 года

Получайте ресурсы веб-потока непосредственно в свой почтовый ящик.

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

ДРУГИЕ РУКОВОДСТВА И УРОКИ

Ускорьте ваш сайт еще больше.