SSSSS
3 years ago in JavaScript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
window.googletag = window.googletag || {
cmd: []};
googletag.cmd.push(function() {
var slotStickMapping = googletag.sizeMapping().addSize([0, 0], []).addSize([1260, 600], [120, 600]).addSize([1340, 600], [160, 600]).addSize([1500, 600], [240, 600]).addSize([1620, 600], [300, 600]).build();
googletag.pubads().addEventListener('slotRenderEnded', function (e) {
var slotElementId = e.slot.getSlotElementId();
if (slotElementId == "div-gpt-ad-1614161251829-0") {
if (e.isEmpty) {
if (jQuery('#div-gpt-ad-1614161251829-0').css('display') == 'none') {
stick_left = googletag.defineSlot('/58302844/SLDS_Sundries.com.ua_Sticky_Left', [[160, 600], [300, 600], [240, 600]], 'div-gpt-ad-1614785035596-0').addService(googletag.pubads()).defineSizeMapping(slotStickMapping);
stick_right = googletag.defineSlot('/58302844/SLDS_Sundries.com.ua_Sticky_Right', [[240, 600], [300, 600], [160, 600]], 'div-gpt-ad-1614784694226-0').addService(googletag.pubads()).defineSizeMapping(slotStickMapping);
googletag.pubads().refresh([stick_right, stick_left]);
console.log('%c Sticky is starting! ', 'background: red; color: #fff');
}
} else {
console.log('%c background is starting! ', 'background: #222; color: #bada55');
document.getElementById('right-stick-container').style.display = "none";
document.getElementById('left-stick-container').style.display = "none";
}
}
});
if (window.innerWidth < 960) {
googletag.defineSlot('/58302844/SLDS_Sundries.com.ua_Fullscreen', [320, 480], 'div-gpt-ad-1614161413653-0').addService(googletag.pubads());
}
if (window.innerWidth > 1200) {
googletag.defineSlot('/58302844/SLDS_Sundries.com.ua_Background', [2000, 1300], 'div-gpt-ad-1614161251829-0').addService(googletag.pubads());
}
googletag.pubads().enableSingleRequest();
googletag.pubads().setTargeting("SLM","SLM");
googletag.pubads().collapseEmptyDivs();
googletag.enableServices();
googletag.pubads().addEventListener('slotRenderEnded', function (e) {
var slotElementId = e.slot.getSlotElementId();
});
googletag.pubads().addEventListener('slotRenderEnded', function (e) {
var slotElementId = e.slot.getSlotElementId();
if (slotElementId == "div-gpt-ad-1614161413653-0") {
if (e.isEmpty == false) {
document.getElementById('full-close-container').style.display = "block";
}
}
});
});
</script>
</head>
<body>
<div id="div-gpt-ad-1614161251829-0" style="width: 2000px; height: 1300px;position:fixed;left:50%;margin-left: -1000px; top:0; z-index: 0;">
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1614161251829-0'); });
</script>
</div>
<style>
.left-stick-container{
width: 120px; height: 600px; position:fixed; left:0; top:0; z-index: 1;}
@media(min-width: 1260px) { .left-stick-container { width: 120px; height: 600px; position:fixed; left:0; top:0;vertical-align: top;}} @media(min-width: 1340px) { .left-stick-container { width: 160px; height: 600px; position:fixed; left:0; top:0;vertical-align: top;}}
@media(min-width: 1500px) { .left-stick-container { width: 240px; height: 600px; position:fixed; left:0; top:0;vertical-align: top;}}
@media(min-width: 1620px) { .left-stick-container { width: 300px; height: 600px; position:fixed; left:0; top:0;vertical-align: top;}
}
</style>
<div class="left-stick-container">
<div id="div-gpt-ad-1614785035596-0"> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1614785035596-0'); }); </script> </div></div>
<style>
.right-stick-container{
width: 120px; height: 600px; position:fixed; right:0; top:0; z-index: 1;}
@media(min-width: 1260px) { .right-stick-container { width: 120px; height: 600px; position:fixed; right:0; top:0;vertical-align: top;}}
@media(min-width: 1340px) { .right-stick-container { width: 160px; height: 600px; position:fixed; right:0; top:0;vertical-align: top;}}
@media(min-width: 1500px) { .right-stick-container { width: 240px; height: 600px; position:fixed; right:0; top:0;vertical-align: top;}}
@media(min-width: 1620px) { .right-stick-container { width: 300px; height: 600px; position:fixed; right:0; top:0;vertical-align: top;}
}
</style>
<div class="right-stick-container">
<div id="div-gpt-ad-1614784694226-0"> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1614784694226-0'); }); </script></div></div>
</body>
</html>