- Optimizely Web Experimentation
- Structure or redesign your site to work best with Optimizely Web Experimentation.
- Create unique and descriptive element IDs and CSS class names.
- Understand the tradeoffs of HTML tables and iFrames.
- Use <p> and <div> tags.
- Set up Optimizely Web Experimentation tracking calls on a page.
The first few guidelines are best practices for building websites in general and how each of these helps when using Optimizely Web Experimentation on your website.
Use Unique IDs for elements wherever possible.
Use descriptive CSS class names.
Avoid using HTML tables for page layout.
Avoid heavy use of iframes.
Optimizely Web Experimentation can modify the contents of an iframe if your Optimizely Web Experimentation snippet is on the iframe'd page. Pages that use many iframes can be difficult to test with Optimizely Web Experimentation, as well as difficult to maintain and re-size.If you only want to test the contents of an iframe, and not the content around it (like Facebook applications), Optimizely Web Experimentation should work just fine.
<p>tags to separate distinct paragraphs in large blocks of text.
Wrap changes to the attributes of the entire
<div>tag. Internet Explorer has trouble modifying the entire body of a web page.
Pre-populate any dynamic pages with Optimizely Web Experimentation activation and event-tracking API calls. This allows you to quickly set up experiments that take advantage of them in the future and has no effect if your Optimizely Web Experimentation snippet is not on the page.