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)

  1. 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
  2. Należy skopiować klucz witryny ze strony Konfiguracja danej witryny. Zaczyna się od sk_ i jest publiczny: identyfikuje witrynę, nie jest hasłem.
  3. Wtyczki mogą pobrać klucz za Państwa przyciskiem Połącz. W przeciwnym razie należy go wkleić albo samodzielnie dodać skrypt ładujący.
  4. 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.