@68publishers/cookie-consent-resolver

:cookie: Cookie Consent Resolver

Utility for 68publishers/cookie-consent that allows you to inject scripts without waiting for the cookies widget to load!

Why

In some cases, it is desirable to run some scripts as soon as possible, and initializing the cookie widget may slow down the execution of these scripts. This package allows scripts to be injected into the page immediately if the user has already given consent.

Installation

The first option is to download the package as a module.

$ npm i --save @68publishers/cookie-consent-resolver
# or
$ yarn add @68publishers/cookie-consent-resolver

And import it in your project.

import CookieConsentResolver from '@68publishers/cookie-consent-resolver';
// or
const CookieConsentResolver = require('@68publishers/cookie-consent-resolver');

Or you can import the CookieConsentResolver into the browser from the CDN

<script src="https://unpkg.com/@68publishers/cookie-consent-resolver/dist/cookie-consent-resolver.min.js"></script>

Usage

var cookieConsentResolver = CookieConsentResolver.createFromCookie('cc-settings');

cookieConsentResolver.bindCookieConsentWrapper(CookieConsentWrapper);

// the following script will be injected if the `ad_storage` is enabled
cookieConsentResolver.injectScript('ad_storage', 'https://www.example.com/my-script.js');

// the following script will be injected if the `ad_storage` and `analytics_storage` are enabled
cookieConsentResolver.injectScript(['ad_storage', 'analytics_storage'], 'https://www.example.com/my-script2.js');

Additional <script> tag attributes can be provided in the third argument.

cookieConsentResolver.injectScript('ad_storage', 'https://www.example.com/my-script.js', {
  id: 'my-script',
  async: true,
});

If you want to do anything other than inject the script in case of consent, you can use the resolve() method.

cookieConsentResolver.resolve('ad_storage', () => {
  console.log('Ad storage is enabled!');
});

License

The package is distributed under the MIT License. See LICENSE for more information.