在没有插件的情况下，在WordPress中创建cookie bar同意

Question

我在这个领域很新，但是我想为我的WordPress主题创建一个cookie同意栏，但没有使用插件或任何外部帮助，只需纯代码（我使用Bootstrap 5.1和PHP）。我希望我很明确。提前致谢。

Answer 1

一个非常基本的是此代码

function custom_consent()
{
if(!isset($_COOKIE['consent_cookie'])):
?>
<div class="your-bootstrap-classes" id="consent-container">
    <p>We use some cookies for best use experience <a id="custom-accept" href="Javascript:void(0)">Agree</a><a id="custom-close" href="Javascript:void(0)">Close</a></p>
</div>
<?php endif; ?>
<script type="text/javascript">
(function($){

$('#custom-close').on('click', function(){
    $('#consent-container').remove();
});

$('#custom-accept').on('click', function(){

    var date = new Date();
    console.log(date.getTime());
    var expires = "";
    // this is for 1 minute, just adjust the time
    date.setTime(date.getTime() + (1*60*1000));

    expires = "; expires=" + date.toUTCString();
    document.cookie = "consent_cookie=true; "+expires+"; path=/";
    $('#consent-container').remove();
});

})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_consent');