File: D:/HostingSpaces/SBogers10/immoginis.komma.pro/app/views/layouts/partials/cookieMessage.blade.php
@if(isset($tracking) && $tracking)
<aside id="cookie-message" class="accepted">
<div class="placeholder">
<p>Deze website gebruikt verschillende cookies:</p>
<div class="cookie-types">
<div class="cookie-type analytic">
<img src="/img/cookie_clean.svg" class="icon"/>
<div class="text">
<div class="wrapper">
<p>Functionele en analytische cookies verzamelen geen persoonsgegevens.</p>
</div>
</div>
</div>
<div class="cookie-type tracking">
<img src="/img/cookie_extended.svg" class="icon"/>
<div class="text">
<div class="wrapper">
<p>Tracking cookies volgen bezoekers wanneer zij andere websites bezoeken, waarbij gegevens met derden worden uitgewisseld.</p>
</div>
</div>
</div>
</div>
<p>Wanneer je de cookie instellingen wilt wijzigen, kun je dat <a href="/privacy-beleid">hier</a> instellen.
</p>
<span class="accept-cookie-button" onclick="acceptCookie();">Accepteren en doorgaan</span>
</div>
</aside>
<style>
#cookie-message {
position: fixed;
z-index: 999999;
bottom: 0;
left: 0;
padding: 30px 0;
width: 100%;
background-color: #1d1d1b;
opacity: 1;
box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.1);
transition: opacity 0.5s, transform 0.6s;
transform: translate3d(0, 0, 0);
}
#cookie-message.accepted {
display: none;
}
#cookie-message.transition-out {
opacity: 0;
transform: translate3d(0, 50%, 0);
}
#cookie-message .placeholder {
width: 85.75%;
display: block;
text-align: center;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
#cookie-message .placeholder p, #cookie-message .placeholder p a{
font-size: 15px;
line-height: 18px;
color: white;
}
#cookie-message .placeholder p {
display: inline-block;
vertical-align: middle;
margin: 0;
}
#cookie-message .placeholder p a {
text-decoration: underline;
}
#cookie-message .placeholder .cookie-types {
display: block;
margin-top: 25px;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
#cookie-message .placeholder .cookie-types .cookie-type {
display: inline-block;
padding: 10px;
border-radius: 4px;
border: 2px solid white;
text-align: left;
max-width: 350px;
width: calc((100% - 20px) / 2);
}
#cookie-message .placeholder .cookie-types .cookie-type img {
width: 40px;
display: inline-block;
vertical-align: middle;
}
#cookie-message .placeholder .cookie-types .cookie-type .text {
display: inline-block;
height: 75px;
width: calc(100% - 60px);
margin-left: 10px;
vertical-align: middle;
}
#cookie-message .placeholder .cookie-types .cookie-type .text .wrapper {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
height: 75px;
width: 100%;
}
#cookie-message .placeholder .cookie-types .cookie-type p {
display: inline-block;
vertical-align: middle;
}
#cookie-message .placeholder .cookie-types .cookie-type + .cookie-type {
margin-left: 20px;
}
#cookie-message .placeholder .accept-cookie-button{
display: inline-block;
margin-left: 10px;
padding: 10px 20px;
border-radius: 4px;
background-color: #ffb531;
font-weight: 700;
transition: background-color 0.3s;
color: #1d1d1b;
cursor: pointer;
}
#cookie-message .placeholder .accept-cookie-button:hover{
background-color: #ffa12d;
}
@media only screen and (max-width: 875px) {
#cookie-message .placeholder .cookie-types .cookie-type{
display: block;
width: 100%;
margin: 0 auto;
}
#cookie-message .placeholder .cookie-types .cookie-type + .cookie-type{
margin-left: auto;
margin-top: 10px;
}
#cookie-message .placeholder p {
display: block;
}
#cookie-message .placeholder .accept-cookie-button{
margin-left: 0;
margin-top: 15px;
}
}
@media only screen and (max-width: 500px) {
#cookie-message .placeholder .cookie-types .cookie-type .text, #cookie-message .placeholder .cookie-types .cookie-type .text .wrapper{
height: auto;
min-height: 70px;
}
}
</style>
@else
<aside id="cookie-message" class="accepted">
<div class="placeholder">
<p>Deze website gebruikt cookies. <a href="/privacystatement">Klik hier</a> voor meer informatie.
</p>
<span class="close-button" onclick="hideCookieMessage();">Sluiten</span>
</div>
</aside>
<style>
#cookie-message {
position: fixed;
z-index: 999999;
bottom: 0;
left: 0;
padding: 15px 0;
width: 100%;
background-color: #386F98;
opacity: 1;
box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.1);
transition: opacity 0.5s, transform 0.6s;
transform: translate3d(0, 0, 0);
}
#cookie-message.accepted {
display: none;
}
#cookie-message.transition-out {
opacity: 0;
transform: translate3d(0, 50%, 0);
}
#cookie-message .placeholder {
width: 85.75%;
display: block;
text-align: center;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
#cookie-message .placeholder p, #cookie-message .placeholder p a, #cookie-message .placeholder .close-button {
font-size: 15px;
line-height: 18px;
color: white;
}
#cookie-message .placeholder p {
display: inline-block;
vertical-align: middle;
margin: 0;
}
#cookie-message .placeholder p a {
text-decoration: underline;
}
#cookie-message .placeholder .close-button {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
padding: 5px 12px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 5px;
cursor: pointer;
}
@media only screen and (max-width: 600px) {
#cookie-message .placeholder p {
max-width: 200px;
}
}
@media only screen and (max-width: 600px) {
#cookie-message .placeholder .close-button {
margin-top: 10px;
}
}
</style>
@endif
<script>
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
document.cookie = name + '=; Max-Age=-99999999; path=/';
}
if (getCookie('cookieMessage')) {
document.getElementById('cookie-message').classList.add('accepted');
}
else{
document.getElementById('cookie-message').classList.remove('accepted');
}
function hideCookieMessage() {
setCookie('cookieMessage', true, 90);
document.getElementById('cookie-message').classList.add('transition-out');
}
function acceptCookie() {
setCookie('trackingCookieAccepted', 'true', 90);
setCookie('cookieMessage', 'true', 90);
document.getElementById('cookie-message').classList.add('transition-out');
location.reload();
}
</script>
@if(in_array('trackingCookieAccepted', array_keys(\Cookie::get())))
<!-- Google-code voor remarketingtag -->
<!--------------------------------------------------
Remarketingtags mogen niet worden gekoppeld aan gegevens waarmee iemand persoonlijk kan worden geïdentificeerd of op pagina's worden geplaatst die binnen gevoelige categorieën vallen. Meer informatie en instructies voor het instellen van de tag zijn te vinden op: http://google.com/ads/remarketingsetup
--------------------------------------------------->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 923367511;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/923367511/?guid=ON&script=0"/>
</div>
</noscript>
@endif