Measuring and improving the performance of your website is a universal requirement. The Analytics Connector Pack allows you to connect third-party web analytics tools such as Adobe Analytics, Google Analytics and Matomo (Piwik) to Magnolia.

The typical scenario for using the Analytics Connector Pack is:

  • Track metrics such as visitors and sessions on your Magnolia site using the third-party tool of your choice.
  • The third-party tool tracks events on the site and generates analytics data.
  • Use the Analytics Connector Pack to fetch the analytics reporting data collected by the third-party tool.
  • Display the data in user-friendly charts directly in the Magnolia UI.

With the Analytics Connector Pack, marketers and authors can make data-driven decisions about their content without switching tools.

Analytics connectors

Your Magnolia administrator can configure the connection details of a third-party web analytics tool, such as the URL and authentication. The Analytics framework can then retrieve the analytics data you want, typically in JSON format.

Magnolia provides out-of-the-box connectors to:

  • Adobe Analytics
  • Google Analytics
  • Matomo

You can also configure your own custom connector to another third-party tool.

Analytics framework

The Analytics Connector Pack provides a generic framework to retrieve the web analytics data from the connected third-party tools.

The framework provides a default implementation to connect to the extensive amCharts data visualization library, which provides user-friendly JavaScript-based interactive charts.

Analytics app

The Analytics app enables editors and marketers to view analytics related to their content within Magnolia. By having access to key analytics in the UI, you can make faster data-driven decisions about your content.

Out-of-the-box dashboard

Magnolia provides a dashboard of default metrics about your Magnolia installation to get you started. The example shows a pie, bar, line and word cloud chart. The charts look and feel like an integral part of the Magnolia user interface.

Your developers can customize the dashboard by defining specific charts to include metrics that are important for you, as well as change how the data is displayed. They can use the out-of-the-box connectors to Adobe Analytics, Google Analytics or Matomo or configure a custom connector to another third party analytics data provider. 

Filters

Developers can define filters to drill down into the data displayed in the charts that are configured. When set, each filter is applied to all the charts in the dashboard simultaneously. For example, if you set a filter to display a given time range, all the charts display data for that time range.

For example:

Analytics where you need them

In addition to viewing analytics in the dedicated app, you can display them next to the content they apply to in IUX (Integrated User eXperience) slots. 

IUX slots are places in the AdminCentral UI where elements from integrated applications or other Magnolia content apps can live. Analytics elements such as charts and widgets add value to the user's workflow inside Magnolia. We pull in data from adjacent applications and content apps and display it in the right places so that users do not need to switch from application to application.

The first slot, introduced in Magnolia 6.2, is a wide horizontal slot at the top of content apps. Developers can configure this slot to show page analytics provided by the Analytics module. For example, in this screen shot, users can select a page to see common metrics from the connected analytics source directly in the Magnolia UI. 

#trackbackRdf ($trackbackUtils.getContentIdentifier($page) $page.title $trackbackUtils.getPingUrl($page))