osvik · July 15, 2014 15:55
diff --git a/testing-page.html b/testing-page.html
 <!DOCTYPE html>

 <html>
 <head>

 	<meta charset="utf-8">
 	<title>AB Google Analytics testing code</title>

 	<!-- Load the Content Experiment JavaScript API client for the experiment -->
 	<script src="//www.google-analytics.com/cx/api.js?experiment=[YOUR EXPERIMENT ID]"></script>

 	<script>
 		// Ask Google Analytics which variation to show the user.
 		var chosenVariation = cxApi.chooseVariation();
 	</script>
 	
 	<!-- Load Jquery -->
 	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

 </head>

 <body>

 <script>
 	// Define JavaScript for each page variation of this experiment.
 	var pageVariations = [
 		
 		function() { // Original: Do nothing. This will render the default HTML.
 			alert("Original");
 		},  
 		
 		function() {    // VARIATION 1: Banner Image
 			alert("Variation 1");
 			// document.getElementById('banner').src = 'bay-bridge.jpg';
 		},
 		
 		function() {    // VARIATION 2: Sub-heading Text
 			alert("Variation 2");
 			// document.getElementById('heading').innerHTML = 'Look, a Bridge!';
 		},
 		
 		function() {    // VARIATION 3: Button Text
 			alert("Variation 3");
 			// document.getElementById('button').innerHTML = 'Learn more';
 		},
 		
 		function() {    // VARIATION 4: Button Color
 			alert("Variation 4");
 			// document.getElementById('button').className = 'button button-blue';
 		}
 	];

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

 <script>
 	// Add Google Analytics tracking code and a Google Analytics goal (can be an event)
 </script>

 </body>
 </html>
	<!DOCTYPE html>

	<html>
	<head>

	<meta charset="utf-8">
	<title>AB Google Analytics testing code</title>

	<!-- Load the Content Experiment JavaScript API client for the experiment -->
	<script src="//www.google-analytics.com/cx/api.js?experiment=[YOUR EXPERIMENT ID]"></script>

	<script>
	// Ask Google Analytics which variation to show the user.
	var chosenVariation = cxApi.chooseVariation();
	</script>

	<!-- Load Jquery -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

	</head>

	<body>

	<script>
	// Define JavaScript for each page variation of this experiment.
	var pageVariations = [

	function() { // Original: Do nothing. This will render the default HTML.
	alert("Original");
	},

	function() { // VARIATION 1: Banner Image
	alert("Variation 1");
	// document.getElementById('banner').src = 'bay-bridge.jpg';
	},

	function() { // VARIATION 2: Sub-heading Text
	alert("Variation 2");
	// document.getElementById('heading').innerHTML = 'Look, a Bridge!';
	},

	function() { // VARIATION 3: Button Text
	alert("Variation 3");
	// document.getElementById('button').innerHTML = 'Learn more';
	},

	function() { // VARIATION 4: Button Color
	alert("Variation 4");
	// document.getElementById('button').className = 'button button-blue';
	}
	];

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

	<script>
	// Add Google Analytics tracking code and a Google Analytics goal (can be an event)
	</script>

	</body>
	</html>