Cookie Consent Banner With Google Consent Mode

$wpide_consent = array(
    'text'       => 'We use cookies to understand how our site is used and to improve your experience.',
    'policy_url' => get_privacy_policy_url(), // Link to your privacy policy.
    'days'       => 180,                       // How long the choice is remembered.
);

add_action( 'wp_head', function () {
    ?>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
(function () {
    var granted = /(?:^|; )wpide_consent=granted/.test(document.cookie);
    var state = granted ? 'granted' : 'denied';
    gtag('consent', 'default', { ad_storage: state, ad_user_data: state, ad_personalization: state, analytics_storage: state, wait_for_update: 500 });
})();
</script>
    <?php
}, 1 );

add_action( 'wp_footer', function () use ( $wpide_consent ) {
    ?>
<div id="wpide-consent" role="dialog" aria-live="polite" aria-label="Cookie consent" hidden style="position:fixed;left:16px;right:16px;bottom:16px;z-index:99999;max-width:640px;margin:0 auto;padding:16px 20px;border-radius:8px;background:#1e1e1e;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.25);font-size:14px;line-height:1.5;">
    <p style="margin:0 0 12px;"><?php echo esc_html( $wpide_consent['text'] ); ?>
    <?php if ( $wpide_consent['policy_url'] ) : ?>
        <a href="<?php echo esc_url( $wpide_consent['policy_url'] ); ?>" style="color:#fff;text-decoration:underline;">Privacy policy</a>
    <?php endif; ?></p>
    <button type="button" data-consent="granted" style="margin-right:8px;padding:8px 16px;border:0;border-radius:4px;background:#fff;color:#1e1e1e;cursor:pointer;">Accept</button>
    <button type="button" data-consent="denied" style="padding:8px 16px;border:1px solid #fff;border-radius:4px;background:transparent;color:#fff;cursor:pointer;">Reject</button>
</div>
<script>
(function () {
    var box = document.getElementById('wpide-consent');
    if (!box) { return; }
    if (!/(?:^|; )wpide_consent=/.test(document.cookie)) { box.hidden = false; }
    box.addEventListener('click', function (e) {
        var choice = e.target.getAttribute('data-consent');
        if (!choice) { return; }
        var days = <?php echo (int) $wpide_consent['days']; ?>;
        document.cookie = 'wpide_consent=' + choice + ';path=/;max-age=' + (days * 86400) + ';SameSite=Lax' + (location.protocol === 'https:' ? ';Secure' : '');
        if (typeof gtag === 'function') {
            gtag('consent', 'update', { ad_storage: choice, ad_user_data: choice, ad_personalization: choice, analytics_storage: choice });
        }
        document.dispatchEvent(new CustomEvent('wpide:consent', { detail: choice }));
        box.hidden = true;
    });
})();
</script>
    <?php
} );