rtk-optimera/example.html at master · rtk-io/rtk-optimera · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Optimera Test Page</title>
		<script type="text/javascript">

		/* When using the the RTKOptimeraLoader You can subscribe to
		this event listener to know when either
			1) optimer timed out or
			2) optimera returned and RTK targetting keys have been set
		look in e.detail.timedout for true/false

		If you want to delay sending your headerbidding results to DFP
		prior to receiving Optimera results this is will be useful.

		*/

		document.addEventListener('OptimeraReady', function (e) {
			if (e.detail.timedout) {
				console.log("Optimera is ready, but we didn't get the score file in time")
			} else {
				console.log("Optimera is ready and score file received within our timeout")
			}
		}, false);
		</script>


		<script src="optimera-rtk.js" type="application/javascript"></script>

		<script>
		// Location to client specific optimera score file
		var optimeraScoreFile = 'https://s3.amazonaws.com/elasticbeanstalk-us-east-1-397719490216/json/RtkIntegration.html.js';
		//Set Client ID, then ad divs on page
		var oDv = ["0", "div-0", "div-1", "div-2"];
		//Set inbound score array to NULL incase scorefile does not return
		var oVa = { "div-0": ["NULL"], "div-1": ["NULL"], "div-2": ["NULL"] };
		RTKOptimeraLoader.load(optimeraScoreFile, null, oDv, oVa, 2000);

		</script>
		<!-- Prebid or header bidding library comes after here-->

	</head>

	<body>
		This is a test page
		<!-- Test_Site -->
		<hr />
		<div id='div-0'>
		</div>
		<hr />
		test<br />
		test<br />
		test<br />
		<hr />
		<div id='div-1'>
		</script>
		</div>
		<hr />
		test<br />
		test<br />
		test<br />
		<hr />
		<div id='div-2'>
		</div>
	</body>
</html>