mod: согласие на отслеживание совмещено с фингерпринтом браузера UUIDv4

hypn0/hypn0_site/context_processors.py

@@ -1,10 +1,12 @@
 from django.conf import settings
 from django.http import HttpRequest
 
-# Имя куки, которая ставится клиенту, когда он СОГЛАСИЛСЯ на отслеживание
-# (Google Tag Manager, Яндекс.Метрика и т.п.). Если кука присутствует —
-# предупреждение о трекинге больше не показываем.
-ALLOW_TRACKING_COOKIE_NAME = "allow_tracking"
+# Имя куки с UUID устройства посетителя. Устанавливается при согласии
+# с условиями ("Подчиниться Гипножабе!").
+# Одновременно служит:
+# 1) Флагом согласия на отслеживание (ALLOW_TRACKING).
+# 2) Анонимным идентификатором устройства для учета голосов (TbVote) без сбора ПДн.
+ALLOW_TRACKING_COOKIE_NAME = "hypn0_vid"
 
 
 def site_context(request: HttpRequest) -> dict:

hypn0/templates/block/allow-tracking.html

@@ -1,4 +1,4 @@
-{# НИЖНИЙ POPUP О КУКУХ И ОТСЛЕЖИВАНИИ #}<div id="allow-tracking-popup" class="sticky bottom-0 z-50 bg-gray-100/80 dark:bg-slate-800/70 backdrop-blur border-t border-gray-300 dark:border-gray-700">
+{# НИЖНИЙ POPUP О КУКУХ И ОТСЛЕЖИВАНИИ #}<div id="allow-tracking-popup" x-data="{ agreed: !!localStorage.getItem('hypn0_vid') }" x-show="!agreed" x-cloak class="sticky bottom-0 z-50 bg-gray-100/80 dark:bg-slate-800/70 backdrop-blur border-t border-gray-300 dark:border-gray-700">
     <div class="max-w-7xl mx-auto px-4 py-8 grid grid-cols-[auto_1fr] gap-x-4">
         <p class="flex-col px-6 py-6">
             Внимание! В&nbsp;соответствии с&nbsp;152-<abbr title="Федеральный закон">ФЗ</abbr>
@@ -8,6 +8,6 @@
             впадаете в&nbsp;транс и&nbsp;принимаете условия нашей <a href="/info/privacy-policy">политики
             коконфи&shy;денциаль&shy;ности</a>. <strong>Не&nbsp;пытайтесь переключить вкладку!</strong>
         </p>
-        <button x-data @click="document.cookie='allow_tracking=1; path=/; max-age=31536000'; $el.closest('#allow-tracking-popup').remove()" class="text-lg px-6 py-2 my-6 border-2 rounded-md bg-emerald-600 hover:bg-emerald-500 dark:bg-emerald-500 dark:hover:bg-emerald-400 text-white">Подчиниться Гипножабе!</button>
+        <button @click="const vid = crypto.randomUUID(); localStorage.setItem('hypn0_vid', vid); document.cookie = `hypn0_vid=${vid}; path=/; max-age=63072000; SameSite=Lax`; agreed = true" class="text-lg px-6 py-2 my-6 border-2 rounded-md bg-emerald-600 hover:bg-emerald-500 dark:bg-emerald-500 dark:hover:bg-emerald-400 text-white">Подчиниться Гипножабе!</button>
     </div>
 </div>{# / НИЖНИЙ POPUP О КУКУХ И ОТСЛЕЖИВАНИИ #}

hypn0/templates/css/tailwind-custom.css

@@ -74,6 +74,10 @@
   добавить border-0 (убирает пунктир) и свой text-slate-900 dark:text-
   slate-100 (задаёт свой цвет вместо цвета типовой ссылки) — это и сделано
   в block/header.html.{% endcomment %} */
+  [x-cloak] {
+    display: none !important;
+  }
+
   a {
     @apply border-b border-dotted
       /* В светлой теме: глубокий изумрудный, в темной: блеклый лайм (отлично читается) */