@getconfection/confection-cable-nuxt

Confection-cable-nuxt

About

Confection collects, stores, and distributes data in a way that's unaffected by client-side disruptions involving cookies, cross-domain scripts, and device IDs. It's also compliant with global privacy laws so it’s good for people too. And it integrates with the apps businesses and developers already use. There’s no need to switch systems. Just plug in, power up, and keep your marketing partnerships running strong.

Use this package to add Confection to your site. Need an account? Set one up @ dashboard.confection.io/register (It's free.)

Questions

See our Nuxt quick-start guide.

Setup

1 Install the module:

npm i --save @getconfection/confection-cable-nuxt

2 Add the module to the nuxt.config.js:

  buildModules: [
    '@getconfection/confection-cable-nuxt'
  ],

3 Add the component:

<template> 
<Client 
  // 1. See https://dashboard.confection.io/my-keys
  account="%%%ACCOUNT_ID%%%" 
  // 2. Until Confection gets consent from a user, it will only collect non-personally-identifying information. 
  // Confection allows users to collect, store, and distribute data in accordance with the data protection 
  // law of their choice. Privacy attribute values are: 
  // none (if you're managing compliance in a different way), gdpr, ccpa, and lgpd
  privacy="%%%ACCOUNT_PRIVACY%%%"
  // 3. Confection uses a compact, minimally-invasive banner to get user consent. 
  // Unlike other consent banners, ours only appears when necessary. Position attribute values are:
  // none (to hide), left, center, and right
  position="%%%BANNER_POSITION%%%"
  // 4. Do you want to enable Confection analytics? Enter true or false. Learn more @ confection.io/pricing
  analytics="%%%ENABLE_ANALYTICS%%%">
</Client>
</template>

Be sure to replace %%%ACCOUNT_ID%%% with your account ID from step three. Replace the other variables as suggested in the code comments.