Chrome Developer Tools allow for an incredibly simple and accurate Q/A of your live Experiments. This walkthrough is for users of Optimizely that are responsible for experiment creation and experiment quality assurance. Coding skills are not required to follow along, but may be helpful in understanding the info Chrome Developer Tools displays or outputs. In this post, we will cover 3 main tools and their relation to Optimizely Experiment QA. Elements Panel JavaScript Console Network Traffic Panel

1. Using Chrome
Developer Tools for Q/A
Derek Hammond
Sr. Technical Support Representative, Optimizely
@_DerekHammond
optimizely.com/support
#opticon2015

2. Chrome Developer Tools allow for
an incredibly simple and accurate
Q/A of your live Experiments.
Introduction

3. Who is this for?
Who is this for?

4. What we’ll cover.
What we’ll cover.

5. Elements Panel

6. JavaScript Console

7. Network Traffic Panel

8. Goal Setup

11. Verifying Optimizely snippet and Integration code placement.
Elements Panel

12. “Right Click” > Inspect Element

13. Checking Active Experiment, Variation Bucketing, and more.
JavaScript Console

16. Goal QA and monitoring.
Network Traffic

19. “Right Click” on Image