oglas v mrezi enak kartici: okvir prevzame visino vrstice, fiksna enota 300x400 centrirana v njem

This commit is contained in:
2026-08-31 17:09:37 +02:00
parent c847f526d3
commit 22cdb79c0e
2 changed files with 14 additions and 15 deletions
+8 -13
View File
@@ -177,22 +177,17 @@ export function GridBannerAd() {
}
export function ArticleCardAd() {
const seed = useMemo(() => adSeedCounter++, []);
const [filled, setFilled] = useState<boolean | null>(null);
if (filled === false) return null;
// 31. 8. 2026: oglas mora biti enak kartici, torej cela celica in ne nizji
// blok z luknjo pod njim. Okvir je zato h-full in prevzame visino vrstice,
// oglas pa je v njem centriran. Enota 9916590834 je fiksna 300x400: fiksne
// mere Googlova skripta ne prevaja, zato se ne razteguje kot responsive.
return (
// 31. 8. 2026: enota 3854634730 je v AdSense nastavljena kot fluid in-feed
// in si visino racuna sama (248 px), inline visine pa Googlova skripta
// prepise — z minHeight/height 400 je celico raztegnil na 600 in vrstica
// je narasla. Zato pustimo fluid, okvir pa se prilagodi vsebini in stoji
// na vrhu celice, da pod njim ni vidne luknje.
// Vzorec z imeni izvajalcev je bil pod oglasom viden kot prazna grafika,
// ker je fluid enota nizja od celice. Zdaj je okvir samo okoli oglasa in
// se skrci na njegovo visino.
// 31. 8. 2026: fiksna Display enota 300x400, ki jo je Sebastjan naredil
// posebej za mrezo. Fluid In-feed (3854634730) si je visino racunal sam in
// se ustavil pri 258 px, zato je pod njim ostajala luknja.
<div className="self-start w-full flex justify-center rounded-md border border-card-border bg-card overflow-hidden">
<div
className="h-full w-full flex items-center justify-center rounded-md border border-card-border bg-card overflow-hidden"
data-testid="ad-card"
>
<AdSense
slot="9916590834"
responsive={false}