Context DevTools

Being able to view and edit the details captured by the Uniform tracker is an important way to learn and understand how the Uniform classification process is working in your web application. Context DevTools visualizes the current visitor's classification. It also provides the ability to edit those details to simulate the digital experience that's delivered under various conditions.

Enable Context DevTools plugin#

Context DevTools is activated by adding the Context DevTools plugin on the Uniform tracker.

Connect the site#

Context DevTools uses the Uniform context manifest to understand what kind of classifications the web application uses. to keep the manifest as small as possible, public IDs are used instead of names. For example, if you have a signal named "Email Campaign" with a public ID "ec," the browser extension only knows the signal as "ec," so that is all it can display.

Context DevTools allows you to connect the site to a Uniform project. You do this by providing the extension with credentials that it can use to get the names that correspond to the public IDs.

1. In your browser, navigate to your web application.
2. Open the browser extension.
3. Click Settings.
4. Enter values for the following fields:
   • Uniform API key
   • Uniform Project ID
5. Click Save.

Display Context DevTools#

Browser extension#

Uniform provides a browser extension for Chromium browsers (such as Google Chrome and Microsoft Edge) that hosts Context DevTools. The extension is available on the Chrome Web Store.

Troubleshooting#

If the browser extension isn't active (meaning the icon is grayed out), this indicates Context DevTools isn't enabled in your web application.

React component#