Eine einfache React-Cookie-Bot-Komponente, die Cookiebot konfiguriert

Blog

Eine einfache React-Cookie-Bot-Komponente, die Cookiebot konfiguriert

Eine einfache React-Cookie-Bot-Komponente, die Cookiebot konfiguriert

reagieren-cookiebot

Eine einfache Cookie-Bot-Komponente, die Cookiebot in Ihrem . konfiguriert react oder react-native-web Anwendung.

Das wird auf jeden Fall funktionieren. Es ist auch eine gute Möglichkeit, Attribute dynamisch hinzuzufügen/zu ändern. Es ist jedoch wichtig, dass das Skript als erstes geladen wird, um sicherzustellen, dass nichts anderes zuerst geladen wird und Probleme verursachen kann. Richard, Cookiebot-Support

Was ist ein Cookie-Bot?

COOKIEBOT HILFT, IHRE VERWENDUNG VON COOKIES UND ONLINE-TRACKING KONFORM ZU MACHEN.

Die Datenschutz-Grundverordnung (DSGVO) gilt für alle Websites mit Nutzern aus der EU. Prüfen Sie, ob die Verwendung von Cookies und Online-Tracking auf Ihrer Website der DSGVO und der ePrivacy-Richtlinie (ePR) entspricht.

Sehen Sie, welche Daten Ihre Website sammelt und an Dritte weitergibt – auch nützlich für die Einhaltung des CCPA (California Consumer Privacy Act).

Besuchen Sie Cookiebot Webseite

Demo

Sieh den Demo

Verwendungszweck

Importieren Sie einfach |_+_|, dieses Beispiel zeigt, wie es verwendet wird und wie Sie testen können, ob es korrekt in die Seite eingefügt wird:

React CookieBot arbeitet mit React-Native-Web, konfigurieren Sie Ihre Auflösungserweiterungen so, dass |_+_| . aufgelöst wird und |_+_|.

Dokumentation

Lesen Reaktions-Cookiebot-Dokumentation .

Erstellen Sie ein Cookie-Bot-Konto

Du musst Erstellen Sie ein Konto auf cookiebot und erhalte ein |_+_| für Ihre Website:

Bild

Erstellen Sie das Konto

Bild

Erstellen Sie den Domain-Cookie-Bot, den der Bot handhaben wird

Bild

Konfigurieren Sie das Cookie-Bot-Layout

Wo kann man Punkt-Krypto kaufen?

Bild

Konfigurieren Sie die Cookie-Bot-Sprache

Bild

Holen Sie sich Ihre Domaingruppen-ID

Speichern nicht vergessen

Bild

Diese Cookie-Einwilligung wird auf Ihrer Website angezeigt:

Bild

Aufbau

Konfigurieren Sie das Webpack zum Laden der Erweiterungen |_+_|:

import React, { useState } from 'react'; import { Button, View, Text } from 'react-native'; const domainGroupId = 'ecff8d69-d1cb-416f-a86f-ba55b3f38707'; function App() { const [hasCookieBot, setHasCookieBot] = useState(undefined); return ( Click to test Cookiebot setHasCookieBot(!!document.querySelector('#CookieBot'))} /> {hasCookieBot && `Has CookieBot: ${JSON.stringify(hasCookieBot)}`} ); }

Zustimmungsbanner/Dialogsprache

Wenn Sie die Sprache der Einwilligung erzwingen möchten (für i18n):

.web.js

Wenn die Zustimmung zu dieser Sprache nicht definiert ist, wird die Standardsprache geladen (oder automatisch erkannt).

Benutze es einmal

Sie müssen diese Komponente im Stammverzeichnis Ihrer Anwendung rendern, andernfalls stellen Sie sicher, dass Ihre übergeordnete Komponente nicht erneut gerendert wird.

Folgendes wird in Ihrer Konsole angezeigt, wenn Sie |_+_| unterbrechen: |_+_|

Beitragen

Wenn Sie zu response-cookiebot beitragen möchten, besuchen Sie bitte unsere Beitrags- und Community-Richtlinien , sie helfen Ihnen bei der Einrichtung vor Ort und erklären den gesamten Vorgang.

Bitte beachten Sie auch, dass alle Repositorien unter der yeutech-lab Organisation unserer Verhaltenskodex , stellen Sie sicher, dass Sie es lesen und befolgen.

Download-Details:

Autor: yeutech-lab

Demo: https://yeutech-lab.github.io/react-cookiebot/

Quellcode: https://github.com/yeutech-lab/react-cookiebot

#reagieren #reagieren-native #mobile-apps