GDPR Compliant Accept Decline Notice For Vue

vue-cookie-accept-decline

vue cookie accepts decline shows a banner with text, a refusal button, and an accept button on your page. Remembers to select using cookies.

Issues an event with the current selection on creation. Good for GDPR requirements or telling users something they can act on and then never see again.

gdpr cookie banner requirements, gdpr cookie consent examples, gdpr cookie consent plugin, cookie compliance, strictly necessary cookies consent

How to make use of it:

Install

# npm
npm i vue-cookie-accept-decline

#yarn
yarn add vue-cookie-accept-decline

Or you can include it through the browser at the bottom of your page with CSS:

<!-- Please note if you're using the browser method you're going to want to adjust the version number as needed. -->

<script src="https://unpkg.com/[email protected]/dist/vue-cookie-accept-decline.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://unpkg.com/[email protected]/dist/vue-cookie-accept-decline.css">
<vue-cookie-accept-decline
    :ref="'myPanel1'"
    :elementId="'myPanel1'"
    :debug="false"
    :position="'bottom-left'"
    :type="'floating'"
    :disableDecline="false"
    :transitionName="'slideFromBottom'"
    :showPostponeButton="false"
    @status="cookieStatus"
    @clicked-accept="cookieClickedAccept"
    @clicked-decline="cookieClickedDecline">

    <!-- Optional -->
    <div slot="postponeContent">
        &times;
    </div>

    <!-- Optional -->
    <div slot="message">
        We use cookies to ensure you get the best experience on our website. <a href="https://cookiesandyou.com/" target="_blank">Learn More...</a>
    </div>

    <!-- Optional -->
    <div slot="declineContent">
       OPT OUT
    </div>

    <!-- Optional -->
    <div slot="acceptContent">
        GOT IT!
    </div>
</vue-cookie-accept-decline>

GDPR Compliant Cookie Notice, vue cookie accept decline Plugin/Github, eprivacy directive cookies


See Demo And Download

Official Website(johndatserakis): Click Here

This superior jQuery/javascript plugin is developed by johndatserakis. For extra Advanced Usage, please go to the official website.

Share