add cookies consent

master
Gustavo Luigi 2022-10-13 11:19:34 -03:00
parent 6e63c04b09
commit a6170ef7f8
2 changed files with 264 additions and 270 deletions

View File

@ -1 +1,2 @@
<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>

View File

@ -3,21 +3,11 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">

<title>Physiotherapie und Ergotherepie - Kurbad Pleystein</title>




@include('template.'.config('settings.template').'.content.includes.css')
@include('template.'.config('settings.template').'.content.includes.integrations')

</head>
<body style="border-top: 8px solid #23bc8c;">




<nav class="navbar navbar-expand-lg mt-3">
<div class="container ">
<a class="navbar-brand " href="{{url('/')}}">
@ -42,17 +32,12 @@
</div>
</div>
</nav>



@yield('content')

@if(true)

<div class="fixed-bottom py-4 text-light" style="background-color: #23bc8c; ">
<div class="fixed-bottom py-4 text-light" id="cookie-settings" style="background-color: #23bc8c; bottom: -100%;">
<div class="container">
<div class="row">
<div class="col-12" style="max-height: 40vh;overflow: scroll;">
<div class="col-12" style="max-height: 40vh;overflow: auto;">
<h4 class="text-light mt-2">
<svg style="margin-right: 3px;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="35" viewBox="0, 0, 202, 194">
<defs>
@ -233,20 +218,16 @@
<g id="レイヤー_2"/>
</svg> Website personalisieren?</h4>
<p style="font-size: 13px;">
Diese Seite speichert Daten wie Cookies und verwendet ähnliche Technologien, um die wichtigen Funktionen unserer Website zu aktivieren, damit alles funktioniert, wenn du diese besuchst. Außerdem setzen wir optionale Cookies und verwenden ähnliche Technologien, um dich zu erkennen und deine Nutzung unsere Website zu analysieren, damit wir unsere Leistung verbessern und dich anhand deiner Online-Aktivitäten besser ansprechen können. Ohne deine Einwilligung setzen wir aber keine optionalen Cookies. In diesem Rahmen werden deine Daten auch in Ländern außerhalb des EWR verarbeitet, in denen Daten nicht in der gleichen Weise geschützt sind wie im EWR. Du kannst deine Zustimmung für die Zukunft widerrufen. Deine Cookie-Präferenzen kannst du über die Schaltfläche „Cookie-Einstellungen“ verwalten. Cookies zur Datenverarbeitung: Speicherung von und/oder Zugang zu Informationen, die auf einem Gerät gesichert sind, Optimierung und Personalisierung von Website-Funktionen sowie Messungen, Analyse und Verbesserung der Website, Einrichtung von Benutzerprofilen und Personalisierung von Werbung und Inhalten. Mehr Informationen finden Sie in unserer <a href="{{url('/datenschutz')}}" class="text-light">Datenschutzerklärung</a> . Sie können auch alle nicht erforderlichen Cookies ablehnen, wenn Sie mit den beschriebenen Datenverarbeitungen nicht einverstanden sind. Sie können auch <a href="#" class="text-light">alle nicht essenziellen Cookies wiederrufen</a> , wenn Sie mit den beschriebenen Datenverarbeitungen nicht einverstanden sind.
Diese Seite speichert Daten wie Cookies und verwendet ähnliche Technologien, um die wichtigen Funktionen unserer Website zu aktivieren, damit alles funktioniert, wenn du diese besuchst. Außerdem setzen wir optionale Cookies und verwenden ähnliche Technologien, um dich zu erkennen und deine Nutzung unsere Website zu analysieren, damit wir unsere Leistung verbessern und dich anhand deiner Online-Aktivitäten besser ansprechen können. Ohne deine Einwilligung setzen wir aber keine optionalen Cookies. In diesem Rahmen werden deine Daten auch in Ländern außerhalb des EWR verarbeitet, in denen Daten nicht in der gleichen Weise geschützt sind wie im EWR. Du kannst deine Zustimmung für die Zukunft widerrufen. Deine Cookie-Präferenzen kannst du über die Schaltfläche „Cookie-Einstellungen“ verwalten. Cookies zur Datenverarbeitung: Speicherung von und/oder Zugang zu Informationen, die auf einem Gerät gesichert sind, Optimierung und Personalisierung von Website-Funktionen sowie Messungen, Analyse und Verbesserung der Website, Einrichtung von Benutzerprofilen und Personalisierung von Werbung und Inhalten. Mehr Informationen finden Sie in unserer <a href="{{url('/datenschutz')}}" class="text-light">Datenschutzerklärung</a> . Sie können auch alle nicht erforderlichen Cookies ablehnen, wenn Sie mit den beschriebenen Datenverarbeitungen nicht einverstanden sind. Sie können auch <a href="#" class="text-light btn-cookies-consent" data-cookies="0">alle nicht essenziellen Cookies wiederrufen</a> , wenn Sie mit den beschriebenen Datenverarbeitungen nicht einverstanden sind.
</div>
<div class="col">
<button type="button" class="btn btn-light">Alle Zulassen</button>
<button type="button" class="btn btn-link btn-sm text-light" data-bs-toggle="modal" data-bs-target="#CookieSettings">Cookie-Einstelungen</button>
<button type="button" class="btn btn-light btn-cookies-consent" data-cookies="1">Alle Zulassen</button>
<button type="button" class="btn btn-link btn-sm text-light" data-bs-toggle="modal" data-bs-target="#modal-cookie-settings">Cookie-Einstelungen</button>
</div>
</div>
</div>



</div>

<div class="modal fade" id="CookieSettings" tabindex="-1" aria-labelledby="CookieSettings" aria-hidden="true">
<div class="modal fade" id="modal-cookie-settings" tabindex="-1" aria-labelledby="cookie-settings" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
@ -259,7 +240,7 @@
<br>
<br>

<a href="" class="btn btn-dark">Alle Cookies zulassen</a>
<a href="" class="btn btn-dark btn-cookies-consent" data-cookies="1">Alle Cookies zulassen</a>

<hr>
<h5 class="mt-5">Unbedingt erforderliche Cookies</h5>
@ -277,8 +258,8 @@
Mit diesen Cookies kann die Website mehr Funktionen und personalisierte Inhalte bereitstellen. Sie können von uns oder von Drittanbietern gesetzt werden, deren Services wir auf unseren Seiten eingebunden haben. Wenn du solche Cookies nicht erlaubst, funktionieren einige oder alle dieser Services oder Funktionen möglicherweise nicht richtig </p>

<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckCheckedDisabled" checked>
<label class="form-check-label" for="flexSwitchCheckCheckedDisabled">Funktionelle Cookies</label>
<input class="form-check-input" type="checkbox" role="switch" id="functional-cookies" checked>
<label class="form-check-label" for="functional-cookies">Funktionelle Cookies</label>
</div>


@ -287,33 +268,45 @@
Diese Cookies ermöglichen es uns, die Besuche zu zählen und die Quellen des Datenverkehrs zu erfassen, damit wir die Leistung unserer Website messen und verbessern können. Mit ihnen erkennen wir, welche Seiten sehr oder gar nicht beliebt sind, und sehen, wie Besucher sich auf der Website bewegen. Alle Informationen, die diese Cookies sammeln, werden zusammengefasst und sind anschließend anonym. Wenn du diese Cookies ablehnst, wissen wir nicht, wann du unsere Website besucht hast und können deren Leistung nicht überwachen. </p>

<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckCheckedDisabled" checked>
<label class="form-check-label" for="flexSwitchCheckCheckedDisabled">Leistungs- und Analyse-Cookies</label>
<input class="form-check-input" type="checkbox" role="switch" id="analytics-cookies" checked>
<label class="form-check-label" for="analytics-cookies">Leistungs- und Analyse-Cookies</label>
</div>

<h5 class="mt-5">Profiling- und Targeting-Cookies</h5>
<p>
Unsere Werbepartner können diese Cookies auf unserer Website setzen. Dabei verwenden diese Unternehmen die Cookies, um ein Profil deiner Interessen zu erstellen und dir passende Werbung auf anderen Seiten zu zeigen. Sie speichern personenbezogene Daten nicht direkt, sondern erkennen lediglich deinen Browser und dein Internetgerät. Wenn du diese Cookies ablehnst, wird die Werbung nicht so gut auf dich zugeschnitten sein.
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckCheckedDisabled" checked>
<label class="form-check-label" for="flexSwitchCheckCheckedDisabled">Profiling- und Targeting-Cookies</label>
<input class="form-check-input" type="checkbox" role="switch" id="profile-cookies" checked>
<label class="form-check-label" for="profile-cookies">Profiling- und Targeting-Cookies</label>
</div>

<button type="button" class="btn btn-secondary btn-lg mt-5">Auswahl speichern</button>
<button type="button" class="btn btn-secondary btn-lg mt-5 btn-cookies-consent">Auswahl speichern</button>
</div>

</div>
</div>
</div>


@endif





@include('template.'.config('settings.template').'.content.includes.footer')
@include('template.'.config('settings.template').'.content.includes.scripts')
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
<script>
$(window).on('load', function(){
if(Cookies.get('cookies-consent') == undefined){
$("#cookie-settings").animate({bottom: '0%'}, 1000);
$('.btn-cookies-consent').click(function(event){
event.preventDefault();
let cookiesConsent = $(this).attr('data-cookies');
if(cookiesConsent != undefined) Cookies.set('cookies-consent', cookiesConsent);
else{
if($('#functional-cookies').prop('checked') && $('#analytics-cookies').prop('checked') && $('#profile-cookies').prop('checked')) Cookies.set('cookies-consent', 1);
else Cookies.set('cookies-consent', 0);
}
$('#modal-cookie-settings').modal('hide');
$("#cookie-settings").animate({bottom: '-100%'}, 1000);
});
}
});
</script>
</body>
</html>