reCaptcha Anpassung

Usercentrics blockt automatisch das reCaptcha, wenn keine Einwilligung vorliegt. Heisst, dass die Formular dann nicht mehr abgeschickt werden können.
Es erscheint ein Hinweistext von Usercentrics am Ende des Formulars.

Weitere Anpassungen

Javascript

Mit folgendem Code kann der Einwilligungsstatus abgefragt werden:

window.usercentrics.getConsents('SERVICE_ID').consentStatus

Die ID ist die des Services im Backend.

Um auf die Einwilligungsänderungen zu reagieren, folgenden Code verwenden:

window["usercentrics"] = window["usercentrics"] || {};
if (window["usercentrics"].isInitialized) {
    window.addEventListener("ucEvents", function (e) {
        // ...do something
    });
} else {
    window["usercentrics"].onViewInit = function () {
        window.addEventListener("ucEvents", function (e) {
            // ...do something
        });
    }
}

Komplettes Beispiel bei Paravan:

window["usercentrics"] = window["usercentrics"] || {};
if (window["usercentrics"].isInitialized) {
    setFormVisibility(window.usercentrics.getConsents('Hko_qNsui-Q').consentStatus);

    window.addEventListener("ucEvents", function (e) {
        setTimeout(function () {
            setFormVisibility(window.usercentrics.getConsents('Hko_qNsui-Q').consentStatus);
        },500);
    });
} else {
    window["usercentrics"].onViewInit = function () {
        setFormVisibility(window.usercentrics.getConsents('Hko_qNsui-Q').consentStatus);

        window.addEventListener("ucEvents", function (e) {
            setTimeout(function () {
                setFormVisibility(window.usercentrics.getConsents('Hko_qNsui-Q').consentStatus);
            },500);
        });
    }
}

function setFormVisibility(mode) {
    if (mode) {
        $('.form-container').addClass('activate');
    } else {
        $('.form-container').removeClass('activate');
    }
}

Das "setTimeout" wurde hinzugefügt, weil es ab und zu vorkommen kann, dass wenn der User im Banner auf "Alle Erlauben" klickt, der Wert für den Service erst mit etwas Verzögerung gesetzt wird.