-
Notifications
You must be signed in to change notification settings - Fork 1
/
safeframe-example.html
76 lines (63 loc) · 2.03 KB
/
safeframe-example.html
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
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>
<head>
<!--
INCLUDES OF THE SAFEFRAMES FRAMEWORK
These script files should be hosted on your CDN from a different
top level domain from the host site.
-->
<!-- local version
<script type="text/javascript" src="../../src/js/lib/base.js"></script>
<script type="text/javascript" src="../../src/js/host/host.js"></script>
<script type="text/javascript" src="../../src/js/lib/boot.js"></script>
-->
<script type="text/javascript"
src="https://s3-us-west-2.amazonaws.com/safeframe/refimpl/1-0-3/js/lib/base.js"></script>
<script type="text/javascript"
src="https://s3-us-west-2.amazonaws.com/safeframe/refimpl/1-0-3/js/host/host.js"></script>
<script type="text/javascript"
src="https://s3-us-west-2.amazonaws.com/safeframe/refimpl/1-0-3/js/lib/boot.js"></script>
<script type='text/x-safeframe' class='sf_data'>
{
"id": "billboardAd",
"src": "https://jgilhuly.github.io/iframe.html",
"conf":
{
"w": 600,
"h": 700,
"dest": "billboardAdDiv",
"supports" : {
"exp-push" : "1",
"read-cookie" : "1",
"write-cookie" : "1"
}
}
}
</script>
<script type="text/javascript">
function posMessageCallback(id, msgName, data){
if(msgName == "error"){
var log = document.getElementById("logger");
var msg = ["error in ad ", id];
if(data && data.errors){
msg.push(data.errors);
}
msg.push("<br/>");
log.innerHTML += msg.join("");
}
}
/**
* Initialize a new SafeFrames publisher configuration
*/
(function() {
var conf = new $sf.host.Config({
// Should be absolute path to render file hosted on CDN "../../src/html/r.html",
// "http://s3-us-west-2.amazonaws.com/safeframe/refimpl/1-0-3/html/r.html",
renderFile: "https://jgilhuly.github.io/iframe.html",
onPosMsg: posMessageCallback,
positions: {}
});
})();
</script></head>
<body><div id="billboardAdDiv"></div></body>
</html>