# Obsidian Publish cookie banner > [!noteinfo] > Last update: 17.08.2024 · #obsidian #code #javascript #AI-generated ##### Javascript Place this code in the publish.js file. ```javascript (function() { // Verificar si el consentimiento ya fue dado if (localStorage.getItem('cookieConsent') === 'true') { return; // No mostrar el banner si ya se aceptó } var banner = document.createElement('div'); banner.id = 'cookie-banner'; // Asignar un ID para aplicar estilos desde CSS var message = document.createElement('p'); message.innerHTML = 'Este sitio usa cookies para mejorar tu experiencia. Al continuar navegando, aceptas nuestra <a href="https://tusitio.com/politica-cookies" class="cookie-link">política de cookies</a>.'; banner.appendChild(message); var acceptButton = document.createElement('button'); acceptButton.innerHTML = 'Aceptar'; acceptButton.id = 'accept-button'; // Asignar un ID para aplicar estilos desde CSS acceptButton.onclick = function() { banner.style.display = 'none'; localStorage.setItem('cookieConsent', 'true'); // Almacenar consentimiento }; banner.appendChild(acceptButton); document.body.appendChild(banner); })(); ``` ##### CSS ```css #cookie-banner { position: fixed; bottom: 0px; width: 100%; background-color: var(--bg2); text-align: center; padding: 10px; z-index: 1000; border-top: 1px solid var(--background-modifier-border); } #cookie-banner p { display: inline; } #cookie-banner button:not(.clickable-icon) { margin:10px; } ```