<script>
    dlApi = {
        target: "demo_page",      // your site ID - provided by Ring DAS
        tid: 'EA-7012768',        // your tenant ID - provided by Ring DAS
        dsainfo: 1,               // enable DSA transparency info
        cmd: []                   // command queue
    };
</script>
<!-- SDK URL - provided by your Ring DAS account manager -->
<script src="https://das-cdn.idealo.com/build/dlApi/minit.boot.min.js" async></script>

dlApi.cmd.push(function (dlApi) {
    dlApi.consent({npa: 0});  // 0 = consent given, 1 = no consent
});

dlApi.cmd.push(function (dlApi) {
    // Set targeting context
    dlApi.addKeyValue('manufacturer_id', '12345678'); // determines which brand's ad to display

    // Fetch ad
    dlApi.fetchNativeAd({
        slot: 'brand_store',                  // fixed value for Brand Store
        div: 'ad-container',                  // container ID for viewability tracking
        tplCode: '1746213/Banner-Standard',   // fixed value for Brand Store
        asyncRender: true                     // manually count impression with ad.render()
    }).then(function (ad) {
        if (!ad) {
            console.log('No ad available');
            return;
        }

        // Ad exists - render with YOUR shop data
        renderBrandStoreButton(ad);
    }).catch(function (err) {
        console.error('Ad could not be loaded:', err);
    });

    // Trigger ad fetch
    dlApi.fetch();
});

function renderBrandStoreButton(ad) {
    // YOUR shop data - NOT from ad server!
    var shopData = {
        productUrl: 'https://apple.com/store/iphone',
        shopLogo: 'https://example.com/apple-logo.svg',
        shopName: 'Apple',
        price: '€899.00'
    };

    // Click tracking URL - this IS from ad server
    var clickUrl = ad.meta.adclick + encodeURIComponent(ad.fields.click || '');

    // DSA transparency info (available if dsainfo: 1 was set in SDK config)
    var dsaInfo = ad.dsa;  // { behalf, paid, adrender }

    // Count impressions manually
    ad.render();

    // Render button with shop data + ad tracking
    var container = document.getElementById('ad-container');
    container.innerHTML =
        '<span class="ad-label">Ad</span>' +
        '<a href="' + shopData.productUrl + '" ' +
           'target="_blank" ' +
           'rel="noopener nofollow sponsored" ' +
           'onclick="new Image().src=\'' + clickUrl + '\';">' +
            'At <img src="' + shopData.shopLogo + '" alt="' + shopData.shopName + '"> ' +
            'for ' + shopData.price +
        '</a>';
}

// Node.js backend
const NETWORK_ID = '7012768';  // your Ring DAS network ID
const BIDDER_URL = `https://das.idealo.com/${NETWORK_ID}/bid`;  // provided by your account manager

const requestBody = {
    id: Math.random().toString(16).substring(2, 15),
    imp: [{
        id: 'imp-1',
        tagid: 'brand_store',                       // fixed value for Brand Store
        secure: 1,
        native: { request: "{}" }
    }],
    site: { id: 'demo_page' },                      // your site ID
    user: {
        ext: {
            npa: false                              // false = consent given, true = no consent
        }
    },
    ext: {
        network: NETWORK_ID,
        keyvalues: {
            manufacturer_id: '12345678'             // manufacturer ID for targeting
        },
        is_non_prebid_request: true
    },
    regs: {
        gdpr: 1,                                    // 1 = GDPR applies, 0 = does not apply
        gpp: 'YOUR_GPP_STRING',                     // optional: TCF-compliant consent string from CMP
        ext: {
            dsa: 1                                  // request DSA transparency info
        }
    },
    tmax: 1000                                      // request timeout in milliseconds
};

// Send as GET request with body in data= parameter
const encodedData = encodeURIComponent(JSON.stringify(requestBody));
const response = await fetch(`${BIDDER_URL}?data=${encodedData}`);

// Check for no ad available (204 No Content)
if (response.status === 204) {
    // No ad available for this request
    console.log('No ad available');
}

const bidResponse = await response.json();

const bid = bidResponse?.seatbid?.[0]?.bid?.[0];
if (!bid) {
    // Fallback check - no bid in response
    return null;
}

// Parse adm (it's a JSON string)
const adm = JSON.parse(bid.adm);
// Construct click tracking URL
const clickUrl = adm.meta.adclick + encodeURIComponent(adm.fields.click);
// DSA transparency info (from bid.ext.dsa, requires regs.ext.dsa: 1 in request)
const dsaInfo = bid.ext?.dsa;  // { behalf, paid, adrender }

<!-- Render with YOUR shop data -->
<div id="brand-store-ad">
    <span class="ad-label">Ad</span>
    <a href="<%= shopData.productUrl %>"
       onclick="new Image().src='<%= clickUrl %>';">
        At <img src="<%= shopData.shopLogo %>"> for <%= shopData.price %>
    </a>
</div>

<!-- Register for viewability and impression tracking -->
<script>
    dlApi.cmd.push(function () {
        // Arguments: raw bid response object, container element ID
        dlApi.registerBidResponse(<%- JSON.stringify(bidResponse) %>, 'brand-store-ad');
    });
</script>