inventage\<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.jsand name itlocal.config.js - Add the URL to your Matomo installation
- Run
$ npm start - Navigate to http://localhost:8000/demo/