Pravidla pro partnerské weby 2.0

Administrátoři služby mohou zablokovat partnerský web, pokud poruší kterékoli z následujících pravidel nebo ustanovení Smluvních podmínek. Tato Pravidla pro partnerské weby se mohou měnit bez předchozího upozornění. 

Každý server registrovaný Partnerem v systému Seznam Partner musí splňovat následující podmínky: 

• Pravidla obsahu a formy partnerských serverů 
• Pravidla užití a manipulace s reklamním kódem 
• Pravidla pro zobrazení a umístění reklam Seznam Partner 
• Pravidla pro umístění plochy s CTA tlačítkem 
• Překryvné reklamní formáty 
  • 1. Rozsah a vymezení 
    • 1.1 Vymezení pojmu „formát se šablonou” 
  • 2. Společná pravidla pro překryvné reklamní formáty 
    • 2.1 Reklamní zóny 
    • 2.2 Podporované typy reklamy 
    • 2.3 Časový rozestup mezi požadavky 
    • 2.4 Parametr reloadCount 
    • 2.5 Prokliková plocha a blokování prokliku 
    • 2.6 Označení reklamy 
    • 2.7 Vstupní a výstupní animace 
    • 2.8 Stín reklamní plochy 
  • 3. Společná technická identifikace a DOM struktura překryvných formátů 
    • 3.1 Identifikovatelnost instance 
    • 3.2 Povinné elementy 
    • 3.3 Identifikace konkrétního formátu 
    • 3.4 Příklad vyhovující DOM struktury 
    • 3.5 Zavírací tlačítko v DOM 
    • 3.6 Podkladová vrstva 
    • 3.7 Reklamní obsah 
    • 3.8. Umístění elementů v DOM 
    • 3.9 Stabilita povinných tříd 
    • 3.10 Stav reklamního formátu 
    • 3.11 Chování zavíracího tlačítka během animací 
    • 3.12 Skutečná viditelnost 
  • 4. Mobilní pop-up 
    • 4.1 Charakteristika 
    • 4.2 Počet reklam a produktů 
    • 4.3 Umístění a podkladová vrstva 
    • 4.4 Grafické bannery 
    • 4.5 Vodorovná orientace zařízení (landscape) 
    • 4.6 Zavření reklamy 
  • 5. Mobilní pop-up square 
    • 5.1 Charakteristika 
    • 5.2 Počet reklam a produktů 
    • 5.3 Rozměry a vykreslení 
    • 5.4 Zavření reklamy 
  • 6. Mobilní full-screen pop-up 
    • 6.1 Charakteristika 
    • 6.2 Podporovaná zařízení 
    • 6.3 Počet reklam a produktů 
    • 6.4 Vymezující pruhy 
    • 6.5 Rozměry bannerů 
    • 6.6 Umístění reklamní plochy 
    • 6.7 Zavírací tlačítko a označení reklamy 
  • 7. Desktopový pop-up 
    • 7.1 Charakteristika 
    • 7.2 Počet reklam a produktů 
    • 7.3 Podkladová vrstva 
    • 7.4 Rozměry reklam 
    • 7.5 Zavírací tlačítko 
    • 7.6 Označení reklama 
  • 8. Mobilní zavírací prvky 
    • 8.1 Křížek 33 x 33 px 
    • 8.2 Křížek 33 x 33 px s odpočtem 
    • 8.3 Křížek s odpočtem a progress ringem 
    • 8.4 Collapsible pill 
    • 8.5 Obdélníkové mobilní zavírací tlačítko 
  • 9. Zavírací tlačítko a označení reklamy pro mobilní full-screen pop-up 
    • 9.1 Zavírací tlačítko 
    • 9.2 Horní podkladový pruh – varianta s vymezujícími pruhy 
    • 9.3 Označení „Reklama” 
    • 9.4 Spodní podkladový pruh – varianta s vymezujícími pruhy 
  • 10. Zavírací tlačítko desktopového pop-upu 
  • 11. Přehled hlavních parametrů formátů 
  • 12. Příklady požadavků 
• Videoreklama 
  • Pravidla pro Instream 
  • Pravidla pro Outstream 
• Pravidla pro umístění reklamy Seznam Partner a reklam jiných poskytovatelů 
• Odpovědnost za návštěvnost 

Partner smí užívat označení „Seznam Partner“ či jakoukoli jeho modifikaci pouze v rozsahu definovaném v programu Seznam Partner. Seznam Partnerem je provozovatel webových stránek, který na své stránky umisťuje boxy reklamního systému společnosti Seznam.cz, a. s. (dále jen „Seznam“). Za reklamu realizovanou na svých internetových stránkách pobírá partner provizi od Seznamu, který provozuje reklamní systém a zprostředkovává výplatu provize. Zejména je zakázáno užívat slovní spojení „Seznam Partner“ či jakoukoli jeho slovní modifikaci typu „Registrovaný provozovatel služby Seznam Partner“ a podobně, a to v obchodní komunikaci s potenciálními zákazníky či obchodními partnery, pokud se tato komunikace výslovně netýká programu Seznam Partner. 

Užíváním tohoto dovětku v jakékoli formě nesmí být vůči třetím osobám ze strany partnera vyvoláván klamavý či mylný dojem, že tento partner, který užívá program Seznam Partner má se Seznamem navázánu jinou formu spolupráce, jako certifikovaný partner či dodavatel nabízí produkty a služby Seznamu či jej obchodně zastupuje, případně se podílí na vytváření inzerce nebo služeb Seznamu.

Pravidla obsahu a formy partnerských serverů 

Inzeráty Seznam Partner nesmí být zobrazeny na stránkách: 

• obsahujících pornografii a služby či materiály jinak související se sexem, výjimkou jsou lifestylové magazíny, které jsou povoleny za předpokladu, že obsahují vstupní bránu; 
• obsahujících všechny nelegální činnosti, například (ale nikoliv pouze) drogy, nelegální sdílení autorských děl a odkazy na ně, případně nelegální šíření autorských děl (vyhrazujeme si odmítnout kterýkoliv server obsahující odkazy na autorská díla či takové partnerské weby, jejichž obsahem autorská díla přímo jsou); 
• navádějících k porušování zákonů ČR a poskytujících informace, které mohou být k porušení zákonů ČR využity; 
• propagujících tabákové výrobky (web propagující alkohol musí splnit následující podmínky); 
• které jsou v rozporu s dobrými mravy, či které jsou jinými způsoby podvodné a nemorální; 
• s nevhodným (společensky nepřijatelným, vulgárním) obsahem; 
• které jsou ve výstavbě nebo nefunkční; 
• které nejsou přístupné výhradně přes zabezpečený protokol HTTPS nebo na kterých není zajištěno přesměrování všech variant domény (http, www, bez www) na HTTPS verzi; 
• které nejsou smysluplné pro uživatele, obsahují nadměrné množství klíčových slov, odkazů či jiných prvků stránky; 
• které jsou obsahově slabší (bez kvalitního a smysluplného textu), případně se na nich nachází shluky obrázků, videí, her a podobně; 
• které mohou být pro uživatele obtěžující, například samovolným spuštěním hlasitého zvukového doprovodu, stahováním nadměrného množství dat bez souhlasu uživatele a podobně; 
• vyvolávajících nebo spouštějících pop-up nebo pop-under okna, prvky překrývající obsah stránky, samovolnou instalaci ActiveX prvku, či samovolně spouštějících stažení jiného souboru, než je samotná webová stránka;  Tento zákaz se nevztahuje na překryvné reklamní formáty Seznam Partner zobrazené v souladu s částí Překryvné reklamní formáty těchto pravidel. 
• vytvořených pouze za účelem nalákání uživatele na placené prokliky či jinou reklamu a na stránkách, jejichž obsah je z převážné části zaplněn reklamou; 
• nabízejících výdělek za klikání na jakoukoli reklamu; 
• které uživatele nadměrně přesměrovávají bez jeho vědomí; 
• na kterých dochází k automatickému obnovení stránek za účelem umělého navyšování zobrazování stránek (pageviews) či reklamních pozic; 
• které nejsou v českém jazyce; 
• jejichž obsah je převážně vygenerovaný tzv. umělou inteligencí (AI), aniž je tato skutečnost pro uživatele viditelně uvedena; 
• které nejsou přizpůsobeny pro zobrazení na mobilním zařízení; 
• které nemají plně funkční uživatelské rozhraní pro sběr souhlasů s využitím osobních údajů (tzv. Consent Management Platform – CMP) v souladu se smluvními podmínkami služby Seznam Partner; 
• na kterých není uveden kontakt na provozovatele serveru. 

Našim inzerentům chceme mimo jiné nabízet obsahově hodnotné a podnikatelsky přínosné webové stránky. Nedosáhnou-li návštěvníci vašich webových stránek během jednoho kalendářního měsíce limitního počtu konverzí v zobrazující se inzerci, dojde k ukončení účasti vašich webových stránek v programu Seznam Partner. Provozovatel si vyhrazuje právo určit potřebný limit počtu konverzí.

Pravidla užití a manipulace s reklamním kódem 

• Kód pro vložení reklamy Seznam Partner smí být upravován pouze v nezbytných případech a v souladu s technickou dokumentací https://ssp.seznam.cz/static/doc/ a s platnými smluvními podmínkami služby Seznam Partner. 
• Reklama Seznam Partner smí být zobrazována pouze v rámci webových aplikací dostupných prostřednictvím webového prohlížeče. Kód Seznam Partner nesmí být vkládán do e-mailových zpráv či newsletterů ani být součástí aplikací nebo nástrojů spouštěných na straně uživatele. 
• Je zakázáno jakékoli vlastní klikání na inzeráty na partnerově webu či navádění k prokliku třetí stranou, vytváření umělých zobrazení nebo prokliků, analýza přenosových kódů nebo zadávání takových činností třetí straně. Provozovatel v případě zjištění takových činností může partnerovi zablokovat účet a náhradu vzniklé škody požadovat právní cestou, stejně tak může snížit partnerovi provizi, či ji zcela odebrat. Posouzení, zda byly uvedené nedovolené činnosti prováděny, náleží výhradně provozovateli s tím, že provozovatel může přihlédnout k argumentům předloženým partnerem. 
• Je zakázáno umístit reklamní kód na stránku bez obsahu s výjimkou stránek s chybovými hláškami (chyba 404, 500 a podobně) a samostatných stránek v galeriích obrázků. 
• Reklama Seznam Partner smí být zobrazována pouze na webu, pro který byl generován reklamní kód Seznam Partner. 

Pravidla pro zobrazení a umístění reklam Seznam Partner 

• Reklama Seznam Partner nesmí být snadno zaměnitelná za jinou formu reklamy, či reklamu jiného poskytovatele. 
• Reklama Seznam Partner nesmí být zvýrazňována rozložením stránek a prvky napodobujícími přirozený obsah stránky. Žádná část reklamní plochy nesmí být zakryta jiným prvkem na stránce. Tento zákaz se nevztahuje na zavírací prvky a označení reklamy překryvných formátů zobrazené v souladu s částmi 8–10 těchto pravidel. 
• Uživatel nesmí být lákán k prokliknutí návodnými popisky (např. Klikněte zde, Oblíbené stránky a podobně). 
• Partner nesmí slibovat třetím stranám peněžitou či jinou odměnu, nebo dokonce podmiňovat další navigaci na stránkách kliknutím na reklamu. 
• Reklama Seznam Partner nesmí být zaměnitelná s navigací a obsahem stránek. 
• Reklamy Seznam Partner nesmí být na stránce rotovány skriptem (cyklování reklam v bloku v časovém intervalu). 
• Reklamní plochy Seznam Partner, stejně jako ostatní reklamní plochy, nesmějí na žádné ze stránek webu převažovat nad jejím relevantním obsahem anebo jej příliš narušovat. 

Pravidla pro umístění plochy s call-to-action (CTA) tlačítkem 

• Plocha s CTA tlačítkem nesmí v obrázkové galerii vstupovat mezi obrázek galerie, navigaci galerie a navigační tlačítka galerie. 
• Navigací galerie rozumíme například také číslování obrázku formou Obrázek 2, Obrázek 1 z 8, Strana 1 z 8 a podobně). 
• Za navigační tlačítka je považováno i využití slovní formy, jako je Předchozí, Další, Vstoupit a podobně. 
• V okolí obrázku, ať už umístěného samostatně, nebo v obrázkové galerii, smí být pouze jedna plocha s CTA tlačítkem. 
• Plocha s CTA tlačítkem musí být vzdálena nejméně 300 px od obrázku z obrázkové galerie. 

Při porušení podmínek pro umístění plochy s CTA tlačítkem dojde k blokaci webu i provize.

Překryvné reklamní formáty 

1. Rozsah a vymezení 

Mezi překryvné reklamní formáty řadíme jakoukoliv reklamu dočasně překrývající obsah stránky, zejména, nikoli však výlučně: 

• mobilní pop-up, 
• mobilní pop-up square, 
• mobilní vinětu, 
• mobilní interstitial, 
• desktopový pop-up. 

Mobilní viněta a mobilní interstitial jsou dále společně označovány jako mobilní full-screen pop-up. 

Pokud se společné ustanovení této části a ustanovení vztahující se ke konkrétnímu reklamnímu formátu liší, použije se pro daný formát zvláštní ustanovení. Výjimka z obecného pravidla musí být v těchto pravidlech výslovně uvedena. 

1.1 Vymezení pojmu „formát se šablonou“ 

Podrobnější informace naleznete zde. 

Formátem se šablonou se pro účely těchto pravidel rozumí překryvný reklamní formát vykreslený prostřednictvím oficiální implementace nebo šablony poskytované reklamním systémem Seznamu. Tato šablona automaticky zajišťuje technické vlastnosti, které jsou v těchto pravidlech výslovně označeny jako automaticky splněné. 

Partner nesmí do reklamy vydané prostřednictvím oficiální šablony Seznamu žádným způsobem zasahovat. Zejména nesmí: 

• měnit, doplňovat, odstraňovat nebo přemisťovat elementy vytvořené šablonou;  
• měnit, doplňovat nebo odstraňovat jejich atributy nebo CSS třídy;  
• aplikovat na elementy vytvořené šablonou vlastní styly nebo přepisovat styly šablony;  
• měnit rozměry, rozmístění, animace, ovládací prvky nebo chování reklamy;  
• měnit funkci zavíracích prvků, proklikové plochy nebo označení reklamy;  
• zakrývat nebo překrývat reklamu či její jednotlivé části jinými prvky stránky.  

Za zásah se považuje rovněž změna výsledného vykreslení nebo chování šablony prostřednictvím stylu, skriptu nebo vlastnosti aplikované na její nadřazený, sousední nebo jinak související element. 

Za formát se šablonou se nepovažuje reklamní formát, jehož výsledné vykreslení, DOM strukturu nebo ovládací prvky vytváří partner samostatně. 

2. Společná pravidla pro překryvné reklamní formáty 

2.1 Reklamní zóny 

Pro výdej překryvných reklamních formátů se používají samostatné reklamní zóny vyhrazené pro příslušný způsob zobrazení reklamy. 

Partner odpovídá za správné nastavení parametru Typ média a za použití požadovaného řetězce v názvu zóny. 

Na základě toho, jaká varianta mobilního zavíracího prvku je na zóně zvolena, je partner povinen použít příslušný řetězec v názvu zóny. Jedna zóna může mít tedy pouze jednu variantu mobilního zavíracího prvku.

Příklad názvu zóny: popup-square_krizek33 

Pro mobilní vinětu a mobilní interstitial se používají samostatné zóny pro každý podtyp zvlášť. Jedna zóna tedy nesmí současně sloužit pro mobilní vinětu i mobilní interstitial. 

Název zóny i Typ média lze po založení zóny upravit v rozhraní Seznam Partner. 

2.2 Podporované typy reklamy 

Ve všech překryvných reklamních formátech lze zobrazovat:

• grafické bannery, 
• HTML5 bannery, 
• kombinovanou reklamu, 
• externí kód, 
• dynamický retargeting, 
• dynamické bannery 

Při výdeji reklamy ve formátu JSON jsou u všech překryvných reklamních formátů jako data předávány kombinovaná reklama, grafický banner a dynamický retargeting. 

Výdej ve formátu JSON lze ve stejné reklamní zóně kombinovat s výdejem prostřednictvím iframe. 

Tím lze aukci rozšířit také o: 

• HTML5 bannery, 
• externí kódy, 
• dynamické bannery. 

Počet reklam a produktů se liší podle konkrétního formátu a je uveden u jednotlivých formátů níže. 

Seznam si vyhrazuje právo rozsah podporovaných typů reklamy rozšířit nebo omezit. Omezení jednotlivých typů reklamy lze provést také na žádost partnera.

2.3 Časový rozestup mezi požadavky 

V rámci jednoho zobrazení stránky musí být mezi jednotlivými požadavky na výdej překryvných reklamních formátů dodržen minimální časový rozestup 30 sekund. Toto pravidlo se nevztahuje na mobilní interstitial. 

Minimální časový rozestup se vztahuje na všechny překryvné reklamní formáty jako celek, nikoliv samostatně na jednotlivé formáty, reklamní zóny, reklamní systémy nebo poskytovatele. 

To znamená, že mezi zobrazením našeho překryvného reklamního formátu a zobrazením jakéhokoli jiného překryvného reklamního formátu, například z reklamního systému Google nebo jiného poskytovatele, musí být vždy dodržen časový rozestup alespoň 30 sekund. 

V jednom okamžiku zároveň smí být na stránce zobrazen nejvýše jeden překryvný reklamní formát. Současné zobrazení dvou nebo více překryvných reklamních formátů není povoleno, a to bez ohledu na jejich typ, reklamní systém nebo poskytovatele. 

2.4 Parametr reloadCount 

Opakované načtení reklamy do stejné reklamní zóny v rámci jednoho zobrazení stránky (dále jen „reload“) je volitelná funkcionalita. 

V rámci překryvných reklamních formátů je reload povolen pouze u: 

• mobilního pop-upu, 
• mobilního pop-up squaru, 
• desktopového pop-upu. 

U mobilní viněty a mobilního interstitialu není reload povolen. Parametr reloadCount se proto u těchto formátů nepoužívá. 

Pokud partner využívá reload u formátu, u kterého je tato funkcionalita povolena, musí objekt reklamní zóny předávaný funkci sssp.getAds() obsahovat v objektu options parametr reloadCount. 

Parametr reloadCount udává počet předchozích reloadů stejné reklamní zóny v rámci jednoho zobrazení stránky. 

Při prvním požadavku na danou reklamní zónu v rámci jednoho zobrazení stránky musí mít parametr hodnotu: 

„reloadCount“: 0 

Při každém dalším volání funkce sssp.getAds() pro stejnou reklamní zónu v rámci téhož zobrazení stránky musí být hodnota parametru reloadCount zvýšena o jednu. 

Při výdeji reklamy prostřednictvím oficiální šablony Seznamu podle části 1.1 zajišťuje inkrementaci parametru reloadCount automaticky výdejový skript. Při vlastním volání reklamy bez využití oficiální šablony musí hodnotu parametru před každým dalším požadavkem zvýšit partner. 

Příklad prvního požadavku na reklamní zónu: 

<script> 

  sssp.getAds([ 

    { 

      "zoneId": 12345, 

      "id": "ssp-zone-12345", 

      "width": WIDTH, 

      "height": HEIGHT, 

      "options": { 

        "reloadCount": 0 

      } 

    } 

  ]); 

</script> 

Hodnoty width a height musí odpovídat příslušnému reklamnímu formátu a způsobu výdeje. 

Každé opakované volání reklamy musí současně dodržovat minimální časový rozestup podle části 2.3. 

2.5 Prokliková plocha a blokování prokliku 

Prokliková plocha 

Proklik na cílovou stránku reklamy smí být aktivní pouze v ploše vyplněné reklamou, tedy v samotné reklamní kreativě. 

Části překryvného reklamního formátu, které nejsou vyplněny reklamou, zejména podkladové vrstvy, vymezující pruhy a další prostor kolem reklamní kreativy, nesmějí být proklikové na cílovou stránku reklamy. 

Zavírací tlačítko není součástí proklikové plochy reklamy a slouží výhradně k zavření příslušného reklamního formátu. Totéž platí pro přesah klikací oblasti tlačítka mimo jeho viditelnou plochu, je-li u daného formátu stanoven. 

Blokování prokliku 

Proklik na cílovou stránku reklamy musí být blokován: 

• po dobu, kdy je kořenový element ve stavu opening nebo closing podle části 3.10, tedy během vstupní i výstupní animace, 
• během posouvání stránky uživatelem, 
• během gesta swipe v reklamní ploše, například při přecházení mezi produkty carouselu podle části 6.3. 

Blokováním prokliku se rozumí, že aktivace proklikové plochy nesmí vést k otevření cílové stránky reklamy ani k jejímu započtení jako prokliku. 

Přehled stavů a proklikovosti je uveden v tabulce v části 3.11. 

2.6 Označení reklamy  

Všechny mobilní formáty je nutné označovat slovem “Reklama” za předpokladu, že to není uvedeno v rámci zavíracího tlačítka viz “8.5 Obdélníkové mobilní zavírací tlačítko” 

U varianty podle části 8.5 zajišťuje odkaz na informace o reklamě v souladu s DSA tlapka označující Seznam reklamu. 

Označení “Reklama” je umístěno vlevo nahoře nad reklamní plochou, na kterou těsně přiléhá. 

Text “Reklama”: 

• má bílou barvu, 
• má velikost minimálně 10 px, 
• používá font Arial, Helvetica nebo sans-serif, 
• používá základní řez, 
• je umístěn na jednotné neprůhledné vrstvě která je kontrastní k textu “Reklama”. 

Označení „Reklama“ musí obsahovat odkaz vedoucí na URL uvedenou v položce “adInfoUrl” objektu příslušné reklamy v XHR odpovědi reklamního systému. 

Odkazovaná stránka obsahuje informace o zobrazené reklamě v souladu s požadavky DSA. 

Pokud je reklama předávána jako data v JSON a vykreslována nebo stylována na straně partnera, partner umístí do reklamní plochy také tlapku označující Seznam reklamu. 

Použije funkce z dokumentace: 
https://ssp.seznam.cz/static/doc/paw 
Tlapku pomocí vlastního CSS umístí do pravého dolního rohu reklamní plochy. 
V  případě full-screen formátů (interstitial a viněta) se pravidla řídí dle sekce „6. Mobilní full-screen pop-up“ 
V případě desktopového popupu se pravidla řídí dle sekce “7. Desktopový pop-up”

2.7 Vstupní a výstupní animace 

Vstupní animací se rozumí pohyb reklamní plochy při jejím vykreslení, výstupní animací pohyb reklamní plochy při jejím zavření. Doba trvání animace se měří od zahájení pohybu do jeho dokončení. 

Vstupní ani výstupní animace nesmí u žádného překryvného reklamního formátu trvat déle než 1 sekundu. 

Pohyb reklamní plochy během vstupní i výstupní animace musí být plynulý a souvislý. Animace může využít mírné zrychlení nebo zpomalení, její průběh však musí zůstat velmi blízký rovnoměrnému pohybu.  

Animace nesmí obsahovat změnu směru pohybu, překmit za cílovou polohu, návrat zpět, odrazový nebo pružinový efekt ani výrazné zastavení pohybu v jejím průběhu. 

U mobilního pop-upu, mobilního pop-up squaru a desktopového pop-upu je vstupní animace povinná a reklamní plocha najíždí do okna prohlížeče vždy zdola nahoru. 

Výstupní animace je volitelná. Je-li použita, probíhá vždy opačným směrem než vstupní animace. 

U mobilní viněty a mobilního interstitialu se směr animace odvozuje od způsobu vykreslení formátu. Použije-li partner u těchto formátů vstupní nebo výstupní animaci, platí pro ni maximální doba trvání podle této části. 

Po dobu vstupní animace je kořenový element ve stavu opening, po dobu výstupní animace ve stavu closing podle části 3.10. Formát bez vstupní animace je při vložení do DOM rovnou ve stavu visible. 

Viditelnost, aktivace a odpočet zavíracího tlačítka během vstupní a výstupní animace se řídí částí 3.11. 

Blokování prokliku během vstupní a výstupní animace se řídí částí 2.5. 

2.8 Stín reklamní plochy 

Reklamní plocha mobilního pop-upu, mobilního pop-up squaru a desktopového pop-upu musí být pro vizuální oddělení od obsahu stránky opatřena stínem: 

box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 40px 4px; 

Uvedená hodnota je závazná. 

Stín musí být aplikován na element, který tvoří viditelný okraj reklamní plochy: 

Formát, Element se stínem 

Mobilní pop-up, seznamAd–backdrop — viditelná podkladová vrstva podle části 4.3 

Mobilní pop-up ve vodorovné orientaci, seznamAd–content — podkladová vrstva se podle části 4.5 nezobrazuje 

Mobilní pop-up square, seznamAd–content 

Desktopový pop-up, seznamAd–backdrop — podkladová vrstva podle části 7.3 

Stínem musí být opatřeno také zavírací tlačítko. Protože zavírací tlačítko je podle části 3.2 samostatným přímým potomkem elementu seznamAd–wrapper, aplikuje se stín na element seznamAd–cButton zvlášť. 

U mobilní viněty a mobilního interstitialu se stín nepoužívá. 

3. Společná technická identifikace a DOM struktura překryvných formátů 

Požadavky této části platí pro všechny překryvné formáty; u formátu se šablonou je automaticky zajišťuje šablona, při vlastním vykreslení je musí zajistit partner. 

3.1 Identifikovatelnost instance 

Každý právě vykreslený překryvný reklamní formát musí být po celou dobu svého zobrazení, včetně vstupní a výstupní animace, reprezentován jedním kořenovým elementem s CSS třídou seznamAd–wrapper. 

Kořenový element musí současně obsahovat CSS třídu identifikující konkrétní překryvný reklamní formát podle části 3.3. 

3.2 Povinné elementy 

Zdrojový kód každé instance musí obsahovat následující elementy, není-li u konkrétního formátu nebo varianty stanoveno jinak. 

Elementy seznamAd–backdrop a seznamAd–content musí být přímými potomky elementu seznamAd–wrapper. 

Elementy seznamAd–topBar a seznamAd–bottomBar jsou povinné pouze u mobilní viněty a mobilního interstitialu vykreslených s vymezujícími pruhy podle části 6.4. U varianty bez vymezujících pruhů se tyto elementy nevykreslují.  

Jsou-li elementy seznamAd–topBar a seznamAd–bottomBar použity, musí být přímými potomky elementu seznamAd–wrapper. 

Umístění elementů seznamAd–cButton a seznamAd–adLabel se liší podle formátu a varianty: 

• u mobilního pop-upu, mobilního pop-up squaru a desktopového pop-upu jsou přímými potomky elementu seznamAd–wrapper;  
• u mobilní viněty a mobilního interstitialu s vymezujícími pruhy je seznamAd–cButton přímým potomkem elementu seznamAd–topBar a seznamAd–adLabel přímým potomkem elementu seznamAd–bottomBar;  
• u mobilní viněty a mobilního interstitialu bez vymezujících pruhů jsou seznamAd–cButton a seznamAd–adLabel přímými potomky elementu seznamAd–wrapper. 

U varianty podle části 8.5 a u desktopového pop-upu podle části 7.6 se element seznamAd–adLabel nevykresluje, pokud je označení reklamy a odkaz na informace o reklamě zajištěn tlapkou podle příslušné části těchto pravidel. 

Každý povinný element, který je pro daný reklamní formát vyžadován, musí být skutečným vykresleným elementem a musí plnit funkci odpovídající jeho významu uvedenému v tabulce výše. 

Rozměry, poloha, viditelnost, barva, průhlednost a další vizuální vlastnosti relevantní pro daný povinný element musí odpovídat jeho skutečně vykreslenému stavu a musí být zjistitelné přímo z tohoto elementu prostřednictvím standardních DOM metod, zejména: 

• getBoundingClientRect(),  
• getComputedStyle().  

U interaktivního elementu seznamAd–cButton musí rozměry elementu zahrnovat celou oblast, ve které tlačítko reaguje na aktivaci uživatelem. 

Není přípustné umístit povinnou CSS třídu na skrytý, pomocný, duplicitní nebo nefunkční element, zatímco skutečnou funkci, rozměry, polohu nebo vizuální podobu příslušného prvku zajišťuje jiný neoznačený element. 

Pseudoelementy ::before a ::after lze použít pro vytvoření dílčích dekorativních částí prvku, například symbolu křížku uvnitř zavíracího tlačítka. Nesmějí však nahrazovat samotný povinný element nebo jeho základní funkci. 

V rámci jednoho právě vykresleného překryvného reklamního formátu smí existovat právě jeden element každého typu, který je pro daný formát povinný. 

3.3 Identifikace konkrétního formátu 

Kořenový element musí vedle třídy seznamAd–wrapper obsahovat právě jednu z následujících tříd: 

Požadované třídy musí být uvedeny jako samostatné hodnoty atributu class, přesně v uvedeném tvaru a s uvedenou velikostí písmen. 

Nestačí, aby byl požadovaný řetězec pouze součástí delšího názvu třídy. 

Za splnění požadavku se například nepovažuje: 

class="custom-seznamAd--cButton-123"

3.4 Příklad vyhovující DOM struktury 

<div 

  class="seznamAd--wrapper seznamAd--format-mobile-popup" 

  data-seznam-ad-state="visible" 

> 

  <div 

    class="seznamAd--backdrop" 

    aria-hidden="true" 

  ></div> 

  

  <div class="seznamAd--content"> 

    <!-- reklamní obsah --> 

  </div> 

  

  <a 

    href="<adInfoUrl>" 

    target="_blank" 

    class="seznamAd--adLabel" 

    rel="noopener noreferrer" 

  > 

    Reklama 

  </a> 

  

  <button 

    type="button" 

    class="seznamAd--cButton" 

    data-seznam-ad-close-variant="cross33" 

    data-seznam-ad-close-delay="0" 

    data-seznam-ad-close-progress="none" 

    aria-label="Zavřít reklamu" 

  ></button> 

</div> 

Uvedený příklad znázorňuje základní DOM strukturu na variantě mobilního pop-upu s textovým označením „Reklama“ a zavíracím tlačítkem bez odpočtu. 

U konkrétního reklamního formátu se použije odpovídající formátová CSS třída podle části 3.3 a odpovídající varianta a atributy zavíracího tlačítka podle části 3.5 a pravidel konkrétního formátu. 

Přítomnost a umístění elementů seznamAd–cButton, seznamAd–adLabel, seznamAd–topBar a seznamAd–bottomBar se řídí částí 3.2 a pravidly konkrétního formátu. 

3.5 Zavírací tlačítko v DOM 

Element s třídou seznamAd–cButton musí být skutečným interaktivním elementem, který přijímá kliknutí uživatele a po aktivaci zajistí zavření příslušné reklamní plochy. 

Partner zajistí že tlačítko má dle zvolené varianty  

datový atribut: „data-seznam-ad-close-variant“ který může nabývat hodnot: 

• cross33 (kulatý křížek u formátu mobilní popup/ mobilní popup square) 
• pill33 (pilulka u formátu mobilní popup/ mobilní popup square) 
• mobile-rectangle (obdélníkové zavírací tlačítko u formátu mobilní popup/ mobilní popup square) 
• fullscreen-circle (kulatý křížek u formátu interstitial/viněta) 
• fullscreen-square (hranatý křížek u formátu interstitial/viněta) 
• desktop-rectangle (obdélníkové zavírací tlačítko u formátu desktopový popup) 

datový atribut: „data-seznam-ad-close-delay“ který může nabývat hodnot dle zvoleného odpočtu: 

• 0 
• 3 
• 4 

datový atribut: „data-seznam-ad-close-progress“ který může nabývat hodnot: 

• none 
• ring 

Zavírací tlačítko musí být element <button type=“button“>. 

Jeho přístupný název musí být nastaven: 

aria-label=“Zavřít reklamu“ 

Příklad:

<button 

  type="button" 

  class="seznamAd--cButton" 

  data-seznam-ad-close-variant="cross33" 

  data-seznam-ad-close-delay="3" 

  aria-label="Zavřít reklamu" 

  disabled 

> 

</button>

Je-li podle pravidel konkrétního formátu povolen odpočet před aktivací tlačítka, musí být neaktivní stav vyjádřen atributem disabled. 

Po skončení odpočtu musí být atribut disabled odstraněn. 

První aktivace zavíracího tlačítka po odstranění atributu disabled musí reklamní formát zavřít. Není přípustné vyžadovat opakovanou aktivaci. 

3.6 Podkladová vrstva 

Element s CSS třídou seznamAd–backdrop musí vytvářet skutečnou podkladovou vrstvu reklamního formátu. 

Není přípustné vytvářet podkladovou vrstvu výhradně pomocí: 

• pseudoelementu ::before,  
• pseudoelementu ::after,  
• elementu canvas,  
• jiného elementu bez CSS třídy seznamAd–backdrop,  

zatímco element seznamAd–backdrop zůstává prázdný, skrytý, průhledný nebo má nulové rozměry. 

U varianty reklamního formátu, která podle těchto pravidel nepoužívá viditelnou podkladovou vrstvu, musí element seznamAd–backdrop zůstat přítomen, musí být zcela průhledný (opacity: 0) a nesmí zachytávat uživatelské události. 

3.7 Reklamní obsah 

Element s CSS třídou seznamAd–content musí obsahovat vlastní reklamní obsah a jeho rozměry musí odpovídat skutečně vykreslené ploše reklamní kreativy. 

Reklamní obsah může být uvnitř elementu seznamAd–content vložen prostřednictvím elementu iframe. 

U mobilního full-screen pop-upu bez vymezujících pruhů musí element seznamAd–content rozměrově vymezovat skutečnou reklamní kreativu. Jednobarevná podkladová plocha elementu seznamAd–backdrop, nad kterou je umístěno zavírací tlačítko, nesmí být vykazována jako součást elementu seznamAd–content. 

3.8 Umístění elementů v DOM 

Kořenový element, podkladová vrstva, vymezující pruhy, jsou-li pro danou variantu podle části 6.4 použity, a zavírací tlačítko musí být umístěny přímo v DOM partnerské stránky. 

Nesmí být umístěny: 

• uvnitř cross-origin iframe, 
• uvnitř uzavřeného Shadow DOM. 

Uvnitř iframe smí být pouze vlastní reklamní obsah umístěný v elementu seznamAd–content. 

3.9 Stabilita povinných tříd 

Povinné názvy tříd nesmějí být dynamicky generovány, obfuskovány, nahrazovány ani odstraněny po dobu, kdy je reklamní formát vykreslován nebo animován. 

Při vlastním vykreslení reklamy partnerem může partner přidávat další vlastní CSS třídy. Povinné CSS třídy však musí zůstat zachovány. Toto oprávnění se nevztahuje na DOM strukturu vytvořenou oficiální šablonou Seznamu. 

3.10 Stav reklamního formátu 

Kořenový element musí uvádět stav reklamního formátu v atributu: data-seznam-ad-state 

Povolené hodnoty jsou pouze: 

• opening – během vstupní animace, 
• visible – po dokončení vstupní animace, 
• closing – během výstupní animace. 
• hidden – reklamní formát je po dokončení výstupní animace zcela skrytý a není uživatelsky interaktivní; tato hodnota se používá pouze tehdy, pokud kořenový element po zavření zůstává v DOM. 

Povolené přechody: 

• opening → visible 
• opening → closing 
• visible → closing 
• closing → hidden 

Hodnota atributu musí vždy odpovídat skutečnému vizuálnímu stavu reklamního formátu. 

Formát bez vstupní animace je při vložení do DOM rovnou ve stavu visible. 
 
Po dokončení výstupní animace musí být reklamní formát odstraněn z DOM, nebo zcela skryt a označen stavem hidden. Zůstává-li kořenový element v DOM, nesmí být uživatelsky interaktivní ani zachytávat uživatelské události. 

3.11 Chování zavíracího tlačítka během animací 

Tato část se vztahuje na všechny překryvné reklamní formáty. 

Zavírací tlačítko musí být zřetelně viditelné od okamžiku, kdy kořenový element reklamního formátu přejde do stavu opening. 

U varianty bez odpočtu musí být zavírací tlačítko funkční již ve stavu opening. Uživatel tedy může reklamní formát zavřít také před dokončením vstupní animace. 

U varianty s odpočtem musí být zavírací tlačítko od začátku stavu opening opatřeno atributem disabled. Odpočet začne až v okamžiku, kdy je vstupní animace dokončena a kořenový element přejde do stavu visible. 

Je-li odpočet zobrazen číselně, probíhá sestupně k nule. Zobrazená hodnota sekund se určuje zaokrouhlením nahoru. 

Po skončení odpočtu musí být atribut disabled odstraněn a tlačítko se musí okamžitě stát funkčním. 

Po aktivaci funkčního zavíracího tlačítka: 

• kořenový element okamžitě přejde do stavu closing,  
• zavírací tlačítko se deaktivuje, aby nemohlo dojít k opakované aktivaci,  
• proklik reklamní kreativy se zablokuje,  
• zahájí se výstupní animace, pokud ji daný formát používá.  

3.12 Skutečná viditelnost 

Po celou dobu stavu visible musí kořenový element i element seznamAd–content mít: 

• getComputedStyle – visibility: visible 
• display jiný než none  
• výslednou opacity rovnou 1  
• žádný nadřazený element nesmí výslednou viditelnost snižovat  
• Na kořenový element ani jeho předky nesmí být aplikován filter, clip-path, mask ani transform, který mění velikost, polohu nebo viditelnost proti stavu deklarovanému pravidly. 
• Celá reklamní plocha musí ležet uvnitř viewportu a nesmí být zakryta žádným jiným elementem stránky.  
• document.elementFromPoint ve středu elementu seznamAd–content a ve středu seznamAd–cButton musí vracet daný element nebo jeho potomka. 

4. Mobilní pop-up 

4.1 Charakteristika 

Mobilní pop-up je obdélníková reklama umístěná fixně k dolnímu okraji okna prohlížeče na celou jeho šíři, určená pouze pro mobilní zařízení. 

Může mít podobu: 

• klasického banneru o maximálních rozměrech 500 × 200 px 
• textové reklamy v ploše plně využívající šířku displeje a nepřesahující 25 % výšky okna prohlížeče. 

V minulosti byl tento formát označován také jako mobilní „branding“. 

4.2 Počet reklam a produktů 

V jedné mobilní pop-up zóně je povoleno zobrazit právě: 

• jeden inzerát, nebo 
• nabídku produktů jediného inzerenta. 

4.3 Umístění a podkladová vrstva 

Pro mobilní pop-up je vyhrazen prostor u dolního okraje okna prohlížeče. 

Reklama je umístěna na fixně pozicované, neprůhledné a jednobarevné podkladové vrstvě, která: 

• Reklamní plocha musí vždy využívat celou šířku viewportu (viditelné části displeje).  
• Pokud je samotná stránka širší než viewport, například kvůli chybně nastavenému obrázku nebo jinému prvku, který přetéká mimo obrazovku, nesmí se šířka reklamní plochy řídit šířkou stránky.  
• Reklamní plocha musí i v takovém případě zachovat šířku odpovídající viewportu a být vůči viewportu vycentrovaná tak, aby byla při běžném zobrazení celá viditelná. 
• využívá nejvýše 25 % výšky okna prohlížeče. 

Pro zařízení orientovaná vodorovně platí výjimka, viz sekce “Vodorovná orientace zařízení (landscape)” 

4.4 Grafické bannery 

Reklamní systém dodává grafické bannery v několika rozměrech, kde největší je 500x200px. 

Banner se zmenší proporcionálně tak, aby současně vyhověl dostupné šířce displeje i limitu 25 % výšky okna prohlížeče podle části 4.3. Rozhoduje přísnější z obou limitů. Poměr stran musí zůstat zachován. 

Grafický banner je horizontálně vycentrován v rámci podkladové vrstvy. 

Zvětšování a ořezávání banneru není povoleno. 

4.5 Vodorovná orientace zařízení (landscape) 

Je-li mobilní zařízení orientováno vodorovně: 

• reklama se umístí do pravého dolního rohu okna prohlížeče, 
• nezobrazuje se na viditelné podkladové vrstvě. 

Grafické bannery se zobrazují v původních rozměrech: 

• 300 × 50 px, 
• 300 × 100 px, 
• 320 × 100 px, 
• 500 × 200 px. 

U kombinované reklamy a dynamického retargetingu dodaných jako data smí mít reklamní plocha rozměry nejvýše 500 × 200 px. 

Povinný DOM element seznamAd–backdrop musí zůstat přítomen podle společných technických pravidel, ale v této variantě nevytváří viditelnou podkladovou vrstvu. 

4.6 Zavření reklamy 

Mobilní pop-up musí být opatřen zavíracím tlačítkem podle části 8. Mobilní zavírací prvky. 

Partner může použít: 

• tlačítko funkční ihned,  
• tlačítko s odpočtem 3 sekundy,  
• tlačítko s odpočtem 4 sekundy,  

Viditelnost, aktivace, odpočet a chování tlačítka během vstupní a výstupní animace se řídí částí 3.11. 

5. Mobilní pop-up square 

5.1 Charakteristika 

Mobilní pop-up square je reklama o rozměrech: 

• 300 × 300 px, 
• 300 × 250 px, 

umístěná fixně v pravém dolním rohu okna prohlížeče pouze na mobilních zařízeních. 

5.2 Počet reklam a produktů 

V jedné zóně je povoleno zobrazit právě: 

• jeden inzerát, nebo 
• nabídku produktů jediného inzerenta. 

5.3 Rozměry a vykreslení 

Grafické bannery mohou mít pouze rozměry: 

• 300 × 300 px, 
• 300 × 250 px. 

Musí být zobrazeny v původních rozměrech. 

Není povoleno: 

• zmenšování, 
• zvětšování, 
• ořezávání. 

V případě kombinované reklamy nebo dynamického retargetingu dodaných jako data ve formátu JSON vytvoří partner reklamní plochu o rozměrech 300 × 300 px. 

5.4 Zavření reklamy 

Mobilní pop-up square musí být opatřen zavíracím tlačítkem podle části 8. Mobilní zavírací prvky. 

Partner může použít: 

• tlačítko funkční ihned,  
• tlačítko s odpočtem 3 sekundy,  
• tlačítko s odpočtem 4 sekundy.  

Viditelnost, aktivace, odpočet a chování tlačítka během vstupní a výstupní animace se řídí částí 3.11. 

6. Mobilní full-screen pop-up 

Mobilní full-screen pop-up zahrnuje dva reklamní formáty: 

• mobilní vinětu, 
• mobilní interstitial. 

6.1 Charakteristika 

Oba formáty využívají celé okno prohlížeče a jsou vzhledově shodné. Liší se způsobem aktivace. 

Mobilní interstitial 

Mobilní interstitial se zobrazí výhradně poté, co uživatel klikne na nereklamní odkaz na webu, tedy před přechodem na jinou stránku. 

V případě využití formátu se šablonou je nutné při volání metody getAds() doplnit do pole options hodnotu landingUrl aby reklamní systém mohl následně zajistit automatické přesměrování na cílovou adresu.  https://ssp.seznam.cz/static/doc/nastaveni-zony/#options–landingurl 

Mobilní viněta 

Mobilní viněta je na rozhodování uživatele nezávislá. 

Zobrazuje se na základě událostí definovaných partnerem, například: 

• po uplynutí určitého času, 
• po doscrollování k určitému prvku stránky. 

Mobilní full-screen pop-up může obsahovat klasický banner nebo textovou reklamu. 

6.2 Podporovaná zařízení 

Oba podtypy se vydávají pouze na mobilních zařízeních, jejichž šířka displeje je: 

• nejméně 320 dp, 
• nejvýše 540 dp. 

Tomuto rozmezí odpovídá většina současných mobilních telefonů při orientaci na výšku. 

6.3 Počet reklam a produktů 

V reklamní ploše je povoleno zobrazit: 

• jeden inzerát kombinované reklamy, 
• nejvýše čtyři nabídky produktů dynamického retargetingu, pokud jsou zobrazeny současně, 
• nejvýše deset nabídek produktů dynamického retargetingu, pokud jsou zobrazeny formou carouselu. 

Dynamický retargeting lze zobrazit: 

• jako statickou plochu, 
• jako carousel. 

V případě carouselu musí být uživateli umožněno přecházet mezi jednotlivými produkty gestem swipe. 

6.4 Vymezující pruhy 

Dynamický retargeting dodaný jako data ve formátu JSON se vždy vykresluje v ploše okna prohlížeče vymezené shora a zdola jednobarevnými vodorovnými pruhy. 

Při vykreslení kombinované reklamy dodané jako data ve formátu JSON, grafických bannerů a reklamy dodané prostřednictvím iframe je na rozhodnutí partnera, zda vymezující pruhy použije. Toto pravidlo se vztahuje také na dynamický retargeting dodaný prostřednictvím iframe. 

Jsou-li vymezující pruhy použity, horní pruh souvisí s umístěním zavíracího tlačítka a spodní pruh s označením „Reklama“. Jejich vlastnosti se řídí částmi 9.2 a 9.4. 

Nejsou-li vymezující pruhy použity, části 9.2 a 9.4 se nepoužijí a elementy seznamAd–topBar a seznamAd–bottomBar se nevykreslují. Zavírací tlačítko musí na všech podporovaných zařízeních zůstat zcela mimo reklamní kreativu, být zřetelně viditelné a nacházet se nad jednobarevnou neprůhlednou částí podkladové vrstvy seznamAd–backdrop. Označení „Reklama“ musí splňovat požadavky části 9.3 pro variantu bez vymezujících pruhů. 

Není-li partner schopen podmínky varianty bez vymezujících pruhů splnit, musí použít variantu s vymezujícími pruhy. 

6.5 Rozměry bannerů 

Povolené rozměry grafických bannerů jsou: 

• 300 × 250 px, 
• 300 × 300 px, 
• 300 × 600 px, 
• 480 × 480 px. 

Bannery o rozměrech: 

• 300 × 250 px, 
• 300 × 300 px 

se zobrazují bez změny velikosti. 

Pokud dostupná reklamní plocha neumožňuje zobrazení banneru o rozměrech: 

• 300 × 600 px, 
• 480 × 480 px 

v původní velikosti, musí být banner proporcionálně zmenšen tak, aby dostupnou plochu využil v maximální možné míře. 

Poměr stran musí zůstat zachován. 

Není povoleno: 

• banner zvětšovat, 
• banner ořezávat. 

Zmenšení reklamy vydané prostřednictvím iframe zajišťuje výdejový skript ssp.js. 

V případě výdeje ve formátu JSON musí případné zmenšení zajistit web partnera. 

6.6 Umístění reklamní plochy 

Reklamní kreativa je ve vodorovném i svislém směru zarovnána na střed okna prohlížeče. 

Kořenová plocha mobilního full-screen pop-upu tvořená elementy seznamAd–wrapper a seznamAd–backdrop využívá celé okno prohlížeče. 

Pokud reklamní kreativa tuto plochu zcela nevyplní, musí být zbývající prostor vyplněn jednotnou neutrální barvou zajišťující dobrou viditelnost reklamy například: 

• černou, 
• bílou. 

U varianty bez vymezujících pruhů musí rozměry a umístění reklamní kreativy ponechat v podkladové vrstvě dostatečný jednobarevný a neprůhledný prostor pro zavírací tlačítko podle části 9.1. Tento prostor musí být součástí elementu seznamAd–backdrop, nikoli elementu seznamAd–content. 

6.7 Zavírací tlačítko a označení reklamy 

Mobilní full-screen pop-up musí obsahovat: 

• zavírací tlačítko, 
• označení „Reklama“. 

Oba prvky musí splňovat požadavky části 9. Zavírací tlačítko a označení reklamy pro mobilní full-screen pop-up. 

Musí být: 

• zřetelně viditelné po celou dobu zobrazení reklamy, 
• plně funkční od okamžiku zobrazení mobilního full-screen pop-upu. 

7. Desktopový pop-up 

7.1 Charakteristika 

Desktopový pop-up je obdélníková reklama umístěná fixně k dolnímu okraji okna prohlížeče na celou jeho šíři pouze na desktopových zařízeních. 

Může mít podobu: 

• klasického banneru 970 × 310 px, 
• klasického banneru 970 × 210 px, 
• klasického banneru 728 × 90 px, 
• textové reklamy v ploše o rozměrech nejvýše 970 × 310 px. 

7.2 Počet reklam a produktů 

V jedné desktopové pop-up zóně je povoleno použít nejvýše: 

• tři textové inzeráty kombinované reklamy, nebo 
• pět nabídek produktů dynamického retargetingu. 

Výdej ve formátu JSON lze ve stejné zóně kombinovat s výdejem do iframe. 

7.3 Podkladová vrstva 

Pro desktopový pop-up je vyhrazen prostor u dolního okraje okna prohlížeče. 

Display bannerová reklama je umístěna na fixně pozicované podkladové vrstvě využívající celou šířku displeje. 

Výška podkladové vrstvy je: 

• shodná s výškou právě vydaného banneru při výdeji do iframe nebo u grafického banneru, 
• nejvýše 310 px u reklamy dodané ve formátu JSON s výjimkou grafického banneru. 

Podkladová vrstva může být bílá nebo černá. 

Je povolena průhlednost nejvýše 20 %, tedy opacita: 

0,8 až 1,0

7.4 Rozměry reklam 

Reklamní systém dodává grafické bannery: 

• 970 × 310 px, 
• 970 × 210 px, 
• 728 × 90 px. 

Web je musí vykreslit: 

• v nezměněné velikosti, 
• bez ořezu. 

Banner je ve vodorovném směru zarovnán na střed podkladové vrstvy. 

U kombinované reklamy a dynamického retargetingu nastylovaných partnerem nesmí reklamní plocha přesáhnout 970 × 310 px. 

7.5 Zavírací tlačítko 

Desktopový pop-up musí být opatřen zavíracím tlačítkem podle části 10. Zavírací tlačítko desktopového pop-upu. 

Partner může použít: 

• tlačítko funkční ihned, 
• tlačítko s odpočtem 3 sekundy, 
• tlačítko s odpočtem 4 sekundy. 

Viditelnost, aktivace, odpočet a chování tlačítka během vstupní a výstupní animace se řídí částí 3.11. 

7.6 Označení reklama 

Vzhledem k tomu, že zavírací tlačítko 10. Zavírací tlačítko desktopového pop-upu již v sobě zahrnuje text “Zavřít reklamu” (v případě odpočtu po jeho skončení). Postačí označení tlapkou s aktivním DSA a není vyžadováno žádné další označení. 

8. Mobilní zavírací prvky 

Tato část definuje povolené varianty zavíracího prvku pro: 

• mobilní pop-up, 
• mobilní pop-up square. 

Pokud specifická část konkrétního formátu stanoví další požadavek, platí tento další požadavek současně. 

8.1 Křížek 33 × 33 px 

Jde o kulatou ikonu s křížkem uvnitř sloužící k okamžitému zavření reklamy. 

Požadavky: 

• tlačítko má tvar kruhu o průměru 33 px, 
• zaoblení kruhu: border-radius: 50%, 
• křížek má bílou barvu, 
• pozadí tlačítka je černé nebo velmi tmavě šedé, 
• čáry symbolu „ד jsou překříženy pod úhly 45° a −45°, 
• čáry se protínají přesně ve středu tlačítka, 
• minimální velikost čar křížku je 18 × 2 px, 
• maximální velikost čar křížku je 28 × 5 px, 
• kontrast mezi barvou tlačítka a symbolem „ד musí být nejméně 4,5 : 1, 
• odsazení tlačítka od pravého okraje je 10px, 
• tlačítko je umístěno na pravé straně reklamy, 
• tlačítko přesahuje 17px nad horní hranu kreativy, 
• tlačítko zasahuje 16px do kreativy. 

Metodika pro kontrolu kontrastu: https://contrast-ratio.com/ 

8.2 Křížek 33 × 33 px s odpočtem 

Křížek má stejnou vizuální specifikaci jako varianta v části 8.1. 

Odpočet může být: 

• 3 sekundy, 
• 4 sekundy. 

Zobrazená hodnota sekund se určuje zaokrouhlením nahoru. 

Během odpočtu je uprostřed ikony jasně zobrazena číslovka. 

Po skončení odpočtu: 

• se číslovka změní v křížek, 
• zavírací tlačítko se okamžitě stane plně funkčním. 

Po dobu odpočtu musí být element seznamAd–cButton neaktivní a opatřen atributem disabled. 

8.3 Křížek s odpočtem a progress ringem 

Varianta vychází z tlačítka podle části 8.2 a doplňuje je kruhovou grafickou indikací zbývajícího času. Vnější průměr celého prvku včetně progress ringu je 33 px. Progress ring se vykresluje po vnitřním obvodu tohoto rozměru. 

Požadavky: 

• číselný odpočet je vždy povinný, 
• progress ring je pouze doplňkový, 
• celkový rozměr tlačítka včetně progress prvku je kruh o průměru 33 px, 
• grafický proužek je veden po vnitřním obvodu tlačítka bez mezery 
• animace je plynulá, 
• animace odbíhá rovnoměrně po celou dobu odpočtu, 
• barva indikátoru je zelená, 
• ubývání začíná v horním bodě kruhu, tedy na pozici 12 hodin, 
• tloušťka prstence smí být nejvýše 4 px, 
• doporučená tloušťka je přibližně 3 px, 
• barva pod proužkem je shodná s barvou pozadí tlačítka. 

8.4 Collapsible pill 

Zavírací prvek má v rozbaleném stavu tvar pilulky, tedy obdélníku zakončeného po stranách půlkruhy. 

Obsahuje text: Zavřít  za 4s 

Text: 

• má bílou barvu, 
• má velikost minimálně 14 px minimum, 
• používá font Arial, Helvetica nebo sans-serif, 
• používá základní řez. 

Po skončení odpočtu se zavírací prvek okamžitě stane plně funkčním a během 300 ms se animací změní na kruhový křížek 33 × 33 px podle části 8.1. 

Požadavky: 

• pravý okraj prvku se během animace nepohybuje, 
• pilulka se zmenšuje zleva doprava, 
• výška pilulky je shodná s průměrem výsledné ikony, 
• výška rozbalené pilulky je 33 px, 
• šířka rozbalené pilulky je 125 px, 
• pilulka přesahuje 17px nad horní hranu kreativy, 
• pilulka zasahuje 16px do kreativy, 
• odsazení od pravého okraje je 10 px, 
• délka přechodu je 300 ms, 
• styl animace je ease, 
• prvek má oblé hrany a po zmenšení získá tvar kruhu. 

8.5 Obdélníkové mobilní zavírací tlačítko 

Tlačítko je umístěno vpravo nahoře nad reklamní plochou. 

Minimální rozměry: 

• šířka 140 px, 
• výška 31 px. 

Vzhled: 

• barva #3f3f3f nebo rgba(63, 63, 63, 1), 
• 100% krytí, 
• nulová průhlednost. 

Tlačítko obsahuje podle stavu text: zavřít reklamu

nebo při odpočtu: zavřít za X s

Odpočet může začínat hodnotou 3 nebo 4 s. 

Při dosažení hodnoty 0 se text změní na: zavřít reklamu

Text: 

• má bílou barvu, 
• má velikost 14 px, 
• používá font Arial, Helvetica nebo sans-serif, 
• používá základní řez. 

Minimální padding tlačítka je 8 px z každé strany. 

Odkaz na DSA v této variantě zajišťuje tlapka. 

9. Zavírací tlačítko a označení reklamy pro mobilní full-screen pop-up 

Tato část platí pro: 

• mobilní vinětu, 
• mobilní interstitial. 

9.1 Zavírací tlačítko 

Zavírací tlačítko se nachází v pravém horním rohu okna prohlížeče. 

Jeho vzdálenost je: 

• 18 px od horního okraje, 
• 18 px od pravého okraje. 

Aby se reklama na mobilních zařízeních správně přizpůsobila šířce obrazovky, je třeba do hlavičky HTML přidat: 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Partner může použít: 

• kruhové tlačítko o průměru d ≥ 30 px, 
• čtvercové tlačítko o délce strany v ≥ 30 px. 

Uvnitř tlačítka se nachází výrazný zavírací křížek zarovnaný na střed. 

Křížek musí být dostatečně výrazný velikostí i kontrastem. 

Kontrast mezi barvou tlačítka a symbolem „ד musí být nejméně 4,5 : 1 podle metodiky: https://contrast-ratio.com/ 

Oblast kliku na zavírací tlačítko musí zasahovat alespoň 7 px z každé strany vně jeho viditelné plochy. 

Tlačítko: 

• musí být zcela neprůhledné, 
• musí mít barvu kontrastní k podkladové vrstvě, 
• musí být zřetelně viditelné na tmavém i světlém podkladu. 

Je možné použít záři kolem tlačítka.  

U varianty s vymezujícími pruhy je element seznamAd–cButton přímým potomkem elementu seznamAd–topBar. 

U varianty bez vymezujících pruhů je element seznamAd–cButton přímým potomkem elementu seznamAd–wrapper. Tlačítko se nachází nad jednobarevnou neprůhlednou částí elementu seznamAd–backdrop. 

Celá skutečná interaktivní plocha elementu seznamAd–cButton, včetně předepsaného přesahu klikací oblasti, musí zůstat mimo plochu reklamní kreativy vymezenou elementem seznamAd–content. 

Tlačítko musí mít barvu kontrastní k ploše, která se nachází přímo pod ním. U varianty s pruhy je touto plochou seznamAd–topBar, u varianty bez pruhů element seznamAd–backdrop. 

Není-li možné tyto podmínky u varianty bez vymezujících pruhů splnit, musí být použita varianta s vymezujícími pruhy. 

U mobilní viněty a mobilního interstitialu se zavírací tlačítko používá bez odpočtu. Element seznamAd–cButton musí mít atribut data-seznam-ad-close-delay=“0″ a atribut data-seznam-ad-close-progress=“none“.

Varianta bez vymezujících pruhů

9.2 Horní podkladový pruh – varianta s vymezujícími pruhy 

Tato část se použije pouze u mobilního full-screen pop-upu vykresleného s vymezujícími pruhy podle části 6.4. 

Vymezující pruh se nachází ve vrstvě pod zavíracím tlačítkem. 

Pruh: 

• je jednobarevný, 
• je neprůhledný, 
• zabírá celou šířku viewportu. 

Jeho minimální výška musí splňovat vztah: 

q₁ ≥ 2m + d 

kde: 

• m = 18px je vzdálenost zavíracího tlačítka od horního okraje okna prohlížeče, 
• d je výška zavíracího tlačítka; u kruhového tlačítka odpovídá jeho průměru a u čtvercového tlačítka délce jeho strany, 

Pro tlačítko o minimální velikosti 30px, při horním odsazení 18px, musí mít horní podkladový pruh výšku alespoň: 

q1 ≥  36 + 30 = 66px 

Varianta s vymezujícími pruhy

9.3 Označení „Reklama“ 

Reklamní plocha musí být označena slovem: Reklama 

Text: 

• má velikost alespoň 11 px, 
• používá tučný řez. 

Textové označení musí být obaleno elementem:

<a></a>

Atribut href tohoto elementu musí obsahovat URL z položky adInfoUrl příslušné reklamy v XHR odpovědi reklamního systému. 

Umístění elementu seznamAd–adLabel se liší podle varianty mobilního full-screen pop-upu: 

• U varianty s vymezujícími pruhy je element seznamAd–adLabel přímým potomkem elementu seznamAd–bottomBar. Označení je umístěno v pravém dolním rohu viewportu, uvnitř spodního podkladového pruhu, ve vzdálenosti 18 px od pravého a spodního okraje viewportu. 
• U varianty bez vymezujících pruhů je element seznamAd–adLabel přímým potomkem elementu seznamAd–wrapper. Je umístěn v pravém dolním rohu viewportu ve vzdálenosti 18 px od pravého a spodního okraje. 
• U varianty bez vymezujících pruhů musí element seznamAd–adLabel sám vytvářet lokální jednobarevnou neprůhlednou podkladovou plochu pod textem „Reklama“. Tato podkladová plocha nemusí zabírat celou šířku viewportu. 

Kontrast mezi textem „Reklama“ a jeho bezprostředním podkladem musí být nejméně 4,5 : 1. Označení musí být po celou dobu zobrazení zřetelně viditelné, nesmí být zakryté a jeho odkaz musí být funkční. 

9.4 Spodní podkladový pruh – varianta s vymezujícími pruhy 

Tato část se použije pouze u mobilního full-screen pop-upu vykresleného s vymezujícími pruhy podle části 6.4. 

Spodní vymezující pruh se nachází ve vrstvě pod označením „Reklama“. 

Pruh: 

• je jednobarevný, 
• je neprůhledný, 
• zabírá celou šířku viewportu. 

Jeho výška musí splňovat: q2 ≥ q1 

Výška horního a spodního pruhu nemusí být shodná, spodní pruh však nesmí být nižší než horní. 

Barva spodního pruhu musí být shodná s barvou horního pruhu. 

Text „Reklama“ musí mít barvu kontrastní k podkladovému pruhu. 

Partner zajistí jeho dobrou viditelnost na tmavém i světlém podkladu. 

Kontrast mezi podkladem a textem „Reklama“ musí být nejméně 4,5 : 1. 

10. Zavírací tlačítko desktopového pop-upu 

Tlačítko je umístěno vpravo nahoře nad reklamní plochou tak, že: 

• jeho pravý okraj těsně přiléhá k pravé straně okna prohlížeče, 
• jeho spodní okraj je zarovnaný s horním okrajem reklamní plochy. 

Minimální rozměry tlačítka jsou: 

• šířka 90 px, 
• výška 50 px. 

Tlačítko: 

• má tmavě šedou barvu #3f3f3f nebo rgba(63, 63, 63, 1), 
• má 100% krytí, 
• je zcela neprůhledné. 

Tlačítko obsahuje podle stavu text: zavřít reklamu

 

nebo při odpočtu: 

• zavřít za X s

 
• Odpočet může začínat hodnotou 3 nebo 4 s. 

Při dosažení hodnoty 0 se text změní na: zavřít reklamu 

Křížek i text jsou zarovnány na střed tlačítka. 

Mezi křížkem a textem musí být vodorovná mezera o šířce alespoň 6 px. 

Text: 

• je bílý, 
• má velikost alespoň 15 px, 
• používá Arial, Helvetica nebo sans-serif, 
• používá základní řez. 

11. Přehled hlavních parametrů formátů 

12. Příklady požadavků 

Požadavky na  reklamu se řídí dle https://ssp.seznam.cz/static/doc/multi-request případně https://ssp.seznam.cz/static/doc/single-request při volání reklamní plochy pomocí metody getAds() je nutné dávat do hodnot width/height vždy maximální hodnotu která se na dané zóně může vydat. 

Příklad pro Mobilní full-screen pop-up:

<script> 
  sssp.getAds( 
    [ 
      { 
        "zoneId": 12345, 
        "id": "ssp-zone-12345", 
        "width": 480, 
        "height": 600 
      } 
    ] 
  ) 
</script>