Strony WWW z SystemFlow: Notyfikacje Cookie

SystemFlow 1.0+

0:00Kolejnym komponentem, który chciałbym Ci

0:01pokazać jest Kuki notyfikacje, czyli notyfikacja o ciasteczkach.

0:05To jest jeden komponent, z którego łatwo

0:08można skorzystać i wyszukać go jako list komponent Kuki Navigation albo skopiować

0:13stan z dokumentacji i wstawić na naszą stronę.

0:16Znów komentarze szukam i wstawiam.

0:18To jest kontener, które zawiera kilka elementów.

0:22Możemy go podlinkować, no i naturalnie możemy dostosować go do naszych potrzeb.

0:27Zmniejszyć.

0:28Możemy przetłumaczyć ten body tekst, który się tutaj znajduje, wyświetlić go np.

0:33w postaci modal, a możemy zrobić to w połączeniu z naszym komponentem modal.

0:39No ale to co jest ważne to taki Kukiz NET fiction będzie działał w ten sposób, że po

0:45kliknięciu go, czyli czy możemy zmienić ten przycisk na dowolny tekst?

0:50Tak naprawdę nie pokaże się już nigdy więcej ten Kukiz fiction.

0:54Cały kontener zostanie wpisane do naszego

0:57local storage do plików podręcznej przeglądarki.

1:00Zostanie wpisane, żeby już go nie pokazywać.

1:02No i nie pokaże się, dopóki użytkownik nie usunie plików podręcznych przeglądarki.

1:06Jedynie co trzeba zrobić to ustawić na takim komponencie Data.

1:12Kukiz 0 I w zasadzie to wszystko.

1:14Jeśli zerkniesz jeszcze na button ma on dodane komponent Data wysyłki Akcept 0.

1:19Więc w zasadzie odtwarzając te komponenty

1:21możesz zrobić to na dowolnej innej strukturze.

1:25Bo uznaliśmy, że taki Kukiz fiction jest dość powszechnym rozwiązaniem.

1:29Możemy zmienić jego pozycję ze static na

1:32fixed, a następnie wrzucić go po prostu na dół w tą dolną część na stronie.

1:37Pamiętaj, że aby takie coś zadziałało, musisz zawsze to opublikować, ponieważ

1:42skrypty komponentów znajdują się w ustawieniach ogólnych w kodzie strony.

1:47Przenieśmy się teraz na tę stronę demo

1:49i otwórzmy sobie panel inspekcji w Chromie czy w Brave.

1:54Rozwijamy panel inspekcji tak, żeby widzieć sekcję Application.

1:58To tutaj znajduje się taka sekcja jak

2:00Local Storage i to w niej będzie zapisany rekord.

2:03O tym, żeby tych ciasteczek więcej już nie pokazywać.

2:06Jeśli otworzymy lokal Storage mamy informacje o plikach w loka storage z tej

2:11konkretnej witryny i na razie nic tutaj nie ma.

2:15Ale w momencie gdy wybierzemy kod, czyli zgodzimy się na politykę Kukiza,

2:19stwierdzimy taki element Pojawił się Kukiz.

2:23I teraz odświeżając stronę wciskam control czy Command.

2:27Odświeżam stronę, a mimo wszystko to powiadomienie się nie wyświetla.

2:32Gdybyśmy to powiadomienie usunęli, czyli wybieram polecenie Edit z lokal Storage

2:36Controller i znowu jest widoczne po wysłaniu.

2:41Jak widzisz znów wpisuje nam się to do storage i nie będzie wyświetlało się.

2:45Dodatkowo powiadomienia o kuki mają

2:47jeszcze jedną funkcję możemy przejść do ustawień póki net fiction i tutaj we

2:52właściwościach, czyli w Custom atrybut data syslog póki możemy jako value zamiast

2:570 podać adres web hooka, na który wyślemy dane na temat tej aktywności użytkownika.

3:05Żeby być w pełni zgodnym z GDPR musimy

3:08zachować próbę takiego zatwierdzenia ciasteczek, czyli mieć jakiś dowód i

3:13timestamp, w którym użytkownik takie ciasteczka zatwierdził i możemy

3:17przykładowo obsłużyć to z pomocą serwisu Zapier.

3:20Gdy wejdziemy na COM i utworzymy konto wybieramy Make a zap i będziemy chcieli

3:26stworzyć taką automatyzację zabierze, która odbierze nam dane.

3:30Czyli wpisujemy tutaj web i mamy coś takiego jak web zapier.

3:34Niestety do

3:35uruchamiania tej funkcji będziemy potrzebować konto płatne zabiera.

3:39Teraz jako Trigger event będziemy chcieli

3:42łapać hook, czyli dane, które zostaną do nas wysłane z tego złapie flow.

3:48Z tego komponentu wybieram polecenie continue.

3:51I teraz mamy specjalny adres Web Hub URL,

3:54który musimy skopiować, a następnie wkleić tutaj jako value.

3:59Dla tej właściwości atrybutu data z tej półki wybieram polecenie Save

4:03i w tym momencie muszę raz jeszcze opublikować stronę.

4:07Przechodzę tymczasem do zapiera i będę mógł wybrać polecenie continue.

4:12Natomiast teraz ten trigger musi zostać przetestowany, czyli muszę wysłać testowe

4:17zdarzenie, a następnie zobaczymy, czy zostanie ono odebrane.

4:21Także przejdźmy do naszej strony.

4:23Po opublikowaniu zatwierdzamy powiadomienie o ciasteczkach.

4:28Nic tutaj nie mam, więc wybierzmy inspektor.

4:31Przejdźmy do aplikacji, a następnie usuńmy

4:34ten wpis o Kuki po to, żeby mogło mi się to znów pojawić.

4:37I wybieramy polecenie KOD.

4:39I w tym momencie te dane powinny zostać wysłane.

4:41To zabiera de facto, jeśli sprawdzisz

4:43w panelu Network, znajduje się tutaj takie polecenie.

4:48Jest ono wysłane, Jest ono na ostatnim

4:51miejscu, jest wysłaniem właśnie na ten adres.

4:54Hux zabiera.

4:55Wkleiłem różnych danych i mamy zwrócony status 200.

5:00To znaczy, że teoretycznie z naszej strony te dane zostały wysłane.

5:04Zobaczmy w związku z tym, jak to wygląda w

5:05panelu Sapera wybieramy Test Trigger i mamy informację OK.

5:10Znaleźliśmy jakieś dane, które przyszły na ten web check.

5:12Ważne jest, żeby właśnie wcześniej wykonać

5:14tą operację wysłania, a dopiero później przetestować.

5:18Gdybyśmy nie mieli tutaj danych, możemy przetestować jeszcze raz, jeszcze raz, aż

5:21rzeczywiście jakiś request do nas przyjdzie.

5:23Ten request został wysłany 14 zaciągnięte 14 sekund temu.

5:28Wygląda, że jest ok, a my możemy wybrać

5:30polecenie continue, żeby wykonać jakąś akcję.

5:34I możemy teraz wybrać sobie np.

5:36Google Sheets albo Table albo nawet email czy GML i wysłać te dane do odpowiednio

5:43arkusza kalkulacyjnego, które sobie wcześniej przygotujemy.

5:46Te dane powinny zawierać informacje takie jak timestamp, kiedy zostało to wykonane,

5:51adres IP osoby, która wykonała taką akcję i to już wystarcza, abyśmy mogli prowadzić

5:56taką dokumentację zgodną z GDPR, zgodną z przepisami.

6:00Natomiast pamiętaj proszę, że w momencie gdy testujemy to tak jak my teraz na

6:04domenie testowej Web Flow nie działa to poprawnie, ponieważ web ma

6:08na swoich domenach pewne ograniczenia jeśli chodzi o wysyłanie takich zapytań.

6:12Jest to zrozumiałe, bo każdy mógłby wysłać

6:14tysiące czy miliony różnych zapytań ze stron demo postawionych na web flow.

6:19W związku z tym pamiętaj, że będzie to poprawnie działać dopiero w momencie,

6:22kiedy będziemy mieli zdjętą i skonfigurowaną własną domenę i wtedy

6:26będziemy mogli w prosty sposób dopisać sobie dodać sobie tutaj jakąś akcję, która

6:30zapisze nam każde takie działanie użytkownika.

6:33To wszystko co chciałem pokazać i w tej lekcji wszystko o notyfikacja Kuki.

6:37Do usłyszenia w lekcji kolejnej.