W związku ze zmianą prawa dotyczącą polityki cookies sprzedawcy internetowi powinni informować na stronie swojego sklepu o polityce cookies. Oprócz podstrony z polityką cookies sprzedawca powinien najlepiej dodać wyraźną informację swoim odwiedzającym. Poniżej podajemy gotowe i bezpłatne rozwiązanie – skrypt javascript. Skrypt po zamknięciu przez użytkownika nie będzie mu więcej razy wyświetlany.
Zainstalowanie skryptu na stronie swojego sklepu internetowego jest bardzo proste.
Krok 1: przeklej poniższy kod do sekcji <HEAD> strony swojego sklepu:
{code type=codetype}
<!–dotyczy cookies–>
<style type=”text/css”>
#topbar{
font-size:12px;
position:absolute;
border: 1px solid black;
padding: 10px;
background-color: lightyellow;
width: 620px;
left: 50%!important;
margin-left: -310px;
visibility: hidden;
z-index: 100;
}
</style>
<script type=”text/javascript”>
/***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var persistclose=1 //ustaw 0 lub 1. 1 oznacza, że gdy okienko zostanie zamknięte, będzie zamknięte przez całą sesję
var startX = 50 //ustaw odległość okienka od lewego brzegu swojej strony w pikselach
var startY = 10 //ustaw odległość okienka od górnej krawędzi swojej strony w pikselach
var verticalpos=”frombottom” //wybierz „fromtop” czyli „od góry strony” lub „frombottom” czyli „od dołu strony”
function iecompattest(){
return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + „=”
var returnvalue = „”;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(„;”, offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie=”remainclosed=1″
document.getElementById(„topbar”).style.visibility=”hidden”
}
function staticbar(){
barheight=document.getElementById(„topbar”).offsetHeight
var ns = (navigator.appName.indexOf(„Netscape”) != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie(„remainclosed”)==””)
el.style.visibility=”visible”
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+”px”;this.style.top=y+”px”;};
el.x = startX;
if (verticalpos==”fromtop”)
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos==”fromtop”){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY – ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight – barheight: iecompattest().scrollTop + iecompattest().clientHeight – barheight;
ftlObj.y += (pY – startY – ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout(„stayTopLeft()”, 10);
}
ftlObj = ml(„topbar”);
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener(„load”, staticbar, false)
else if (window.attachEvent)
window.attachEvent(„onload”, staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<!– KONIEC dotyczy cookies–>
{/code}
Krok 2: poniższy kod HTML wklej do sekcji <BODY> swojej strony, na zewnątrz jakiegolwiek DIVa lub tabelki (TABLE) i podmień link do swojej polityki cookies zamiast znaku # (np polityka_cookies.html):
{code type=codetype}
<div id=”topbar”>
<a href=”” onClick=”closebar(); return false”><img src=”https://centrumsprzedawcy.pl/www/del.png” border=”0″ align=”right” hspace=”10″ vspace=”10″ /></a>
Sklep internetowy korzysta z plików Cookies zgodnie z celami określonymi w <a href=”#”>Polityce Cookies</a>. Możesz określić warunki przechowywania lub dostępu do plików Cookies za pomocą ustawień swojej przeglądarki internetowej. Więcej szczegółów znajdziesz w <a href=”#”>polityce Cookies</a>.
</div>
{/code}
Możesz dodatkowo zapisać obrazek czerwonego krzyżyka na swój dysk i wgrać na swój na swój serwer, żeby nie pobierał go z naszego serwera.
Możesz również zmienić położenie obrazka oraz wyświetlania okienka tylko jeden raz użytkownikowi. Tutaj ustawiasz te parametry:
{code type=codetype}
var persistclose=1 //ustaw 0 lub 1. 1 oznacza, że gdy okienko zostanie zamknięte, będzie zamknięte przez całą sesję
var startX = 50 //ustaw odległość okienka od lewego brzegu swojej strony w pikselach
var startY = 10 //ustaw odległość okienka od górnej krawędzi swojej strony w pikselach
var verticalpos=”frombottom” //wybierz „fromtop” czyli „od góry strony” lub „frombottom” czyli „od dołu strony”
{/code}
Możesz również zmienić wygląd okienka porpzez CSS.
{code type=codetype}
#topbar{
font-size:12px;
position:absolute;
border: 1px solid black;
padding: 10px;
background-color: lightyellow;
width: 620px;
left: 50%!important;
margin-left: -310px;
visibility: hidden;
z-index: 100;
}
{/code}
Gdybyś miał problemy z zainstalowaniem tego skryptu na stronie swojego sklepu, możesz poprosić nas o pomoc, pisząc maila na kontakt@centrumsprzedawcy.pl. O plikach Cookies oraz polityce Cookies piszemy również w naszym poradniku, znajdziesz go tutaj:
Rewelacja, ale czy można coś zrobić żeby ta informacja o cookie pojawiła się np. raz w miesiącu a nie za każdym razem kiedy uruchomimy przeglądarkę i wejdziemy na stronę sklepu.
W tym skrypcie niestety nie można tak ustawić, bo tak już jest napisany. Można natomiast poszukać programisty przez naszą platformę, który pomoże zaimplementować taki skrypt. Tutaj można zostawić zamówienie wyceny takiej usługi, które trafi do kilku programistów: https://centrumsprzedawcy.pl/otrzymaj-oferty/
Bardzo dobry.
Świetny wpis, bardzo użyteczna informacja. Wielka szkoda, że dopiero teraz na nią trafiłem. Napisanie wszystkiego od podstaw zajęło mi kilka godzin. Z tym skryptem poradziłbym sobie w kilkanaście minut.