Change a page content/layout with GA Experiments

google_experiment_layout_change.html

<!-- Load the JQuery library -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<script>
  // Needs to be loaded after jquery
  var chosenVariation = cxApi.chooseVariation();
  console.log("Experiments is ON. Visitor will see variant : ", chosenVariation);
  // Define JavaScript for each page variation of this experiment.
  var pageVariations = [
    function() { // Original: We don't change the page at all
      console.log("variation 0 is used");
    },  
    function() {    // Variation 1 we show the CTA signup above the testimonials: 
      console.log("variation 1 is used");
      $("#testimonials").insertAfter("#signup");
    },
    ];

  // Wait for the DOM to load, then execute the view for the chosen variation.
  $(document).ready(
      pageVariations[chosenVariation]
      );
</script>