<matomo-opt-out>

A web component to let visitors opt-out of Matomo tracking.

Dependencies

Your Matomo installation will have to have the Ajax Opt Out plugin enabled.

Usage

import '@inventage/matomo-opt-out';

<matomo-opt-out matomo-url="https://analytics.your-domain.com"></matomo-opt-out>

Note on browser compatibility & transformation

Currently, the recommended way to publish a web component using open-wc is to publish the ES6/7 source code as is. Since your application knows best about which browsers to support and how to transform the source code (if at all) for those browsers, you will have to take care of any transformations yourself.

Properties

| Property | Attribute | Type | Default | | --------------- | ----------------- | --------- | -------------------------------------------------------- | | isBusy | | boolean | false | | isTracked | | boolean | false | | matomoUrl | matomo-url | string | | | optedInLabel | opted-in-label | string | "You are not opted out. Uncheck this box to opt-out." | | optedOutLabel | opted-out-label | string | "You are currently opted out. Check this box to opt-in." |

Development

• Create a copy of local.config-example.js and name it local.config.js
• Add the URL to your Matomo installation
• Run $ npm start
• Navigate to http://localhost:8000/demo/