Cookies-enabler.js is a easy-to-use pure Javascript solution for preventively blocking third-party cookies installed by js.
Click here or bower install cookie-enabler
1 - Load the script
<script src="cookies-enabler.js"></script>
2 - Add the class "ce-script"
and type="text/plain"
to scripts that install cookies
<script type="text/plain" class="ce-script">
// GA Demo
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);
...
</script>
<script type="text/plain" class="ce-script">
// FB Share Demo
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
...
</script>
For iframes
, move the src
in data-ce-src
and add the class "ce-iframe"
<iframe class="ce-iframe" data-ce-src="https://player.vimeo.com/video/1084537" width="500" height="281">
3 - Initiate the plugin
COOKIES_ENABLER.init();
COOKIES_ENABLER.init({
scriptClass: 'ce-script', // Default 'ce-script'
iframeClass: 'ce-iframe', // Default 'ce-iframe'
acceptClass: 'ce-accept', // Default 'ce-accept'
dismissClass: 'ce-dismiss', // Default 'ce-dismiss'
bannerClass: 'ce-banner', // Default 'ce-banner'
bannerHTML: '<p>This website uses cookies. '
+'<a href="#" class="ce-trigger">'
+'Enable Cookies'
+'</a>'
+'</p>', // Default HTML banner
eventScroll: false, // Default false
scrollOffset: 100, // Default 100
clickOutside: false, // Default false
cookie: {
name: 'ce-cookie', // default 'ce-cookie'
duration: 365 // Default 365
},
preventIframes: false // Defaul false
});