You want to make sure all systems are go before you send your campaign out into the world. The QA Tool provides an easy way to test your campaign before it sees the light of day. With the QA Tool, you can preview experiences and validate metrics before you publish. You can also make sure your content is displayed in the most accessible and precise way possible.

Let's get to know the QA tool and its features:

  • Experience panel
  • Timeline panel
  • Site Info panel
  • Campaign Info panel
  • Change Settings panel
  • Sandbox vs. Production

Experience Panel

Use the Experience panel to preview the list of campaigns that are running on your page. The Experience panel will show the campaigns you're included in, as well as the campaigns that you're excluded from.

An image of the QA tool Experience Panel.

As Events Unfold: The Timeline Panel

As you browse your site, the Timeline panel captures the events as they're triggered on the page. It'll keep track of error messages, page URLs, and actions. It's the sheriff in town that'll make sure actions are being recorded correctly for your campaign. As you move through your site, any action that gets triggered will appear in the timeline as an entry that looks like the images below.

Sample Timeline for Production and Sandbox Environments

 

As Events Unfold: The Timeline Panel

As you browse your site, the Timeline panel captures the events as they're triggered on the page. It'll keep track of error messages, page URLs, and actions. It's the sheriff in town that'll make sure actions are being recorded correctly for your campaign. As you move through your site, any action that gets triggered will appear in the timeline as an entry that looks like the images below.

Sample Timeline for Production and Sandbox Environments

 

QA tool timeline panel.

Your Web Scribe: The Site Info Panel

The Site Info panel will keep track of important info about site scripts and visitor data, like IDs. This nifty panel will help you keep track of site-level configuration and site-wide attributes, like your Maxymiser visitor ID.

QA tool site info panel.

A Bird's-Eye View: The Campaign Info panel

The Campaign Info panel gives you a key overview of campaign pages, scripts, actions, or segments on a page.

QA tool campaign info panel.

Keeping it Tight: The Change Settings Panel

You can use the Change Settings panel to tweak the position of the QA Tool on your screen, and fiddle with the list of items on display in the Timeline panel.

QA tool change settings panel.

The following table describes the features on the Change Settings panel:

Feature

Description

Position on Screen

To specify if you want to display the QA Tool on the left or right-hand side of your web page. You can also choose to show the minimized QA Tool on the top-left, bottom-left, top-right or bottom-right corner of the web page.

Filter Timeline

To specify the items you want to display in the Timeline panel. The QA Tool displays only actions and page URLs in the Timeline panel, unless you select the check box for the items you want to view.

Give Them Something New: The Change Experience Panel

Right from the get-go you're assigned an experience (when the QA Tool is loaded.) But you're not bound to this fate. You can change the experience, and select different variants you want to preview.

When you're testing an MVT campaign, you might want to preview all the functionality right away to make sure you're cycling through all the many variant combinations.

When you're calling up a new experience, there are a few things to keep an eye out for:

  • Make sure different elements don't interfere with each other. Common issues might be shifted elements, overlapping, unintended word wrapping, misalignment, and blinking of elements when the page loads.
  • If you're able to log into the website, you should always check the test thoroughly, both logged in and logged out.
  • Look closely at each element and make sure it appears exactly how you want it to.
  • Production: The environment where visitors actually see campaign content.

The background color of the top panel will change based on the environment you choose: Sandbox is orange and Production is green.

Note: Switching between the two environments ends your session and deletes the info in the Timeline panel. Keep an eye out for that!