Using the Test&Target extension with Adobe Dreamweaver CS5

A marketing box (or “mbox”) is an area of your web page that you can configure to show different content (“offers”) under different circumstances. For example, you can create an mbox that displays offers for a particular magazine, when known users who might read that magazine visit the page. The mbox is the means through which you serve or target different offers to different site visitors.

1. In the Document window, select an element (for example, a div tag) that you want to turn into an mbox.

   The current content of the element you select will become the default content of the mbox. You can also create an empty mbox by simply placing the Insertion point anywhere on the page and proceeding.

2. In the Adobe Test&Target panel, click the +Mbox button.

3. Specify a name for the mbox and click Insert.

   Note: Your file must be saved before you can create an Mbox.

   When you create a new mbox, the mbox is listed in the Adobe Test&Target panel. The mbox receives a gray tabbed outline in the Document window. The Test&Target extension also creates an mbox.js file and adds it to an includes/omniturett folder in your site. You must upload this dependent file to your server in order for your mbox to function correctly on the web.

   Note: If you are working with a Content Management System (CMS) or an HTML page that is not part of a defined Dreamweaver site, Dreamweaver asks you if you want to use an existing mbox.js file, or if you want the extension to create one for you.

4. Preview the page in a web browser. (You can press F12, or choose File > Preview in Browser.) When you preview the page in a web browser, the mbox is created on the Test&Target server.

You can create an mbox for use in the pages of your Content Management System (CMS) site. The Adobe Test&Target Extension for Dreamweaver CS5 supports WordPress and Drupal sites.

When you create an mbox for a CMS site in Dreamweaver, the extension creates a corresponding module (Drupal) or plugin (WordPress) for you to use in your site. After creating the mbox in Dreamweaver, you must enable the module or plugin in your CMS’s administration panel.

1. Open a CMS site in Dreamweaver.

   The Adobe Test&Target extension detects whether your site is a CMS site, and if it is, displays Drupal or WordPress in the Adobe Test&Target panel.

2. In the Adobe Test&Target panel, click the +Mbox button.

3. Specify a name for the mbox, select an existing theme from the pop-up menu, and click Insert.

   When you create a new mbox for a CMS site, the extension generates all of the files associated with the mbox, and lists them in the Dreamweaver Files panel. For Drupal sites, the location is all/modules/. For WordPress, the location is wp-content/plugins/.

   The extension also asks you if you want to use an existing mbox.js file, or if you want to create one. If you choose to create one, the extension adds the new mbox.js file to an includes/omniturett folder in your site. You must upload this dependent file to your server in order for your mbox to function correctly on the web.

4. Activate the mbox by logging into your CMS and navigating to the appropriate activation area. For Drupal sites, you’ll need to go to the Modules panel. For WordPress sites you’ll need to go to the Plugins panel.

5. Create offers for the mbox by opening up the corresponding module/plugin HTML file, and clicking the +Offer button. For more information, see Work with offers.

   Note: Dreamweaver automatically opens the corresponding module/plugin HTML file for you after you’ve created the mbox.

 To delete an mbox in your document, manually delete the mbox’s code in Code view.

An offer is the content displayed inside an mbox during campaigns and tests. Test&Target lets you measure the success of each offer when your users access the web page.

You can create new offers for an mbox on your page, or use existing (unapproved) offers from Test&Target.

Campaign work you do in Dreamweaver is only saved locally until you publish it to the Test&Target server.

 To publish your work to the Test&Target server, save the document you’ve been working on, and then click the Sync button in the Adobe Test&Target panel.