OneTrust: проверьте, используется ли OneTrust в проекте, и дождитесь полной загрузки

Сам OneTrust не поставляется с какими-либо инструментами JS, позволяющими узнать, когда баннер загружен и готов к использованию. Вам придется либо прослушивать событие load в теге <script> скрипта OneTrust, либо отправлять пользовательское событие в обратном вызове OptanonWrapper.

<script type = "text/javascript">
  function OptanonWrapper() { 
    const oneTrustLoadedEvent = new CustomEvent('onetrustloaded');
    window.dispatchEvent(oneTrustLoadedEvent);
  }
</script>

Это позволит вам запускать код всякий раз, когда OneTrust действительно готов, вместо опроса.

Ответ, который мне был нужен, я нашел благодаря ответу @emiel-zuurbier.

• Обновление (25 июля 2024 г.): добавлен окончательный рабочий функционал.

Функция OptanonWrapper в реализации сценария OneTrust с моим пользовательским событием:

function OptanonWrapper() {
    const event = new Event('onetrustloaded');
    document.dispatchEvent(event);
    window.OneTrustLoaded = true;
}

Проверьте доступность OneTrust:

export const isOneTrustActive = (): boolean => {
    return typeof window !== 'undefined' && typeof window.OptanonWrapper === 'function';
};

Проверьте, завершилась ли загрузка OneTrust:

export const isOneTrustLoaded = (): boolean => {
    // Set OneTrustLoaded window variable if not yet available --> not yet ready
    if (!(typeof window.OneTrustLoaded === 'boolean')) {
        window.OneTrustLoaded = false;
    }

    return window.OneTrustLoaded;
};

Функция для ожидания пользовательского события инициализации OneTrust и вызова обратного вызова:

export const initOneTrustCallback = (immediateCallback: any, onChangeCallback: any): void => {
    // OneTrust finished loading?
    if (!isOneTrustLoaded()) {
        document.addEventListener('onetrustloaded', () => {
            window.OneTrustLoaded = true;

            // Initial check for cookie state to either activate videos or not - without reloading page
            immediateCallback();

            // OneTrust OnConsentChanged will be called by OneTrust when cookies have been changed
            window.OneTrust.OnConsentChanged(onChangeCallback);
        });
        return;
    }

    // Initial check for cookie state to either activate videos or not - without reloading page
    immediateCallback();

    // OnConsentChanged will be called by OneTrust when cookies have been changed (listener)
    window.OneTrust.OnConsentChanged(onChangeCallback);
};

Как выглядит окончательная реализация моей функции инициализации:

/* Init */
((): void => {
    if (!isOneTrustActive()) {
        // Initialize normal components and functions here without considering OneTrust cookies...
        return;
    }
       
    // Initial OneTrust init
    initOneTrustCallback(initFunction, onChangeFunction);
})();