Samsung Galaxy S25

★★★★★ 3 Product reviews

78 offers: €869.00 - €1,199.00

Display: 6.2 inches

Refresh rate: 120 Hz

Camera: 50 MP

RAM: 12 GB

Chip: Snapdragon 8 Elite

Battery: 4,000 mAh

Price Comparison

In stock Free returns

Samsung Galaxy S25 256GB Blue/Black Best total price

€869.00 €869.00 incl. shipping

VISA MC AMEX

Samsung ★ 4.8 (12450)

Delivery:

by Wed. Feb 12

Go to shop
Samsung Galaxy S25 256GB Navy

€879.00 €879.00 incl. shipping

VISA MC

TechStore24 ★ 4.2 (1856)

Delivery:

by Thu. Feb 13

Go to shop
Samsung Galaxy S25 256GB Mint

€889.00 €889.00 incl. shipping

PayPal VISA MC

SMARTPHONE ONLY ★ 4.1 (1143)

Delivery:

by Fri. Feb 14

Go to shop
Samsung Galaxy S25 256GB Cream

€899.00 €899.00 incl. shipping

VISA MC

MediaMarkt ★ 4.3 (5621)

Delivery:

by Wed. Feb 12

Go to shop

// Format pages - dynamic routing app.get('/formats/:format', async (req, res) => { const formatSlug = req.params.format; // Find format configuration const formatConfig = FORMATS.find(f => f.slug === formatSlug); if (!formatConfig) { return res.status(404).render('404', { requestedFormat: formatSlug }); } // Determine rendering mode from query param // Formats with no SSR equivalent default to frontend mode const frontendOnlyFormats = ['sponsored-products-offers']; const defaultMode = frontendOnlyFormats.includes(formatConfig.slug) ? 'frontend' : 'backend'; const mode = ['backend', 'frontend'].includes(req.query.mode) ? req.query.mode : defaultMode; // Extract debug parameters from URL query string const debugParams = { adbeta: req.query.adbeta || null, test_area: req.query.test_area || null, test_site: req.query.test_site || null, test_kwrd: req.query.test_kwrd || null, test_tid: req.query.test_tid || null, }; // Incoming headers for debug tracking const incomingHeaders = req.headers; if (Object.values(debugParams).some(Boolean)) { console.log('[Server] Debug params:', debugParams); } if (incomingHeaders['x-adp-event-track-id']) { console.log('[Server] Debug tracking ID:', incomingHeaders['x-adp-event-track-id']); } let adData = null; let adData2 = null; // Second slot for sponsored-single-tile let bidderDebugUrl = null; // Only fetch bid server-side for backend mode if (mode === 'backend') { try { // ═══════════════════════════════════════════════════════════════ // SPONSORED SINGLE TILE: Multi-slot request (2 independent tiles) // Mirrors frontend: one bid request with 2 imp objects // ═══════════════════════════════════════════════════════════════ if (formatSlug === 'sponsored-single-tile') { const { slots: slotResults, bidderDebugUrl: debugUrl } = await bidder.fetchMultiSlotBid({ site: 'demo_page', slots: [ { id: 'sponsored-tile', tagId: formatConfig.tagId, containerId: formatConfig.containerId }, { id: 'sponsored-tile-2', tagId: 'product-tile2', containerId: 'sponsored-product-container-2' } ], networkId: formatConfig.networkId, keyvalues: { manufacturer_id: '12345678', npa: 0 }, debugParams, incomingHeaders }); bidderDebugUrl = debugUrl; // Extract per-slot adData const slot1 = slotResults['sponsored-tile']; const slot2 = slotResults['sponsored-tile-2']; adData = slot1?.hasAd ? slot1.adData : null; adData2 = slot2?.hasAd ? slot2.adData : null; // Process shop data for each slot independently [adData, adData2].forEach(data => { if (!data) return; if (typeof data.redirectToOffers === 'undefined') { data.redirectToOffers = true; // default matches frontend } data.shopDataMap = {}; if (data.redirectToOffers === false && data.offers && data.offers.length > 0) { console.log('[Server] FLOW: Sponsored Product (shop data needed)'); const productId = data.offers[0].product_id; if (productId) { const shopProducts = productService.getProductsByIds([productId]); if (shopProducts.length > 0) { const p = shopProducts[0]; data.shopDataMap[productId] = { url: p.url, name: p.name, image: p.image, price: p.price }; } } } else { console.log('[Server] FLOW: Sponsored Offer (ad server data only)'); } }); } // ═══════════════════════════════════════════════════════════════ // SPONSORED PRODUCT SLIDER: Multi-slot request (2 slider slots) // Uses product-tile-slider tagId for horizontal carousel layout // ═══════════════════════════════════════════════════════════════ else if (formatSlug === 'sponsored-product-slider') { const { slots: slotResults, bidderDebugUrl: debugUrl } = await bidder.fetchMultiSlotBid({ site: 'demo_page', slots: [ { id: 'slider-slot-1', tagId: 'product-tile-slider', containerId: 'slider-sponsored-1' }, { id: 'slider-slot-2', tagId: 'product-tile-slider2', containerId: 'slider-sponsored-2' } ], networkId: formatConfig.networkId, keyvalues: { main_category_id: '101', npa: 0 }, debugParams, incomingHeaders }); bidderDebugUrl = debugUrl; const slot1 = slotResults['slider-slot-1']; const slot2 = slotResults['slider-slot-2']; adData = slot1?.hasAd ? slot1.adData : null; adData2 = slot2?.hasAd ? slot2.adData : null; // Enrich shop data for each slot (same logic as sponsored-single-tile) [adData, adData2].forEach(data => { if (!data) return; if (typeof data.redirectToOffers === 'undefined') { data.redirectToOffers = true; // default matches frontend } data.shopDataMap = {}; if (data.redirectToOffers === false && data.offers && data.offers.length > 0) { console.log('[Server] FLOW: Sponsored Product (shop data needed)'); const productId = data.offers[0].product_id; if (productId) { const shopProducts = productService.getProductsByIds([productId]); if (shopProducts.length > 0) { const p = shopProducts[0]; data.shopDataMap[productId] = { url: p.url, name: p.name, image: p.image, price: p.price }; } } } else { console.log('[Server] FLOW: Sponsored Offer (ad server data only)'); } }); } // ═══════════════════════════════════════════════════════════════ // ALL OTHER FORMATS: Single-slot request // ═══════════════════════════════════════════════════════════════ else { const { result: bidResult, bidderDebugUrl: debugUrl } = await bidder.fetchBid({ site: 'demo_page', tagId: formatConfig.tagId, containerId: formatConfig.containerId, networkId: formatConfig.networkId, keyvalues: { manufacturer_id: '12345678', npa: 0 }, debugParams, incomingHeaders }); bidderDebugUrl = debugUrl; adData = bidResult?.hasAd ? bidResult.adData : null; // For branded-products: look up product details using IDs from ad server if (formatSlug === 'branded-products' && adData) { const originalOffers = adData.offers || []; const productIds = originalOffers.map(o => o.product_id).filter(Boolean); console.log('[Server] Looking up product IDs from ad server:', productIds.join(', ')); const shopProducts = productService.getProductsByIds(productIds); adData.shopDataMap = {}; if (shopProducts.length > 0) { shopProducts.forEach(p => { adData.shopDataMap[p.productId] = { url: p.url, name: p.name, image: p.image, price: p.price }; }); console.log('[Server] Shop data loaded for', shopProducts.length, 'products'); } else { console.log('[Server] Product IDs not in shop catalog, shopDataMap empty'); } } } } catch (error) { console.error(`[Server] Error fetching bid for ${formatSlug}:`, error.message); adData = null; adData2 = null; } } console.log(`[Server] Rendering ${formatSlug} in ${mode.toUpperCase()} mode`); res.render(`formats/${formatSlug}`, { adData, adData2, mode, format: formatConfig, formats: FORMATS, sourceCode: SOURCE_CODE_BY_FORMAT[formatSlug] || SOURCE_CODE_BY_FORMAT['brand-store'], bidderDebugUrl: bidderDebugUrl || null }); });

/** * CSR Bidder Client * ═══════════════════════════════════════════════════════════════════════════════ * Fetches ads from Ring DAS CSR bidder for server-side rendering (SSR). * * SUPPORTED FORMATS: * ───────────────────────────────────────────────────────────────────────────── * 1. Brand Store (brand-store) * - Ad server provides: click tracking URL * - Shop provides: ALL product data (logo, price, URL) * * 2. Branded Products (branded-products) * - Ad server provides: bannerImage (logo) + offers[].product_id * - Shop provides: product details fetched using product_id * * ═══════════════════════════════════════════════════════════════════════════════ * * Usage: * const { BidderClient } = require('./lib/bidder-client'); * const bidder = new BidderClient({ networkId: '1746213' }); * const result = await bidder.fetchBid({ * site: 'demo_page', * tagId: 'branded-products', * containerId: 'ad-container' * }); */ // ═══════════════════════════════════════════════════════════════════════════════ // HELPER FUNCTIONS // ═══════════════════════════════════════════════════════════════════════════════ /** * Returns hardcoded shop display data for Brand Store format. * In real implementation, shop would provide this data. */ function getBrandStoreShopData() { return { shopName: 'AD Partner Shop', price: '€899.00', label: 'Ad' }; } /** * Generates unique request ID for bid requests */ function generateRequestId() { return Math.random().toString(16).substring(2, 15) + Math.random().toString(16).substring(2, 15); } // ═══════════════════════════════════════════════════════════════════════════════ // BIDDER CLIENT CLASS // ═══════════════════════════════════════════════════════════════════════════════ class BidderClient { /** * Create a new BidderClient instance * @param {Object} options * @param {string} [options.networkId='1746213'] - Default network ID */ constructor(options = {}) { this.networkId = options.networkId || '1746213'; this.baseUrl = `https://csr.onet.pl/${this.networkId}/bid`; } // ───────────────────────────────────────────────────────────────────────── // REQUEST BUILDING // ───────────────────────────────────────────────────────────────────────── /** * Build OpenRTB-compatible bid request body * * @param {Object} params * @param {string} params.site - Site identifier (e.g., 'demo_page') * @param {string} params.tagId - Slot tag ID ('brand-store' or 'branded-products') * @param {string} params.networkId - Network ID for this request * @param {Object} [params.keyvalues={}] - Additional targeting key-values * @param {Object} [params.debugParams={}] - Debug overrides (adbeta, test_area, test_site, test_kwrd, test_tid) * @returns {Object} OpenRTB bid request body */ buildRequestBody({ site, tagId, networkId, keyvalues = {}, debugParams = {} }) { const effectiveSiteId = debugParams.test_site || site; const effectiveNetworkId = debugParams.test_tid || networkId; const siteExt = {}; if (debugParams.test_area) siteExt.area = debugParams.test_area; if (debugParams.test_kwrd) siteExt.kwrd = debugParams.test_kwrd; return { id: generateRequestId(), imp: [{ id: 'imp-1', tagid: tagId, secure: 1, native: { request: "{}" }, ext: { offers_limit: 10, no_redirect: true // adclick URLs are pixel-only (no redirect); shop handles redirect via href } }], site: { id: effectiveSiteId, ...(Object.keys(siteExt).length > 0 && { ext: siteExt }) }, user: { ext: { npa: false // false = consent given, true = no consent } }, ext: { network: effectiveNetworkId, keyvalues: { kvIV: generateRequestId(), kvIP: generateRequestId(), ...keyvalues }, is_non_prebid_request: true, ...(debugParams.adbeta && { adbeta: debugParams.adbeta }) }, at: 1, tmax: 1000, regs: { gdpr: 1, gpp: '', ext: { dsa: 1 // Request DSA transparency info } } }; } // ───────────────────────────────────────────────────────────────────────── // RESPONSE PARSING // ───────────────────────────────────────────────────────────────────────── /** * Parse a single bid object and extract ad data. * Core parsing logic shared by parseResponse() and fetchMultiSlotBid(). * * @param {Object} bid - Single bid object from seatbid[].bid[] * @param {string} containerId - Container element ID for viewability * @returns {Object|null} { hasAd, adData } or null on error */ parseSingleBid(bid, containerId) { try { const adm = JSON.parse(bid.adm); // DSA (Digital Services Act) transparency info const dsaData = bid?.ext?.dsa || null; const dsaInfo = dsaData ? { advertiser: dsaData.behalf || null, payer: dsaData.paid || null, adrender: dsaData.adrender || 0 } : null; // Click tracking URL (for Brand Store) const metaAdclick = adm?.meta?.adclick; const fieldsClick = adm?.fields?.click; const clickUrl = metaAdclick ? metaAdclick + encodeURIComponent(fieldsClick || '') : (fieldsClick || null); // Branded Products data from ad server const bannerImage = adm?.fields?.bannerImage || null; const urlRedirect = adm?.fields?.urlRedirect || null; const offers = adm?.fields?.feed?.offers || []; // Extract redirectToOffers flag (determines tile link behavior) let redirectToOffers = undefined; if (typeof adm?.fields?.redirectToOffers !== 'undefined') { redirectToOffers = adm.fields.redirectToOffers; } else if (typeof adm?.fields?.feed?.redirectToOffers !== 'undefined') { redirectToOffers = adm.fields.feed.redirectToOffers; } const impressionUrl = bid?.ext?.ems_link; return { hasAd: true, adData: { containerId, adm: bid.adm, bannerImage, urlRedirect, offers, redirectToOffers, dsaInfo, clickUrl, metaAdclick, impressionUrl, adId: adm?.meta?.adid, templateCode: adm?.tplCode, ...getBrandStoreShopData() } }; } catch (error) { console.error('[BidderClient] Error parsing bid:', error.message); return null; } } /** * Parse bid response (single-slot) and extract ad data. * Delegates to parseSingleBid for the first bid found. * * @param {Object} response - Raw bid response from ad server * @param {string} containerId - Container element ID for viewability * @returns {Object|null} Parsed ad data or null if no bid */ parseResponse(response, containerId) { const bid = response?.seatbid?.[0]?.bid?.[0]; if (!bid) { console.log('[BidderClient] No bid in response'); return null; } return this.parseSingleBid(bid, containerId); } // ───────────────────────────────────────────────────────────────────────── // MAIN FETCH METHOD // ───────────────────────────────────────────────────────────────────────── /** * Fetch bid from Ring DAS CSR bidder (single slot) * * @param {Object} params * @param {string} params.site - Site identifier (e.g., 'demo_page') * @param {string} params.tagId - Slot tag ID ('brand-store' or 'branded-products') * @param {string} params.containerId - Container element ID for viewability * @param {string} [params.networkId] - Network ID (overrides default) * @param {Object} [params.keyvalues={}] - Additional targeting parameters * @param {Object} [params.debugParams={}] - Debug overrides (adbeta, test_area, test_site, test_kwrd, test_tid) * @param {Object} [params.incomingHeaders={}] - Incoming request headers (for forwarding x-adp-event-track-id) * @returns {Promise<{result: Object|null, bidderDebugUrl: string}>} */ async fetchBid({ site, tagId, containerId, networkId, keyvalues = {}, debugParams = {}, incomingHeaders = {} }) { const effectiveNetworkId = debugParams.test_tid || networkId || this.networkId; const bidUrl = `https://csr.onet.pl/${effectiveNetworkId}/bid`; const requestBody = this.buildRequestBody({ site, tagId, networkId: effectiveNetworkId, keyvalues, debugParams }); console.log('[BidderClient] ─────────────────────────────────────────'); console.log('[BidderClient] Fetching bid from:', bidUrl); console.log('[BidderClient] Tag ID:', tagId); console.log('[BidderClient] Request:', JSON.stringify(requestBody, null, 2)); // Build full debug URL with encoded request body const encodedData = encodeURIComponent(JSON.stringify(requestBody)); const bidderDebugUrl = `${bidUrl}?data=${encodedData}`; // Forward x-adp-event-track-id header if present const bidderHeaders = {}; const trackId = incomingHeaders['x-adp-event-track-id']; if (trackId) bidderHeaders['X-ADP-EVENT-TRACK-ID'] = trackId; try { const response = await fetch(bidderDebugUrl, { headers: bidderHeaders }); console.log('[BidderClient] Response status:', response.status); // 204 = no-bid (valid response, no ad available) if (response.status === 204) { console.log('[BidderClient] ✗ No bid (204)'); console.log('[BidderClient] ─────────────────────────────────────────'); return { result: null, bidderDebugUrl }; } if (!response.ok) { console.error('[BidderClient] HTTP error:', response.status, response.statusText); return { result: null, bidderDebugUrl }; } const data = await response.json(); console.log('[BidderClient] Response received'); const result = this.parseResponse(data, containerId); if (result) { console.log('[BidderClient] ✓ Ad found'); console.log('[BidderClient] - Banner image:', result.adData.bannerImage ? 'Yes' : 'No'); console.log('[BidderClient] - URL redirect:', result.adData.urlRedirect ? 'Yes' : 'No'); console.log('[BidderClient] - Products:', result.adData.offers?.length || 0); console.log('[BidderClient] - DSA info:', result.adData.dsaInfo ? 'Yes' : 'No'); } else { console.log('[BidderClient] ✗ No ad available'); } console.log('[BidderClient] ─────────────────────────────────────────'); return { result, bidderDebugUrl }; } catch (error) { console.error('[BidderClient] Fetch error:', error.message); return { result: null, bidderDebugUrl }; } } // ───────────────────────────────────────────────────────────────────────── // MULTI-SLOT FETCH (multiple imp objects in a single request) // ───────────────────────────────────────────────────────────────────────── /** * Fetch multiple ad slots in a single bid request. * Mirrors frontend behavior where the SDK sends one request with multiple imp objects. * * @param {Object} params * @param {string} params.site - Site identifier * @param {Array<{id: string, tagId: string, containerId: string}>} params.slots - Slot definitions * @param {string} [params.networkId] - Network ID (overrides default) * @param {Object} [params.keyvalues={}] - Additional targeting parameters * @param {Object} [params.debugParams={}] - Debug overrides (adbeta, test_area, test_site, test_kwrd, test_tid) * @param {Object} [params.incomingHeaders={}] - Incoming request headers (for forwarding x-adp-event-track-id) * @returns {Promise<{slots: Object, bidderDebugUrl: string}>} */ async fetchMultiSlotBid({ site, slots, networkId, keyvalues = {}, debugParams = {}, incomingHeaders = {} }) { const effectiveNetworkId = debugParams.test_tid || networkId || this.networkId; const bidUrl = `https://csr.onet.pl/${effectiveNetworkId}/bid`; const effectiveSiteId = debugParams.test_site || site; const siteExt = {}; if (debugParams.test_area) siteExt.area = debugParams.test_area; if (debugParams.test_kwrd) siteExt.kwrd = debugParams.test_kwrd; const requestBody = { id: generateRequestId(), imp: slots.map((slot, index) => ({ id: slot.id, tagid: slot.tagId, secure: 1, native: { request: "{}" }, ext: { pos: String(index + 1), swidth: 220, no_redirect: true // adclick URLs are pixel-only (no redirect); shop handles redirect via href } })), site: { id: effectiveSiteId, ...(Object.keys(siteExt).length > 0 && { ext: siteExt }) }, user: { ext: { npa: false } }, ext: { network: effectiveNetworkId, keyvalues: { kvIV: generateRequestId(), kvIP: generateRequestId(), ...keyvalues }, is_non_prebid_request: true, ...(debugParams.adbeta && { adbeta: debugParams.adbeta }) }, at: 1, tmax: 1000, regs: { gdpr: 1, gpp: '', ext: { dsa: 1 } } }; console.log('[BidderClient] ─────────────────────────────────────────'); console.log('[BidderClient] Multi-slot bid request:', slots.length, 'slots'); console.log('[BidderClient] Fetching from:', bidUrl); console.log('[BidderClient] Slots:', slots.map(s => s.id).join(', ')); // Build full debug URL with encoded request body const encodedData = encodeURIComponent(JSON.stringify(requestBody)); const bidderDebugUrl = `${bidUrl}?data=${encodedData}`; // Forward x-adp-event-track-id header if present const bidderHeaders = {}; const trackId = incomingHeaders['x-adp-event-track-id']; if (trackId) bidderHeaders['X-ADP-EVENT-TRACK-ID'] = trackId; try { const response = await fetch(bidderDebugUrl, { headers: bidderHeaders }); console.log('[BidderClient] Response status:', response.status); // 204 = no-bid (valid response, no ad available) if (response.status === 204) { console.log('[BidderClient] ✗ No bid (204)'); console.log('[BidderClient] ─────────────────────────────────────────'); return { slots: {}, bidderDebugUrl }; } if (!response.ok) { console.error('[BidderClient] HTTP error:', response.status, response.statusText); return { slots: {}, bidderDebugUrl }; } const data = await response.json(); // Collect all bids by impid const bidsById = {}; for (const seatbid of (data.seatbid || [])) { for (const bid of (seatbid.bid || [])) { bidsById[bid.impid] = bid; } } const results = {}; for (const slot of slots) { const bid = bidsById[slot.id]; if (bid) { const parsed = this.parseSingleBid(bid, slot.containerId); if (parsed) { results[slot.id] = parsed; console.log('[BidderClient] Slot', slot.id, '→ ad found, offers:', parsed.adData.offers?.length || 0); } } else { console.log('[BidderClient] Slot', slot.id, '→ no bid'); } } console.log('[BidderClient] ─────────────────────────────────────────'); return { slots: results, bidderDebugUrl }; } catch (error) { console.error('[BidderClient] Multi-slot fetch error:', error.message); return { slots: {}, bidderDebugUrl: bidUrl }; } } } module.exports = { BidderClient };

<% if (adData) { %>   <% /** * Mock shop/retailer data. * In production, this data is provided by the shop/retailer system, * NOT from the ad server. The ad server only provides tracking (adClick). */ const shopData = { productUrl: 'https://www.idealo.de/relocator/relocate?categoryId=19116&offerKey=2be476c925ea6ce07f2753a0c24c0fa1&pos=31&price=869.00&productid=205675497&sid=316622&type=offer', shopName: 'Samsung', shopLogo: 'https://1000logos.net/wp-content/uploads/2017/06/Samsung-Logo-2.png', price: '€869.00', currency: 'EUR' }; %> <div id="<%= adData.containerId %>" class="offer-button-wrapper offer-button-ad" data-ad-slot="oop-button-ad"> <div class="ad-header"> <span class="ad-label"><%= adData.label %></span> <% if (adData.dsaInfo) { %> <div class="dsa-info-wrapper"> <span class="dsa-info-icon" title="Ad transparency info">i</span> <div class="dsa-info-tooltip"> <div class="dsa-info-row"> <span class="dsa-info-label">Advertiser:</span> <span class="dsa-info-value"><%= adData.dsaInfo.advertiser || 'N/A' %></span> </div> <div class="dsa-info-row"> <span class="dsa-info-label">Paid by:</span> <span class="dsa-info-value"><%= adData.dsaInfo.payer || 'N/A' %></span> </div> </div> </div> <% } %> </div>  <a href="<%= shopData.productUrl %>" class="brand-shop-button" target="_blank" rel="noopener nofollow sponsored" data-offer-type="ad" data-ad-id="<%= adData.adId || 'unknown' %>" onclick="dlApi.cmd.push(function() { var url = '<%= adData.clickUrl %>'; console.log('[dlApi] Adclick:', url); new Image().src = url; });"> At <img src="<%= shopData.shopLogo %>" alt="<%= shopData.shopName %>" class="shop-logo" style="height: 16px; vertical-align: middle;"> for <span class="button-price"><%= shopData.price %></span> </a> </div> <script> dlApi.cmd.push(function () { dlApi.registerBidResponse(<%- JSON.stringify(adData.adm) %>, '<%= adData.containerId %>'); }); </script> <% } %>

<div id="oop-ad-button" class="offer-button-wrapper offer-button-ad"> <div class="ad-header"> <span class="ad-label">Ad</span> </div> <div class="ad-slot-loading">Loading ad...</div> </div> <script> // Frontend approach: const divId = 'oop-ad-button'; /** * Mock function simulating shop/retailer data response. * In production, this data is provided by the shop/retailer system, * NOT from the ad server. The ad server only provides tracking (adClick). */ function getMockShopData() { return { productUrl: 'https://www.idealo.de/relocator/relocate?categoryId=19116&offerKey=2be476c925ea6ce07f2753a0c24c0fa1&pos=31&price=869.00&productid=205675497&sid=316622&type=offer', shopName: 'Samsung', shopLogo: 'https://1000logos.net/wp-content/uploads/2017/06/Samsung-Logo-2.png', price: '€869.00', currency: 'EUR' }; } /** * Generate DSA info icon HTML * @param {Object} dsa - DSA object from ad.dsa with fields: behalf, paid, adrender */ function getDsaInfoHtml(dsa) { if (!dsa) return ''; return '<div class="dsa-info-wrapper">' + '<span class="dsa-info-icon" title="Ad transparency info">i</span>' + '<div class="dsa-info-tooltip">' + '<div class="dsa-info-row">' + '<span class="dsa-info-label">Advertiser:</span> ' + '<span class="dsa-info-value">' + (dsa.behalf || 'N/A') + '</span>' + '</div>' + '<div class="dsa-info-row">' + '<span class="dsa-info-label">Paid by:</span> ' + '<span class="dsa-info-value">' + (dsa.paid || 'N/A') + '</span>' + '</div>' + '</div>' + '</div>'; } // Step 1: Wait for SDK to be ready (all dlApi calls must be inside cmd.push) dlApi.cmd.push(function (dlApi) { // Step 2: Set targeting key-values (sent to ad server for campaign matching) dlApi.addKeyValue('manufacturer_id', '12345678'); // Product manufacturer ID // 3. Register template - defines HOW ad is rendered dlApi.fetchNativeAd({ slot: 'product-button', // constant value for Sponsored Product div: divId, tplCode: '1746213/Banner-Standard', // constant value for Sponsored Product asyncRender: true // manually count ad impressions if you want to show only active offers }).then(ad => { if (!ad) { console.info('[Frontend Mode] Ad not found!'); return; } /** TODO - check if ad for this manufacturer is valid: * manufacturer S has a brandShop S * offerList contains offers from S **/ console.log('[Frontend Mode] renderAd called:', ad); // Use parent document (not iframe's win.document) var container = document.getElementById(divId); if (!container) { console.error('[Frontend Mode] Container not found!'); return; } // Shop data - provided by retailer/shop system (mocked for demo) var shopData = getMockShopData(); // DSA info from ad response (ad.dsa contains: behalf, paid, adrender) var dsaInfo = ad.dsa; // Count impressions manually ad.render(); // Ad tracking URL - provided by ad server (this is the ONLY data from ad server) var clickUrl = ad.meta.adclick + encodeURIComponent(ad.fields.click || ''); // Replace entire container content with proper structure // Note: All product data (URL, logo, price) comes from shop, only adClick tracking comes from ad container.innerHTML = '<div class="ad-header">' + '<span class="ad-label">Ad</span>' + getDsaInfoHtml(dsaInfo) + '</div>' + '<a href="' + shopData.productUrl + '" ' + 'class="brand-shop-button" ' + 'target="_blank" ' + 'rel="noopener nofollow sponsored" ' + 'data-offer-type="ad" ' + 'data-ad-id="' + (ad.meta.adid || 'unknown') + '" ' + 'onclick="(function(){ console.log(\'[dlApi] Adclick:\', \'' + clickUrl + '\'); new Image().src = \'' + clickUrl + '\'; })();">' + 'At <img src="' + shopData.shopLogo + '" ' + 'alt="' + shopData.shopName + '" class="shop-logo" style="height: 16px; vertical-align: middle;"> ' + 'for <span class="button-price">' + shopData.price + '</span>' + '</a>'; console.log('[Frontend Mode] Button rendered successfully'); } ).catch(err => { console.error('Ad for rmn-sponsored-product could not be loaded:', err); }); // 4: Trigger ad request (sends all slots to ad server) dlApi.fetch(); // // // 3. SECOND WAY // // // Step 3: Define ad slot ('branded-products' = slot name, containerId = container element) // const slot = dlApi.defineSlot('brand-store', divId, { pos: 1 }); // // // Step 4: Register custom template to control how ad is rendered // slot.registerTemplate({ // tplCode: '1746213/Banner-Standard', // asyncRender: true, // renderAd: function (ad) { // if (!ad) { // console.info('[Frontend Mode] Ad not found!'); // return; // } // // /** TODO - check if ad for this manufacturer is valid: // * manufacturer S has a brandShop S // * offerList contains offers from S // **/ // // // console.log('[Frontend Mode] renderAd called:', ad); // // Use parent document (not iframe's win.document) // var container = document.getElementById(divId); // if (!container) { // console.error('[Frontend Mode] Container not found!'); // return; // } // // // Shop data - provided by retailer/shop system (mocked for demo) // var shopData = getMockShopData(); // // // DSA info from ad response (ad.dsa contains: behalf, paid, adrender) // var dsaInfo = ad.dsa; // // // Count impressions manually // ad.render(); // // // Ad tracking URL - provided by ad server (this is the ONLY data from ad server) // var clickUrl = ad.meta.adclick + encodeURIComponent(ad.fields.click || ''); // // // Replace entire container content with proper structure // // Note: All product data (URL, logo, price) comes from shop, only adClick tracking comes from ad // container.innerHTML = // '<div class="ad-header">' + // '<span class="ad-label">Ad</span>' + // getDsaInfoHtml(dsaInfo) + // '</div>' + // '<a href="' + shopData.productUrl + '" ' + // 'class="brand-shop-button" ' + // 'target="_blank" ' + // 'rel="noopener nofollow sponsored" ' + // 'data-offer-type="ad" ' + // 'data-ad-id="' + (ad.meta.adid || 'unknown') + '" ' + // 'onclick="(function(){ console.log(\'[dlApi] Adclick:\', \'' + clickUrl + '\'); new Image().src = \'' + clickUrl + '\'; })();">' + // 'At <img src="' + shopData.shopLogo + '" ' + // 'alt="' + shopData.shopName + '" class="shop-logo" style="height: 16px; vertical-align: middle;"> ' + // 'for <span class="button-price">' + shopData.price + '</span>' + // '</a>'; // // console.log('[Frontend Mode] Button rendered successfully'); // } // }); // // // Step 5: Handle "empty" event (no ad available for this slot) // slot.on('empty', function () { // console.log('[Brand Store] Slot empty - no ad available'); // }); // // // Step 6: Trigger ad request (sends all slots to ad server) // dlApi.fetch(); }); </script>