Konfiguracja Consentl na Państwa platformie
Należy wybrać swoją platformę i postępować zgodnie z poradnikiem. Każdy z nich pokazuje, jak zainstalować i połączyć Consentl, co skonfigurować, jak sprawdzić, czy wszystko działa, i na co platforma nie pozwala.
Jak elementy współpracują ze sobą
- Panel
- Pod adresem app.consentl.com. Tutaj projektują Państwo baner, wybierają regiony, przeglądają pliki cookie i teksty oraz znajdują zapisy zgód i wnioski dotyczące danych osobowych.
- Klucz witryny
- Publiczny identyfikator zaczynający się od sk_, który informuje Consentl, których ustawień witryny użyć. Nie jest hasłem.
- Skrypt ładujący
- Jeden skrypt, jako pierwszy w <head>. Stosuje wybór odwiedzającego, wstrzymuje tagi oczekujące na zgodę i w razie potrzeby wyświetla baner.
- Wtyczka lub fragment kodu
- Wtyczki dodają skrypt ładujący za Państwa i przekazują każdy wybór do ustawień zgód Państwa platformy. W każdej innej witrynie fragment kodu wkleja się samodzielnie.
Zanim Państwo zaczną (wszystkie platformy oprócz Shopify)
- Należy założyć bezpłatne konto na app.consentl.com i dodać witrynę ze wszystkimi nazwami hostów, pod którymi działa (www i domena bez www liczą się jako jedna; domeny testowe należy dodać osobno). Zacznij za darmo
- Należy skopiować klucz witryny ze strony Konfiguracja danej witryny. Zaczyna się od sk_ i jest publiczny: identyfikuje witrynę, nie jest hasłem.
- Wtyczki mogą pobrać klucz za Państwa przyciskiem Połącz. W przeciwnym razie należy go wkleić albo samodzielnie dodać skrypt ładujący.
- Sklepy Shopify będą zamiast tego korzystać z aplikacji Consentl dla Shopify, która nie wymaga klucza witryny. Będzie dostępna wkrótce. Aplikacja dla Shopify (wkrótce)
Shopify
Shopify
Aplikacja Consentl dla Shopify będzie dostępna wkrótce: osadzenie w motywie bez kodu i klucza witryny, które przekazuje wybór do Customer Privacy API Shopify.
Wtyczki do platform
WordPress
Zainstaluj wtyczkę Consentl, kliknij Połącz, a baner ładuje się jako pierwszy w <head>. Działa z WP Consent API, pamięcią podręczną stron, WPML, Polylang i motywami.
WooCommerce
Sklepy WooCommerce korzystają z wtyczki Consentl do WordPress. Wyłącza ona atrybucję zamówień do czasu zgody na marketing i działa z buforowaniem całych stron.
Shopware 6
Wtyczka Consentl dla Shopware 6.6 i 6.7 umieszcza baner jako pierwszy w <head>, zastępuje pasek cookie Shopware i synchronizuje grupy plików cookie z każdym wyborem.
PrestaShop
Moduł Consentl dla PrestaShop 8 i 9: baner jako pierwszy w <head>, gotowe strony o prywatności, shortcode'y i widżety, multistore i oficjalny moduł RODO.
Magento 2
Moduł Consentl dla Magento i Adobe Commerce od 2.4.6 do 2.4.8: skrypt ładujący zaraz po <meta charset>, połączenie z Cookie Restriction Mode i widżety CMS. Luma i Hyvä.
Każda strona internetowa
Każda strona internetowa (fragment kodu)
Dodaj jeden tag script jako pierwszy w sekcji <head> witryny. Baner, teksty, regiony, Consent Mode i reguły blokowania konfiguruje się w panelu Consentl.
Google Tag Manager
Szablon Google Tag Manager (import ręczny): ustawia domyślne wartości Consent Mode v2 dla regionów, a od planu Pro przekazuje każdy wybór do tagów Google.
Kreatory stron internetowych
Webflow
Dodaj skrypt ładujący Consentl do kodu Head całej witryny Webflow, przekaż wybór do Webflow Analyze i dowiedz się, co oznacza „nie pierwszy w head” w Webflow.
Wix
Dodaj Consentl jako własny kod Wix, kieruj śledzenie przez Marketing Integrations, przekazuj każdy wybór do Consent Policy Manager Wix i poznaj ograniczenia Wix.
Squarespace
Dodaj Consentl przez wstrzykiwanie kodu Squarespace, przenieś Google Analytics z wbudowanej integracji, wyłącz baner Squarespace i sprawdź, co działa pierwsze.
BigCommerce
Zainstaluj Consentl w BigCommerce przez Script Manager lub w motywie Stencil dla ścisłego wstępnego blokowania, z checkoutem zgodnym z PCI i obsługą Catalyst.
Ghost
Dodaj Consentl do Ghost przez wstrzykiwanie kodu lub w motywie, aby skrypt był pierwszy w <head>, i sprawdź, których funkcji Ghost Consentl nie wstrzymuje.
Framer
Dodaj Consentl za pomocą własnego kodu Framer w miejscu „Start of <head> tag”, które uruchamia go przed skryptami Framer, i zastąp komponent Cookie Banner Framer.
Frameworki
Next.js
Umieść Consentl jako pierwszy w <head> głównego layoutu App Router, ładuj inne tagi przez mały komponent ConsentlScript lub użyj _document w Pages Router.
Nuxt
Dodaj skrypt ładujący Consentl do Nuxt 3 i 4 za pomocą app.head i tagPriority 0, aby był renderowany przed każdym innym skryptem.
Astro
Dodaj skrypt ładujący Consentl do bazowego layoutu Astro z is:inline, aby Astro nie dołączało go do odroczonego modułu. Działa z przejściami widoków (ClientRouter).
React, Vue, Angular (SPA)
W aplikacjach jednostronicowych budowanych z Vite, Create React App lub Angular CLI skrypt ładujący Consentl należy umieścić w index.html, a nie w komponencie.