I. V osnovi je potrebno za delovanje imeti 3 jQuery datoteke in css datoteko, v kateri so definirani stili oz. izgled obvestila.
Če ste avtor bloga na Bloggerju, potem seveda imate Goggle račun. Ker sam Blogger ne omogoča direktnega shranjevanja datotek (razen slik), je najenostavneje, da naložite zgoraj omenjene datoteke na Google Drive. Dobra navodila za to najdete tukaj.
Na Google Drive naložite sledeče jQuery datoteke:
1. jquerj-1.9.1.js
2. jquery.cookie.js
3. jquery.cookiecuttr-blogger-mb.js
in .css datoteko:
4. cookies-mb.css
II. Prilagoditev je potrebna v datoteki jquery.cookiecuttr.blogger-mb.js:
Vrstica 38 cookieWhatAreTheyLink: "http://pisanje-spletnih-besedil.blogspot.com/p/o-piskotkih.html", tu zamenjate povezavo za svojo povezavo do strani z vsebino o piškotkih. Lahko prilagodite še druge nastavitve v jQuery kodi glede na navodila na strani CookieCuttr in glede na vaše potrebe glede obvestila.
III. Prilagodite lahko tudi izgled pasice s popravkom barv v css datoteki cookies-mb.css:
Za barvo podlage pasice - Vrstica 25 .cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #fa3207; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; margin-left: 8px; margin-right: 8px; margin-top: 0px; margin-bottom: 0px; }
Seveda lahko spremenite še vse ostale stile in izgled pasice.
IV. V Bloggerju izberete zavihek Predloga in nato Uredi HTML. Neposredno pred kodo </head> vstavite sledečo kodo v kateri seveda navedete svoje povezave do jQuery in css datotek:
<link href='https://googledrive.com/host/0Bxlp4Os3GyXnbG5MbFBXcVdRTVU' media='screen,projection' rel='stylesheet' type='text/css'/>
<script src='https://googledrive.com/host/0Bxlp4Os3GyXnNDZFb21jUm96MTA' type='text/javascript'></script>
<script src='https://googledrive.com/host/0Bxlp4Os3GyXnQVdXdFd5WDlSVk0'></script>
<script src='https://googledrive.com/host/0Bxlp4Os3GyXnMnY4ZmhLN2U4QTg'></script>
<script type='text/javascript'>
jQuery(document).ready(function () {
jQuery.cookieCuttr();
});
</script>
V. Na Bloggerju odprete zavihek Strani in ustvarite novo stran O piškotkih. Povezavo do te strani morate vstaviti tudi v jquery.cookiecuttr.blogger-mb.js (glej točko II).
Na tej strani predstavite piškotke, ki jih uporablja Blogger in morebitne dodatne piškotke zaradi vtičnikov socialnih medijev (Twitter, Facebook) in pa Google Analytics piškotke, če uporabljate to statistiko. Vse piškotke, ki niso nujni za delovanje strani morate blokirati preden jih uporabnik sam ne potrdi. V mojem primeru so to Google Analytics piškotki.
VI. Google Analytics piškotke blokiram tako, da v zavihku Predloga – Uredi HTML poiščem Google analytics kodo in ji dodam spodaj označeni delček kode:
<script type="text/javascript">
if (jQuery.cookie('cc_cookie_accept') == "cc_cookie_accept") {
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'vaša GA koda']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
}
To je v grobem vse kar sem sam postoril glede piškotkov na tem blogu. Mislim, da bi moralo biti sprejemljivo tudi glede na smernice o piškotkih, ki jih je izdala Informacijska pooblaščenka.
Slabost je, da uporabniki večinoma še ne kliknejo na obvestilo, tako da je GA statistika okrnjena. Še vedno vam ostane notranja statistika za Blogger. Obstajajo rešitve tudi za ta del, o tem pa kaj več v prihodnje.
Ni komentarjev:
Objavite komentar