Press "Enter" to skip to content

GDPR Compliant Accept Decline Notice For Vue

vue cookie accepts decline show 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

Javascript Library to Show the Cookies Consent Message Plugin

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 Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *