# 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;
}
```
Not found
This page does not exist