"Recording" Page Changes

In addition to Setting up Page Changes normally, you can use your browser's Developer Tools to record the changes that you want Conductrics to make when your pages are actually viewed.

This is just an alternate way to specify simple visual changes for your Express agents to make.

Getting Started

To set up your agent's changes using Record Mode:

1. From the Agent List page, click Create Agent to create an Express Agent and enter the URL for the page you want to make changes on.

2. When the Conductrics editing ribbon appears at top right, click the Record icon.

3. Use your browser's Developer Tools to make changes to your page.

4. When you're done making changes, click the red Accept (check) icon.

You can now review the changes that were recorded by clicking on the number of changes in the ribbon. You can discard or edit the individual changes from there.

What Changes are Supported?

The following types of changes are recorded as you make them:

• Changing the text or HTML content of an element (tag).

• Changing, adding, or removing attributes of an element (tag), such as src, class, etc.

• Changing the inline styles of an element (tag), such as color, background-color, etc.

• Removing an element.

• Moving an element to a different position in the document's structure (the DOM).

Caveats and Limitations

• Changes to styleheets are not recorded at this time. You can change the styles of individual elements, but not what styles are applied by your CSS classes. That's a different type of change that is not yet supported here (because it's not in your markup conceptually). Let us know if you miss this capability.

• While recording, changes made by other scripts/libraries may also be recorded. The underlying browser functionality that we're using doesn't distinguish between changes you make and changes made by something else. This may actually be useful in some cases.

Settings

There are a handful of settings that pertain to Record Mode. If you wish to set any of these, use your browser's developer tools to add the setting to LocalStorage while you are on a page in the domain that you intend to make changes on.

• c-ipe-ignore-attributes - If you want changes to certain attributes to be ignored while recording, provide the attribute names (separated by commas) as the value for this setting.

• c-ipe-ignore-prefixes - if you want attributes that start with a prefix to be ignored while recording, provide the prefixes (separated by commas) as the value for this setting. The prefixes data- and ng- are ignored by default.

• c-ipe-ignore-selectors - if you have portions of your pages that should be ignored while recording, provide selector(s) as the value for this setting. Changes to matching elements (and their child elements) will not be recorded.

• c-ipe-ignore-styles - if you have style names that should be ignored while recording, provide the style names (such as color, text-align, etc) as the value for this setting (separate multiple names with commas).