GDPRX

Simple javascript GDPR compliant Cookie and Policies consent handler

Config options:

var gdprx_options = {
	bar_text: "This site uses cookies, you can set you preferences through the settings panel",
	cookie_groups: [
		{
			title: "Required",
			cookies: [
				"phpsession",
				"gdprx",
			],
			required: true,
			default: true,
			info: "Necessary for a correct user experience"
		},
		{
			title: "Statistics",
			cookies: [
				"_ga",
				"_gat",
				"_gid",
				"_gid#",
				"collect"
			],
			required: false,
			default: true,
			info: "Used for site statistics and analitycs"
		}
	],
	policies: [
		{
			title: "Privacy policy",
			info: "Privacy policy",
			url: ""
		},
		{
			title: "Cookie policy",
			info: "Cookie policy",
			url: ""
		},
	],
	labels: {
		panel_title: "Privacy preferences",
		cookies: "Cookies",
		used_cookies: "Used cookies",
		policies: "Policies",
		required: "Required",
		preferences: "Preferences",
		accept: "Accept",
		view: "View",
		save: "Save"
	},
	ajax: {
		enable: false,
		url: "",
		parameters: {}
	}
}

Be sure to load Jquery before GDPRX

Add js and css files to your document and simply initialize and pass custom options if needed.

var gdprx = new Gdprx(gdprx_options);

GDPRX will triger a DOM event when user accepts, to hook to it simply use:

jQuery(document).on("gdprxAccepted", function() {
    ...your code here		
});

Once initiated a global var will instantiated holding the user acceptance values: gdprxValues

You can create a button with class .gdprx-modal-opener to toggle the preferences panel