Web Integration

<!-- Standard Banner Integration -->
<iframe 
    id="ad_frame"
    src="https://omnibox.digital/ads/direct?plc=YOUR_PLACEMENT_ID&w=300&h=250&cb=" + Date.now()
    width="300" 
    height="250" 
    scrolling="no" 
    frameborder="0"
    allow="autoplay">
</iframe>

<!-- Test Banner (for testing) -->
<iframe
    src="https://omnibox.digital/ads/direct?plc=test_banner"
    width="300"
    height="250"
    frameborder="0"
    scrolling="no"
    allowfullscreen></iframe>

<!-- Responsive Banner with JavaScript -->
<script>
function loadBannerAd(placementId, containerId) {
    var container = document.getElementById(containerId);
    var iframe = document.createElement('iframe');
    
    // Standard banner sizes
    var width = '300', height = '250';
    
    // Adjust for mobile
    if (window.innerWidth <= 768) {
        width = '250'; height = '200';
    }
    
    iframe.src = "https://omnibox.digital/ads/direct?plc=" + placementId + 
                 "&w=" + width + "&h=" + height + "&cb=" + Date.now();
    iframe.width = width;
    iframe.height = height;
    iframe.frameBorder = "0";
    iframe.scrolling = "no";
    iframe.allow = "autoplay";
    
    container.appendChild(iframe);
}
</script>

var player = videojs('content_video');

// 1. URL yaratish (t parametri YO'Q - VPAID kerak)
var adTagUrl = "https://omnibox.digital/ads/direct?plc=video_preroll&w=640&h=360&cb=" + Date.now();

var options = {
    id: 'content_video',
    adTagUrl: adTagUrl,
    // VPAID yoqilgan bo'lishi shart
    vpaidMode: google.ima.ImaSdkSettings.VpaidMode.ENABLED
};

player.ima(options);

// 2. Click orqali boshlash (Avto-ijro siyosati uchun)
var startEvent = 'click'; 
if (/Android|iPhone|iPad/i.test(navigator.userAgent)) {
    startEvent = 'touchend';
}

var initAd = function() {
    player.ima.initializeAdDisplayContainer();
    player.ima.requestAds();
    player.play();
    player.off(startEvent, initAd);
};

player.on(startEvent, initAd);

<!-- Simple Outstream Video Integration -->
<script
    src="https://storage.dsp-ui.uz/uploads/outstream.js"
    adunit-id="YOUR_ADUNIT_ID"
    width="640"
    height="480"
></script>

<!-- Responsive Outstream with JavaScript -->
<div id="outstream-container"></div>

<script>
    var container = document.getElementById('outstream-container');
    var script = document.createElement('script');
    
    // Use test adunit for testing: "test"
    script.src = "https://storage.dsp-ui.uz/uploads/outstream.js";
    script.setAttribute('adunit-id', 'YOUR_ADUNIT_ID');
    script.setAttribute('width', '640');
    script.setAttribute('height', '480');
    
    container.appendChild(script);
</script>

<!-- Device-specific sizing -->
<script>
function loadOutstreamAd(adunitId) {
    var width = '640', height = '480';
    
    // Adjust for mobile devices
    if (window.innerWidth <= 768) {
        width = '320'; height = '240';
    } else if (window.innerWidth <= 1024) {
        width = '480'; height = '360';
    }
    
    var script = document.createElement('script');
    script.src = "https://storage.dsp-ui.uz/uploads/outstream.js";
    script.setAttribute('adunit-id', adunitId);
    script.setAttribute('width', width);
    script.setAttribute('height', height);
    
    document.getElementById('outstream-container').appendChild(script);
}
</script>

var script = document.createElement('script');
// w=screen va h=screen parametrlari muhim
script.src = "https://omnibox.digital/ads/direct?plc=interstitial_1&w=screen&h=screen&cb=" + Date.now();
script.async = true;
document.body.appendChild(script);