Okienko z informacją o ciasteczkach cookies (pasek javascript , panel)

///Okienko z informacją o ciasteczkach cookies (pasek javascript , panel)

Okienko z informacją o ciasteczkach cookies (pasek javascript , panel)

pasekcookiesSzukając dziś gotowego rozwiązania paska informacyjnego dotyczącego ciasteczek (praktycznie jest obowiązkowy od 22 marca bieżącego roku!) natrafiłem na ciekawy artykuł Bartosza Romanowskiego.

Pasek wyświetla informację o używaniu przez witrynę plików cookies i przycisk do akceptacji informacji. Polecam!

Instrukcję jak wdrożyć taki pasek dostępny na stronie:

[ad#ad-1]

http://webhelp.pl/artykuly/okienko-z-informacja-o-ciasteczkach-cookies/

kod źródłowy:

[php]
function WHCreateCookie(name, value, days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
var expires = "; expires=" + date.toGMTString();
document.cookie = name+"="+value+expires+"; path=/";
}
function WHReadCookie(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;
}</pre>
window.onload = WHCheckCookies;

function WHCheckCookies() {
if(WHReadCookie(‚cookies_accepted’) != ‚T’) {
var message_container = document.createElement(‚div’);
message_container.id = ‚cookies-message-container’;
var html_code = ‚
<div id="cookies-message" style="padding: 10px 0px; font-size: 14px; line-height: 22px; border-bottom: 1px solid #D3D0D0; text-align: center; position: fixed; top: 0px; background-color: #efefef; width: 100%; z-index: 999;">Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. <a href="http://wszystkoociasteczkach.pl" target="_blank">Dowiedz się więcej</a><a id="accept-cookies-checkbox" style="background-color: #00afbf; padding: 5px 10px; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer;" href="javascript:WHCloseCookiesWindow();" name="accept-cookies">Rozumiem</a></div>
‚;
message_container.innerHTML = html_code;
document.body.appendChild(message_container);
}
}

function WHCloseCookiesWindow() {
WHCreateCookie(‚cookies_accepted’, ‚T’, 365);
document.getElementById(‚cookies-message-container’).removeChild(document.getElementById(‚cookies-message’));
}
[/php]

WERSJA EKSPRESOWA

Wystarczy, że pomiędzy znaczniki <head> i </head> wkleisz na swojej stronie poniższy kod:

<script src=”http://www.vsx.pl/itopcookies.js”></script>

linki:

Przedszkole Gocław

Skomentuj wpis

komentarzy

By | 2013-04-01T09:36:57+00:00 Marzec 27th, 2013|Gotowe rozwiązania IT (porady, solucje)|2 komentarze

About the Author:

2 komentarze

  1. Jacek Bogel 07-06-2013 at 09:50

    Przycisk ‚Rozumiem’ jest nieaktywny 🙁

  2. Marcin Przybysz 07-06-2013 at 11:13

    może ma Pan jakiś problem z wklejeniem?
    Widzę, że javascript na Pańskiej stronie nie został wstawiony poprawnie. Wyświetla się fragment kodu „< . if ( !isset($_COOKIE['politykaCookies']) && $_COOKIE['politykaCookies'] != 'true' ) { setcookie("politykaCookies", "true", time()+60*60*24*365); } .>

    Po poprawnym wklejeniu proszę jeszcze sprawdzić na innym komputerze, może to kwestia Pańskiej przeglądarki.

Leave A Comment