Piwik PRO

Source code Package Browser ES5

Piwik PRO is a web analytics and marketing platform that helps businesses track website traffic, user behavior, and conversion rates. It offers advanced analytics features, audience segmentation, and targeted marketing tools. Piwik PRO prioritizes data privacy and security, complying with GDPR and other data protection regulations. Businesses can use Piwik PRO to improve their website's user experience and drive conversions while keeping customer data safe.

Configuration

Start by setting up the config for the destination. Destinations can be used via node or directly in the browser.

const config = {
  custom: {
    appId: 'XXX-XXX-XXX-XXX-XXX', // Id of the site
    // linkTracking: false, // Disable download and outlink tracking
    // pageview: false, // Disable default pageview events
    url: 'https://your_account_name.piwik.pro/', // Same address as the login
  },
  mapping: {
    entity: {
      action: {
        custom: {
          // CustomEvent
          goalId: 'xxx-xxx-...', // Count the event as a goal
          goalValue: '', // Property to be used as goal value
          name: '', // Renaming the event
          value: '', // Property to be used for the value
        },
      },
    },
  },
};

Custom

Property	Type	Description
appId*	string	ID of the Piwik PRO site
url*	string	The URL of your Piwik PRO account
linkTracking	boolean	Enables/Disables download and outlink tracking
pageview	boolean	Enables/Disables default pageview events

Properties with a * are required.

CustomEvent

For custom event mapping (mapping.entity.action.custom):

Property	Type	Description
goalId	string	ID to count the event as a goal
goalValue	string	Property to be used as the goal value
name	string	Custom name for the event
value	string	Property to be used for the event value

How to use

Define the config for your Piwik PRO destination:

const config = {
  custom: {
    appId: 'XXX-XXX-XXX-XXX-XXX',
    url: 'https://your_account_name.piwik.pro/',
  },
};

Choose one of the following installation options to use the destination:

TypeScript

Install the destination via npm

npm i @elbwalker/destination-web-piwikpro

import { elb } from '@elbwalker/walker.js';
import destinationPiwikPro from '@elbwalker/destination-web-piwikpro';

elb('walker destination', destinationPiwikPro, config);

Script

Loading the destination via dynamic import

<script>
  // Upload the dist/index.mjs on your own server
  const destination = (
    await import(
      'https://cdn.jsdelivr.net/npm/@elbwalker/destination-web-piwikpro/dist/index.mjs'
    )
  ).default;

  elb('walker destination', destination, config);
</script>

Code

Copy the code from the index.browser.js file

(function () {
  'use strict';
  var Destination = (() => {})(); // This is the copied code

  elb('walker destination', Destination.default, config);
})();