Eleftherios Karamoulas

Aug 13, 2019

Integrating Google Analytics with a Page Tools extension

Customizations of the UI is tricky because it makes upgrading your project a pain. It is possible to extend the UI of Bloomreach Experience Manager using predefined Open UI extension points.

Open UI provides a standardized framework to extend the CMS with e.g. pixel tracking, SEO, heatmaps, typo detection and other 3rd party tools. Such a UI extension is an application that is either packaged and deployed with the project or runs on a different server.

At this point, there are extension points for page tools in the Channel Manager and for document fields in the content editor. Dialogues can be opened by both types of extensions.

Eleftherios Karamoulas presents a UI Extension that is a very simple example of how Bloomreach Experience can be configured and integrated with Google Analytics. The extension functions as a quick start using the Google Reporting API. It executes queries to fetch metrics (eg. page views, total visitors, new visitors etc) and 3C.js is used to create graphical diagrams that visualise the data.

 

 

In short:

OpenUI enables developers to integrate external systems into the Bloomreach interface which, in turn, creates a single place where businesses can manage all of their digital experience functions and extensions. 

Such a UI extension is an application that is either packaged and deployed with the project or runs on a different server. UI extensions are rendered inside an iframe.

JavaScript library is available that can be used for communication between the BloomReach Experience Manager UI and the extension. The library hides the complexity of the window.postMessage communication with the CMS and provides a stable public API.

Visit Docs