Matomo DatoCMS Plugin

Datocms plugin that provides a link to Matomo for the current record on the sidebar

Setup

Adding the plugin from the marketplace

In your DatoCMS project, go to Settings -> Plugins -> Add new (plus sign at the bottom) -> From Marketplace -> Search for Matomo -> Install this plugin.

Adding as a private plugin

In your DatoCMS project, go to Settings -> Plugins -> Add new (plus sign at the bottom) -> Create new plugin -> Enter the following configuration:

• Plugin Name: Matomo

• Small Description: Provides sidebar links to Matomo

• Entry Point URL: <https://datocms-plugin-matomo.netlify.app/>

Then click on Save plugin settings

Plugin parameters

After installing the plugin, in the new settings form we must enter the parameters for our Matomo project.

• Matomo Host: The name of our host in matomo,
  ex: mysite

• Matomo Site: The name of our site in matomo,
  ex: www.mysite.com

• Matomo Site ID: The id of our site in matomo,
  ex: 1

Then for each model, we'll have the following fields:

• [DATOCMS MODEL] URL Pattern: The pattern used to construct the Matomo URL for the specified model,
  ex: index.php?module=CoreHome&action=index&idSite=1&period=day&date=yesterday#?idSite=1&period=year&date=2022-02-07&segment=&category=General_Actions&subcategory=General_Pages&popover=RowAction$3ATransitions$3Aurl$3Ahttps$3A$2F$2F

• [DATOCMS MODEL] Slug Field: The field of the specified model that will be used as slug,
  ex: First Name

The combination of the 5 parameters will be later used by the plugin to create a link.

Then click on Save Settings

Plugin

After the setup is complete, we can navigate to content and select a record from one our models.
The plugin will show up in the sidebar.

Development

Clone the repo -> $ yarn install -> $ yarn start -> In your DatoCMS project, settings -> plugins -> Matomo -> Edit private plugin -> Change the Entry Point URL to <http://localhost:3000>