简化自 https://www.cloudflare.com/apps/cookie-consent ，版权归原作者所有，此例仅供学习研究使用。

tibrr-cookie-consent.html

<!-- https://www.cloudflare.com/apps/cookie-consent -->
<!-- The copyright belongs to the original author, this example only for study. -->
<cloudflare-app app="tibrr-cookie-consent" style="background-color: rgb(25, 25, 25); opacity: 1; bottom: 0px; z-index: 1; position: fixed;"><div class="tibrr-cookie-consent-container" style="justify-content: center;"><div class="tibrr-cookie-consent-text" style="font-size: 1em; color: rgb(255, 255, 255);">This website uses cookies to improve your experience. <a title="Learn More" href="https://cookie-consent.app.cloudstinger.com/why-cookies.html" target="_blank">Learn More</a></div><div class="tibrr-cookie-consent-button"><button style="border-color: rgb(0, 0, 0); font-size: 1em;">Got It!</button></div></div><style>cloudflare-app[app=tibrr-cookie-consent]>.tibrr-cookie-consent-container>.tibrr-cookie-consent-button>button{background-color:#29cc41;color:#fff}cloudflare-app[app=tibrr-cookie-consent]>.tibrr-cookie-consent-container>.tibrr-cookie-consent-button>button:hover{background-color:#fff;color:#000}cloudflare-app[app=tibrr-cookie-consent]>.tibrr-cookie-consent-container>.tibrr-cookie-consent-text>a{color:#497cc9}cloudflare-app[app=tibrr-cookie-consent]>.tibrr-cookie-consent-container>.tibrr-cookie-consent-text>a:hover{color:#559bbd}cloudflare-app[app=tibrr-cookie-consent]{font-size:1.2em;width:100%;left:0}cloudflare-app[app=tibrr-cookie-consent]>.tibrr-cookie-consent-container{display:-webkit-flex;display:flex;padding:.5em;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}cloudflare-app[app=tibrr-cookie-consent]>.tibrr-cookie-consent-container>div{margin:.5em}cloudflare-app[app=tibrr-cookie-consent]>.tibrr-cookie-consent-container>.tibrr-cookie-consent-text{text-align:center}cloudflare-app[app=tibrr-cookie-consent]>.tibrr-cookie-consent-container>.tibrr-cookie-consent-button{text-align:right}cloudflare-app[app=tibrr-cookie-consent]>.tibrr-cookie-consent-container>.tibrr-cookie-consent-button>button{border-radius:.5em;border:.05em solid;padding:.4em 1em}cloudflare-app[app=tibrr-cookie-consent]>.tibrr-cookie-consent-container>.tibrr-cookie-consent-button>button:hover{cursor:pointer}</style></cloudflare-app>
<script>
(() => {
    let tibrrCookieConsent = document.querySelector('cloudflare-app[app=tibrr-cookie-consent]');
    if (!tibrrCookieConsent) {
        console.log('tibrrCookieConsent not present');
        return;
    }
    let okButton = tibrrCookieConsent.querySelector('button');
    let userLang = navigator.language || navigator.userLanguage;
    if ('zh' == userLang.slice(0, 2)) {
        let tibrrCookieConsentText = tibrrCookieConsent.querySelector('.tibrr-cookie-consent-text');
        tibrrCookieConsentText && (tibrrCookieConsentText.innerHTML = '本站使用 Cookie 来提升您的访问体验。<a title="什么是 Cookie" href="https://support.mozilla.org/zh-CN/kb/Cookies" target="_blank">什么是 Cookie</a>');
        okButton && (okButton.innerText = '好的，我知道了');
    }
    let localStorageValid = localStorage.tibrrCookieConsent && new Date(parseInt(localStorage.tibrrCookieConsent, 10)) >= new Date();
    let isConsent = ((localStorageValid === false) || (localStorageValid === undefined));
    localStorageValid && (tibrrCookieConsent.style.display = 'none');
    if (isConsent) {
        okButton && (okButton.onclick = () => {
            tibrrCookieConsent.style.display = 'none';
            let askAgainIn = new Date();
            askAgainIn.setDate(askAgainIn.getDate() + 30)
            localStorage.tibrrCookieConsent = askAgainIn.getTime()
        });
    }
})();
</script>