Confection Vue Cable
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 Vue quick-start guide.
Install
npm i --save @getconfection/confection-vue-cable
Usage
In main.js
import ConfectionVueCable from "@getconfection/confection-vue-cable"
Vue.use(ConfectionVueCable)
Use in template
<confection-vue-cable
id="confection""
// 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%%%">
</confection-vue-cable>
Be sure to replace %%%ACCOUNT_ID%%% with your account ID from step three. Replace the other variables as suggested in the code comments.