主页 / 问题 / 1559754
Accepted
Denis
Asked:2024-01-01 12:50:57 +0000 UTC2024-01-01 12:50:57 +0000 UTC

WordPress Cookie 用户协议

  • 772

网站上有这样一个模态窗口

在此输入图像描述

我不知道如何实施。当您点击“我同意条款和条件”时会发生什么。只需关闭窗口或某些代码应该可以工作。WordPress 上的网站。

这是html

<div class="cookie_modal">
    <div class="row">
        <div class="cookie">
            <div>
                <p>Продолжая пользоваться сайтом,<br /> вы соглашаетесь с условиями <a href="#">использования файлов cookie</a>.</p>
            </div>
            <div>
                <a href="#" class="blue_pill close_cookie">Соглашаюсь с условиями</a>
            </div>
        </div>
    </div>
</div>
javascript

1 个回答

  1. Best Answer

    当您点击该按钮时，您需要设置一个cookie，以便不再向用户显示此消息。

    这是实施文件。

    <?php
/**
 * GDPR class file.
 */

/**
 * Class GDPR
 */
class GDPR {

    /**
     * Init class.
     */
    public function init(): void {
        add_action( 'wp_print_footer_scripts', [ $this, 'print_footer_scripts' ] );
    }

    /**
     * Print the GDPR message in footer.
     */
    public function print_footer_scripts(): void {
        ?>
        <div id="cookie-notice">
            <div>
                <?php esc_html_e( 'This website uses cookies to ensure you get the most relevant experience on our website.' ); ?>
            </div>
            <div>
                <button onclick="acceptCookie();"><?php esc_html_e( 'Accept' ); ?></button>
            </div>
        </div>

        <style>
            #cookie-notice {
                background: #ddd;
                font-family: 'Open Sans', sans-serif;
                font-size: 15px;
                padding: 0 14px;
                position: fixed;
                bottom: 0;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                visibility: hidden;
                z-index: 1000000;
            }

            #cookie-notice div {
                padding: 20px 10px;
            }

            #cookie-notice button {
                color: #fff;
                background: #40b123;
                font-family: 'Open Sans', sans-serif;
                font-size: 15px;
                text-transform: uppercase;
                padding: 10px 15px;
                width: 100%;
                cursor: pointer
            }
        </style>

        <script>
            function acceptCookie() {
                document.cookie = 'gdpr-cookie=1; expires=Thu, 18 Dec 2030 12:00:00 UTC; path=/';
                document.getElementById( 'cookie-notice' ).style.visibility = 'hidden';
            }

            document.cookie.indexOf( 'gdpr-cookie' ) < 0 &&
            ( document.getElementById( 'cookie-notice' ).style.visibility = 'visible' );
        </script>
        <?php
    }
}

( new GDPR() )->init();
    • 0

相关问题