Example for cookie consent popup.

If visitor click on Agree, bar will be hidden, you have agreement for cookie usage.

If visitor clicks on More Info, link will get him to Cookie policy page (by default: http://webcookies.net/en.php?title=yourwebsite.com)

You can change colors of the bar and buttons in cookieconsent.css file.

If your site use only third party cookies (Google adsense), then you can leave default URL (only change title=yourwebsite.com), otherwise create your own cookie policy page and don't forget to add the list where do you use cookies.

This work is licensed under the Attribution-ShareAlike 4.0 International license.
The code is provided "as is" without warranty and I hold no responsibility for any damage caused by using this script. When using this software you use it at your own risk.

WebCookies.net

To do list:

• On cookie webcookies.net/cookiepolicy.php page generate URL for "more info" page.
• In cookieconsent.js file change http://webcookies.net/en.php?title=yourwebsite.com with URL generated in above page (for example with "Notepad" or other text editor)
• Upload 3 files to your server (and remember the location of the upload):
  • cookieconsent.js
  • cookieconsent.css
  • jquery.min.js
• Add 4 lines to your page where you want cookie consent text to appear (above </head> tag):
  
  <link rel="stylesheet" type="text/css" href="cookieconsent.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="cookieconsent.js"></script>
<script type="text/javascript">$(document).ready(function(){$.cookieBar({})});</script>
   
• Remember to change src="filename.js" to src="/newdirectory/filename.js", depend of the location of the file.