Algún experto en html y jquery?

estoy intentando implementar este jquey de cookies y algo falla (apenas sé html) y no sé qué es...
He implementado otras bbibliotecas en mis páginas web y nunca he tenido problemas pero esto se me resiste...y paso mucha verguenza con el cutre script del que tiro ahora...

la biblioteca es este...

Cookie Consent Settings Modal With jQuery And Bootstrap

y el codigo es este (lo subrrayado lo he puesto en el head y el resto en el body,

El archivo bootstrap-cookie-consent-settings.js lo he subido a la raiz, donde el index. Me despista el "src/" la linea 4..... debería quitarlo, no?...¿los archivos de las lineas 1, 2 y 3, debo tenerlos en mi servidor? (en otras ocasiones tambien he visto apuntar a otrar urls y archivos, pero "se podía pasar de esos archivos, que la cosa funcionaba)...
en fin, me va la presentación de de una web...se agradece cualquier idea...

Un millón de gracias de antemano...



EDITO:

he consegudo que se vea, bien, pero no rula...

Funcionan "los mouse up" de los botones..que se iluminan y eso, pero parece que las "funciones no llegan..

He creado un servidor de pruebas por si quereis ver

el de arriba lo he endosado en el código, pero no funciona...y el de abajo, con un "marcador de lugar

index

¿alguna isdea?


<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/cdn/bootstrap.min.js"></script>

<script src="src/bootstrap-cookie-consent-settings.js"></script>

var cookieSettings = new BootstrapCookieConsentSettings()

<!-- content/en.html -->
<div class="modal-dialog modal-lg shadow" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Privacy Settings</h4>
</div>
<div class="modal-body">
<div class="bcb-body-text" style="font-size: 80%">
<!-- @formatter:off -->
<p>We use cookies and similar technologies that are necessary to operate the website. Additional cookies are only used with your consent. We use the additional cookies to perform analyses of website usage and to check marketing measures for their efficiency. These analyses are carried out to provide you with a better user experience on the website. You are free to give, deny, or withdraw your consent at any time by using the "cookie settings" link at the bottom of each page. You can consent to our use of cookies by clicking "Agree". For more information about what information is collected and how it is shared with our partners, please read our <a href="Privacy Policy | jQuery Script">Data Protection Statement</a>.</p>
<!-- @formatter:on -->
</div>
<p><a href="./demo/legal-notice.html">Legal Notice</a>
<a href="#bcb-options" data-toggle="collapse" class="float-right">My settings</a>
</p>
<div id="bcb-options" class="collapse">
<div class="bcb-option" data-name="necessary">
<div class="custom-control custom-checkbox mb-1">
<input type="checkbox" checked disabled class="custom-control-input" id="bcb-checkboxNecessary">
<label class="custom-control-label" for="bcb-checkboxNecessary"><b>Necessary</b></label>
</div>
<ul>
<li>Required to run the website</li>
</ul>
</div>
<div class="bcb-option" data-name="analyses">
<div class="custom-control custom-checkbox mb-1">
<input type="checkbox" class="custom-control-input" id="bcb-checkboxAnalyses">
<label class="custom-control-label" for="bcb-checkboxAnalyses"><b>Analyses</b></label>
</div>
<ul>
<li>Monitoring website usage and optimizing the user experience</li>
<li>Evaluation of marketing actions</li>
</ul>
</div>
<div class="bcb-option" data-name="personalization">
<div class="custom-control custom-checkbox mb-1">
<input type="checkbox" class="custom-control-input" id="bcb-checkboxPersonalization">
<label class="custom-control-label"
for="bcb-checkboxPersonalization"><b>Personalization</b></label>
</div>
<ul>
<li>Storage of your preferences from previous visits</li>
<li>Collecting user feedback to improve our website</li>
<li>Recording of your interests in order to provide customised content and offers</li>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button id="bcb-buttonDoNotAgree" type="button"
class="btn btn-link text-decoration-none">
I do not agree
</button>
<button id="bcb-buttonAgree" type="button" class="btn btn-primary">Agree</button>
<button id="bcb-buttonSave" type="button" class="btn btn-outline-dark">
Save selection
</button>
<button id="bcb-buttonAgreeAll" type="button" class="btn btn-primary">Agree to all</button>
</div>
</div>
</div>

var cookieSettings = new BootstrapCookieConsentSettings({
autoShowDialog: false
})


var cookieSettings = new BootstrapCookieConsentSettings({

// the language, in which the modal is shown
lang: navigator.language,

// supported languages (in ./content/)
languages: ["en", "de"],

// dialog content
contentURL: "./content/",

// cookie name stored as JSON
cookieName: "cookie-consent-settings",

// 365 days
cookieStorageDays: 365,

// callback function, called after the user has made his selection
postSelectionCallback: undefined

})

cookieSettings.showDialog();

// get all
cookieSettings.getSettings();

// get a specific setting
cookieSettings.getSettings("analyses");


Gracias de antemano

He probado todo, con y sin el src/....comprobado en cada prueba el borrado de cookies del navegados..usado pestñas "privadas"...Poner todo el el head.....y otras chorradas dificiles de confesar...

lacuentaatras dijo:

reportando que es gerundio...

he consegudo que se vea, bien, pero no rula...

Funcionan "los mouse up" de los botones..que se iluminan y eso, pero parece que las "funciones no llegan..

He creado un servidor de pruebas por si quereis ver

el de arriba lo he endosado en el código, pero no funciona...y el de abajo, con un "marcador de lugar

index

¿alguna isdea?

Hacer clic para expandir...

Que pagues a un profesional de esto para que te lo solucione.

Es la mejor idea que te puedo dar. Eso, o te vas a Udemy y te haces un par de cursos.