Web357 logo

Documentation for Cookies Policy Notification Bar for Joomla! - GDPR Ready!

Get started

Cookies Policy Notification Bar

Get familiar with the basic setup and structure of "Cookies Policy Notification Bar".

First of all, make sure you always download the latest version (currently version is 3.4.2).
Login to the Member Area and grab the latest release. An active membership is required.

Buy PRO version!

Installation

How to Install

  1. Download the file "pkg_cookiespolicynotificationbar_v3.4.2.zip" from Download Area.
  2. Login to the backend of your Joomla! 3.x website and navigate to Extensions > Extension Manager.
  3. Choose to upload the zip file "pkg_cookiespolicynotificationbar_v3.4.2.zip" and the "Cookies Policy Notification Bar" package will be installed and ready for your website to use.
  4. Navigate to Extensions > Plugin Manager and activate the plugin "Cookies Policy Notification Bar".

Upgrade

To update from a version to a bigger version, all you need to do is just upload the new package over the previous one. There is no need to uninstall it first as you will lose all your parameters. Just install on top.

Requirements

In order for "Cookies Policy Notification Bar" to function as intended, you need to have Joomla! 2.5 or 3.x installed (preferably the latest version in each major release) and working properly on the right server environment as noted in Joomla! technical requirements here.

Important: We can only provide support for setups that:

  • meet the Joomla! technical requirements.
  • do not have extension files or Joomla! core files which have been altered in any way.

We can't guarantee that this extension will work with any 3rd party extension, but it usually works if extension is using standard Joomla! HTML.

Demo & Screenshots

Live Demo

See a live demo of "Cookies Policy Notification Bar" in action here: https://demo.web357.eu/joomla/cookies-policy-notification-bar.

Screenshots

Base Settings

Base Settings

Texts for Languages

Texts for Languages

Styling (Defaults)

Styling (Defaults)

Styling (Text)

Styling (Text)

Styling (Buttons)

Styling (Buttons)

Advanced Settings (Include or Exclude plugin from pages)

Advanced Settings (Include or Exclude plugin from pages)

Advanced Settings (Block Cookies)

Advanced Settings (Block Cookies)

GDPR Compliance! Let the user decide to accept or decline the cookies

GDPR Compliance! Let the user decide to accept or decline the cookies

GDPR Ready with the shortcode functionality (Before cookies acceptance)

GDPR Ready with the shortcode functionality (Before cookies acceptance)

GDPR Ready with the shortcode functionality (After cookies acceptance)

GDPR Ready with the shortcode functionality (After cookies acceptance)

Advanced Settings (Tools for Debuggers)

Advanced Settings (Tools for Debuggers)

Features

Basic Features


  • Multilingual Support (Our best feature).
  • Block Cookies (The cookies are disabled, till the User clicks on the "Accept Cookies Policy" button).
  • GDPR Ready! Let the user to decide if accept or decline the cookies on the browser. [NEW FEATURE in v3.3.0]
  • GDPR Compliance! Allow the user to reconsider (after acceptance), and give him the choice to delete the website cookies from his browser. [NEW FEATURE in v3.3.0]
  • GDPR Rules! Functionality to record and store visitor consent (this record is not considered a personal data). We storing only the user IP Address and date/time of acceptance. [NEW FEATURE in v3.3.0]
  • «Shortcode Functionality». You will be able to display a table with the accepted website cookies and give the opportunity to the user reconsider or delete the cookies from his browser. Example of shortcode: {cookiesinfo}. [NEW FEATURE in v3.3.0]
  • Ajax Technology. The user accepts and declines the cookie policy asynchronously using the Ajax technique. [NEW FEATURE in v3.3.0]
  • Options for the 'More Info' button You will be able to choose the action of the 'More Info' button. Options are, 1) Custom link, 2) Link to a menu item, 3) Modal window with your Custom Text. [NEW FEATURE in v3.2.0]
  • Position (display at top or at bottom).
  • Duration (The duration of the message (in seconds). After this time, the notification bar will disappear).
  • Animate Duration (The duration of the animation will run (in milliseconds). Default is 2000.).
  • Limit (The limit of how many times, the notification bar, will display if the visitor does not click on the button).
  • Message (The Message in notification bar. HTML allowed).
  • Font Color (The Font Color. Example: #fff or #ff0000 or green etc.).
  • Link Color (The Font Color. Example: #ccc or #f2f2f9 or red, blue, black etc.).
  • Font Size (The Font Size. Default is 13px.).
  • Background Opacity (The Background Opacity of notification bar).
  • Background Color (The Background Color. Example: #000).
  • Custom CSS (Enter your custom css code).
  • Include or Exclude the plugin from selected pages.
  • Debugging Tools (Still displaying the notification bar even if you have already accepted the Cookies Policy).

Why we have to install this joomla! plugin?


On 26 May 2011 the European Commission made the controversial 'Cookies Directive' law. It applies to the UK and all european countries. It mandates that the use of cookies on european business websites must be disclosed and explicit consent for their use be obtained from your users, however in the UK the Information Commissioners Office (ICO) has suggested that it is sufficient to work on the basis of implied rather than explicit consent. You can find more useful information about cookies here.

Credits - Thank you!


This plugin is based on Cookies directive.js.

Don't hesitate to contact us if you have any feature request.

Usage

At joomla! backend, you can find a lot of useful parameters to customize the extension for your needs.
If you navigate with your mouse over the label, left of each form field, you can read a short description about the functionality of each field.

In the FAQ section, you can find a list of useful frequently asked questions that maybe answer your question.

Feel free to contact us or open a new topic in the forum, if you need more instruction about one or more parameters.

F.A.Q.

How to block the cookies on my Joomla! website?

Block Cookies (General Info)

Some scripts like the 'Google Analytics', the 'Google Adsense', the 'Olark live chat', the 'Zopim live chat', and many other javascript applications, use cookies in their javascript code. This plugin has the great opportunity to block the cookies of these scripts.

So, if you want to block the cookies of your apps before the user of your website accepts the cookies policy by clicking on the confirm button, you just have to follow the below easy instructions.

How to Block Cookies

You just have to add your script code between the tags <cpnb> and </cpnb> to block the cookies of your needed script application. It is not needed to block all the scripts of your website, but only those which uses cookies (e.g. Analytics, AdSense, Live chat, etc.).

<cpnb><script>Your script code goes here...</script></cpnb>

Example with Google Analytics

In your index.php file, before the </body> tag you should add the below code.

<cpnb>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-48177956-1', 'auto');
  ga('send', 'pageview');

</script>
</cpnb>

Example with Google Adsense

In the Module Manager at Joomla! backend, you will be able to create a new custom HTML module and insert your Google AdSense code like the following example.

<cpnb>
<script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<ins class='adsbygoogle'
     style='display:block'
     data-ad-client='ca-pub-8965970770231326'
     data-ad-slot='6949324692'
     data-ad-format='auto'></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</cpnb>

Example with an External JS file

In your index.php file, in the head tag, you should add the below code.

<cpnb><script src='/templates/current_template/js/your_script.js'></script></cpnb>

The plugin has been published but is not working.

Most of the times we receive a support ticket with a subject "The plugin is published, but not working. HELP!!!".

Don't panic :)
Here's the solution.

Probably, you are using the great plugin "System - jQuery Easy". This plugin strips the "noconflict" jQuery code. If this plugin is installed on your website, try to disable this parameter (Strip No Conflict Code). Navigate to plugin parameters, click on the tab "Advanced Site Options (Expert users only)" and choose "Strip No Conflict Code" > "No" from "System - jQuery Easy Plugin". Save the new params, refresh your page, and now you are able to see the "Cookies Policy Notification Bar" at the top, or at the bottom, of your page.

If it still does not work after the above solution, feel free to contact me anytime at This email address is being protected from spambots. You need JavaScript enabled to view it., or open a new ticket in Support Forum, or contact us private through VIP Support area.

I want to use the shortcode {cookiesinfo}, but when i make a custom module and write {cookiesinfo} in it, nothing happens at the front-end. I see only {cookiesinfo}.

Solution

Before using the Shortcode functionality of the Cookies Policy Notification Bar Joomla! Plugin, ensure that the Prepare Content parameter is enabled.

Screenshot from the module parameters

Content Prepeare in module settings

Issues with templates that use the Helix3 Framework

If you are using the Helix3 Framework try this fix. Navigate to the template settings, click on the Advanced tab, and choose the "No" option in the parameter "Mootools Fix".

How to explain what a certain cookie does in a different language?

Follow the steps below to add descriptions for certain cookies in different languages.

Step 1

From the top horizontal menu at Joomla! backend, navigate to Extensions > Languages > Overrides.

Step 2

2. At the left sidebar choose the language of texts you want to translate and click on the button "New".

Language Overrides - Image 1

Step 3

Create a new Override.

  • a) Fill in the field "Language Constant *" by entering the constant of the string you want to override. Example: "COOKIE_GANALYTICS_DESC".
  • b) Fill in the field "Text" by entering the text that you want to be displayed. Example: "Google Analytics (Cookies used to distinguish users)."
  • c) Click on the button "Save & Close".
Language Overrides - Image 2

Step 4

Navigate to the plugin settings (System - Web357 Cookies Policy Notification Bar), click on the tab "Advanced Settings", and then scroll down to the "Cookie Descriptions" section. Enter the Language Constant "COOKIE_GANALYTICS_DESC" you've created in step-4, at the "Cookie Description" input field. Save the plugin settings.

Language Overrides - Image 3

DONE!

The cookie description is now displayed in the cookies info table generated by the shortcode functionality.

Language Overrides - Image 4

Multilingual Websites

If you have a multilingual website, you can repeat the procedure for as many languages you want.

The shortcodes {cpnb_cookies_info_table} and {cpnb_buttons} does not work

The shortcodes {cpnb_cookies_info_table} and {cpnb_buttons} can be used only in the three textareas, at the tab "Texts for Languages" tab, in the plugin settings.

  1. The text BEFORE Accept/Decline
  2. The text AFTER Accept
  3. The text AFTER Decline

You can use these shortcodes only inside the three input text areas.

In the module or in the content item, just use the shortcode {cookiesinfo} anywhere you want to be displayed.

The Ajax functionality is not working

THE PROBLEM

The Ajax functionality is not working.
The problem is that whatever you do (Accept or Decline) the notification bar is continuously appearing on every page of the site. Neither the cookies info table is not displayed.


HOW TO FIX THIS ISSUE

It seems that the Ajax Interface component is missing.

Steps to fix that issue.

1) Download and install the component "com_ajax" for Joomla! 3.x, from here: https://temp.web357.eu/files/com_ajax_v3.2.0_j3x.zip

2) From the Joomla back-end, navigate to Extensions > Manage > Discover. You should see the Ajax Interface component appear, which you can then install.

3) Then visit the following URL to ensure that the cookies table has been displayed properly now "http://yourwebsite.com/index.php?option=com_ajax&plugin=cookiespolicynotificationbar&format=raw&method=displayCookiesTable".

If the cookies table is displayed correctly it seems that the Joomla Ajax functionality is working again.

Support

Normally we will answer your questions within 24 hours.

If you still have questions or concerns about the product after reading instructions above:

  • You can use our Support Forum to ask your questions and report bugs.
  • Contact us using the contact form.
  • You can send us an email to this address: support [@] web357 [.] eu
  • Chat with us using the right-bottom box.

If you did not find the information you were looking for in the documentation or if you have any other questions regarding the product feel free to contact us. We will be happy to provide you with a detailed answer as quickly as we can.

Stay tuned

We are always working on something new and exciting so make sure to subscribe to our newsletter and be the first to know.