Op#mizely	
  For	
  Developers
Yahel	
  Carmon	
  
Director,	
  Insight	
  Products	
  
Blue	
  State	
  Digital	
  
@yahe...
Overview
Op#mizely	
  For	
  Developers	
  
• Explore	
  the	
  world	
  of	
  tes#ng	
  possibili#es	
  with	
  
Op#mizel...
Introduc9ons
• Solu#ons	
  Architect	
  at	
  Op#mizely	
  
!
• Assist	
  Customers	
  in	
  Advanced	
  
Product	
  Train...
Introduc9ons
• Director	
  of	
  Product	
  Insights,

Blue	
  State	
  Digital	
  
• Op#mizely	
  User	
  for	
  almost	
...
Early	
  Tes9ng	
  at	
  BSD
Website	
  Tes#ng	
  at	
  BSD	
  
• GWO:	
  Major	
  pain.	
  
• Op#mizely:	
  Started	
  as...
Op9mizely’s	
  Developer	
  Friendliness
Op#mizely’s	
  JSAPI	
  
• Programma#cally	
  launch,

detect	
  and	
  interact	...
Op9mizely	
  for	
  (the)	
  President
Obama	
  2012	
  
• Integra#on	
  of	
  Op#mizely	
  
events	
  into	
  all	
  trac...
Op9mizely	
  for	
  (the)	
  President
Final	
  Days	
  of	
  the	
  campaign	
  
• Real-­‐#me	
  data	
  FTW.	
  
• Disco...
Varia9on	
  Code	
  Tips	
  &	
  Tricks
What	
  is	
  Varia#on	
  Code?	
  
• Javascript/jQuery	
  code	
  
generated	
  b...
Timing	
  is	
  Everything
Timing	
  
• Front	
  End	
  JS	
  can	
  
change	
  almost	
  anything	
  
• The	
  key	
  is	...
Change	
  Dynamic	
  Content	
  w/	
  $.ajaxComplete
Ajax	
  Events	
  
• More	
  and	
  more	
  content	
  is	
  
changed...
James	
  -­‐	
  Example	
  w/	
  $.each
Batch	
  Changes	
  
• Dynamically	
  loaded	
  content	
  
needs	
  to	
  change	...
Responsive	
  Website	
  Tes9ng
CSS	
  Media	
  Queries	
  
• Most	
  responsive	
  websites	
  
leverage	
  CSS	
  Media	...
Responsive	
  Website	
  Tes9ng
CSS	
  Media	
  Queries	
  
• Append	
  <style>	
  tag	
  to	
  the	
  
body	
  for	
  diff...
Advanced	
  Ideas	
  with	
  New	
  Features
New	
  Features	
  
• Experiment	
  API	
  
• Programma#cally	
  create,	
  
...
Next	
  Up...
!
Automated Experimentation at Scale - Wojciech Galuba, Facebook
Product Deep Dive & Optimizely API - Eric H...
Op#mizely	
  For	
  Developers
Yahel	
  Carmon	
  
Director,	
  Insight	
  Products	
  
Blue	
  State	
  Digital	
  
@yahe...
Upcoming SlideShare
Loading in...5
×

Optimizely for Developers

562

Published on

Yahel Carmon, Director of Insight Produce, Blue State Digital
James Fox, Solutions Architect, Optimizely

Optimizely has powerful features, both exposed and under the hood, that make it easier for developers to implement sophisticated tests without re-inventing the wheel with each test.

Yahel Carmon, Director of Product Insights at Blue State Digital, and James Fox, Solutions Architect at Optimizely, discuss the ways Optimizely makes developers' lives easier, giving demonstrations of the technical strengths of the platform and real-world examples of how to leverage Optimizely to manage an online testing program.

Learn how to implement Optimizely the way advanced users and developers do, and ensure you're not missing out on its hidden gems.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
562
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Optimizely for Developers"

  1. 1. Op#mizely  For  Developers Yahel  Carmon   Director,  Insight  Products   Blue  State  Digital   @yahelc   James  Fox   Solu#ons  Architect   Op#mizely   !
  2. 2. Overview Op#mizely  For  Developers   • Explore  the  world  of  tes#ng  possibili#es  with   Op#mizely  for  a  full  stack  developer   • Learn  how  to  help  your  end  users  get  their   experiments  up  and  running  correctly   • Inves#gate  interes#ng  use  cases
  3. 3. Introduc9ons • Solu#ons  Architect  at  Op#mizely   ! • Assist  Customers  in  Advanced   Product  Training  and  Support   ! • Provide  Technical  Exper#se  and   Consulta#on   James  Fox
  4. 4. Introduc9ons • Director  of  Product  Insights,
 Blue  State  Digital   • Op#mizely  User  for  almost  4  years
 ! • 
 • Worked  on  the  2012  Obama   Campaign  with  Kyle  Rush   Yahel  Carmon
  5. 5. Early  Tes9ng  at  BSD Website  Tes#ng  at  BSD   • GWO:  Major  pain.   • Op#mizely:  Started  as   simpler  solu#on     • Power  was  hidden  but   has  slowly  revealed   itself.
  6. 6. Op9mizely’s  Developer  Friendliness Op#mizely’s  JSAPI   • Programma#cally  launch,
 detect  and  interact  with  
 experiment  info  
 (if  you  know  what  you’re  doing)   • Integrate  with  other  
 data  pla[orms
  7. 7. Op9mizely  for  (the)  President Obama  2012   • Integra#on  of  Op#mizely   events  into  all  tracking   scripts.   • Contribu#on  form  tests   for  every  big  email  send   • Manual  labor  reduced   by  automa#on.
  8. 8. Op9mizely  for  (the)  President Final  Days  of  the  campaign   • Real-­‐#me  data  FTW.   • Discovered  major  latency   bug  thanks  to  Op#mizely   • Handled  everything  we   threw  at  it.  
  9. 9. Varia9on  Code  Tips  &  Tricks What  is  Varia#on  Code?   • Javascript/jQuery  code   generated  by  Op#mizely   • Manipulates  the  targeted   page  to  look  like  varia#on   • Generated  by  Visual  Editor,   but  can  run  any  code  you   put  in  it
  10. 10. Timing  is  Everything Timing   • Front  End  JS  can   change  almost  anything   • The  key  is  when  the   code  runs   • Advanced  Op#mizely   usage  means   controlling  code  #ming
  11. 11. Change  Dynamic  Content  w/  $.ajaxComplete Ajax  Events   • More  and  more  content  is   changed  with  AJAX   • Execu#ng  varia#on  code   when  new  content  arrives   • jQuery  .ajaxComplete  can   let  us  listen  for  this
  12. 12. James  -­‐  Example  w/  $.each Batch  Changes   • Dynamically  loaded  content   needs  to  change  correctly   • Change  one  row  in   Op#mizely  then  update  to   work  with  $.each   • Sets  of  changes  can  be   made  to  dynamic  element  
  13. 13. Responsive  Website  Tes9ng CSS  Media  Queries   • Most  responsive  websites   leverage  CSS  Media  Queries     • Use  Op#mizely  to  make   different  changes  at  different   screen  widths Desktop  -­‐  >  768  pxTablet  -­‐  >  500  -­‐  768pxMobile    -­‐  >  up  to  500  px
  14. 14. Responsive  Website  Tes9ng CSS  Media  Queries   • Append  <style>  tag  to  the   body  for  different  changes  to   the  same  elements  at  the   right  page  width
  15. 15. Advanced  Ideas  with  New  Features New  Features   • Experiment  API   • Programma#cally  create,   start,  stop,  update   experiments   • Example  might  be  crea#ng   and  controlling  headline   tests  in  automated  fashion
  16. 16. Next  Up... ! Automated Experimentation at Scale - Wojciech Galuba, Facebook Product Deep Dive & Optimizely API - Eric Higgins, Optimizely ! Thanks  for  Coming!
  17. 17. Op#mizely  For  Developers Yahel  Carmon   Director,  Insight  Products   Blue  State  Digital   @yahelc   James  Fox   Solu#ons  Architect   Op#mizely   !
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×