Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Using Chrome
Developer Tools for Q/A
Derek Hammond
Sr. Technical Support Representative, Optimizely
@_DerekHammond
optimiz...
Chrome Developer Tools allow for
an incredibly simple and accurate
Q/A of your live Experiments.
Introduction
Who is this for?
Who is this for?
What we’ll cover.
What we’ll cover.
Elements Panel
JavaScript Console
Network Traffic Panel
Goal Setup
Verifying Optimizely snippet and Integration code placement.
Elements Panel
“Right Click” > Inspect Element
Checking Active Experiment, Variation Bucketing, and more.
JavaScript Console
Goal QA and monitoring.
Network Traffic
“Right Click” on Image
Using chrome developer tools for QA'ing Optimizely
Using chrome developer tools for QA'ing Optimizely
Using chrome developer tools for QA'ing Optimizely
Using chrome developer tools for QA'ing Optimizely
Using chrome developer tools for QA'ing Optimizely
Using chrome developer tools for QA'ing Optimizely
Using chrome developer tools for QA'ing Optimizely
Using chrome developer tools for QA'ing Optimizely
Using chrome developer tools for QA'ing Optimizely
Upcoming SlideShare
Loading in …5
×

Using chrome developer tools for QA'ing Optimizely

8,398 views

Published on

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

Published in: Technology
  • Dating for everyone is here: ❶❶❶ http://bit.ly/36cXjBY ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating direct: ❶❶❶ http://bit.ly/36cXjBY ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Using chrome developer tools for QA'ing Optimizely

  1. 1. Using Chrome Developer Tools for Q/A Derek Hammond Sr. Technical Support Representative, Optimizely @_DerekHammond optimizely.com/support #opticon2015
  2. 2. Chrome Developer Tools allow for an incredibly simple and accurate Q/A of your live Experiments. Introduction
  3. 3. Who is this for? Who is this for?
  4. 4. What we’ll cover. What we’ll cover.
  5. 5. Elements Panel
  6. 6. JavaScript Console
  7. 7. Network Traffic Panel
  8. 8. Goal Setup
  9. 9. Verifying Optimizely snippet and Integration code placement. Elements Panel
  10. 10. “Right Click” > Inspect Element
  11. 11. Checking Active Experiment, Variation Bucketing, and more. JavaScript Console
  12. 12. Goal QA and monitoring. Network Traffic
  13. 13. “Right Click” on Image

×