mk9-prebid
Version:
Header Bidding Management Library
148 lines (140 loc) • 5.16 kB
HTML
<html>
<head>
<title>Prebid Freewheel Integration Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- <script async src="//acdn.adnxs.com/prebid/not-for-prod/1/prebid.js"></script> -->
<script src="longformTestUtils.js"></script>
<script>
prebidTestUtils.setMockCategories();
</script>
<script src="/build/dist/prebid.js" async=true></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" />
<!-- <script type="text/javascript" src="//adm.fwmrm.net/p/vitest-js/AdManager.js"></script> -->
<!-- <script type="text/javascript" src="https://mssl.fwmrm.net/libs/adm/6.24.0/AdManager-debug.js"></script> -->
<!-- <script type="text/javascript" src="player.js"></script> -->
<link rel="stylesheet" href="longform_testpages_style.css">
<script>
var pbjs = pbjs || {};
pbjs.que = pbjs.que || [];
var videoAdUnit = [{
code: 'sample-code',
sizes: [640, 480],
mediaTypes: {
video: {
context: 'adpod',
playerSize: [640, 480],
adPodDurationSec: 300,
durationRangeSec: [15, 30],
requireExactDuration: false
}
},
bids: [
{
bidder: 'appnexus',
params: {
placementId: 15394006
}
}
]
}];
pbjs.que.push(function () {
pbjs.addAdUnits(videoAdUnit);
pbjs.bidderSettings = {
appnexus: {
adserverTargeting : [{
key: 'hb_pb',
val: function(bid) {
bid.pbMg = '40.00';
return bid.pbMg;
}
}],
bidCpmAdjustment: function(bidCpm) {
return bidCpm - 1;
}
}
}
pbjs.setConfig({
debug: true,
cache: {
url: 'https://prebid.adnxs.com/pbc/v1/cache'
},
adpod: {
brandCategoryExclusion: true
}
});
});
function loadPrebidRequest() {
pbjs.que.push(function () {
pbjs.requestBids({
bidsBackHandler: function (bids) {
pbjs.adServers.freewheel.getTargeting({
callback: function (err, targeting) {
prebidTestUtils.loadKv(targeting);
prebidTestUtils.loadBids(targeting, true);
console.log(targeting);
}
});
}
});
});
}
</script>
</head>
<body>
<h1 style="margin:20px">Prebid Freewheel Test Page</h1>
<h2 style="margin:20px">requireExactDuration = false</h2>
<div class="row" style="margin: 20px">
<div class="col-lg-6">
<button id="loadPrebidRequestBtn" class="btn btn-secondary" type="button" onclick="loadPrebidRequest()">Load
Prebid</button>
<div class="row">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">
Bids Sent to Freewheel
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo">
<div class="card-body">
// bids
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseThree"
aria-expanded="false" aria-controls="collapseThree">
Key Value Pairs Sent to Freewheel
</button>
</h2>
</div>
<div id="collapseThree" class="collapse show" aria-labelledby="headingThree">
<div class="card-body">
// bids
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>