CLS: prostor za oglase rezerviran vnaprej, okvir se ne dodaja po nalozitvi (izmerjeno 0,10 na clanku in 0,15 na naslovnici)

This commit is contained in:
2026-09-01 10:16:35 +02:00
parent f710a7b6d3
commit 69d9d87778
+7 -10
View File
@@ -155,13 +155,12 @@ let adSeedCounter = 1;
// Pas cez vso sirino na visino kartic ne vpliva in ima boljso zapolnjenost.
export function GridBannerAd() {
const [filled, setFilled] = useState<boolean | null>(null);
if (filled === false) return null;
return (
// Pas cez vso sirino je bil visok 248 do 280 px in je bralca prekinil bolj,
// kot je prinesel. Zozimo ga na 728 px: pri tej sirini Google servira
// leaderboard 728x90, na telefonu pa 320x100. Rezanja ne uporabljamo,
// ker je obrezan oglas krsitev pravil.
<div className="my-2 mx-auto w-full max-w-[728px]" data-testid="ad-grid-banner">
<div className="my-2 mx-auto w-full max-w-[728px] min-h-[110px]" data-testid="ad-grid-banner">
<div className="text-[9px] text-muted-foreground/40 text-center pb-1 uppercase tracking-widest">
Anzeige
</div>
@@ -268,15 +267,13 @@ export function InArticleAd() {
// Prava AdSense In-article enota (fluid + data-ad-layout="in-article").
// Kadar oglasa ni, se okvir in rezerviran prostor ne izriseta.
const [filled, setFilled] = useState<boolean | null>(null);
if (filled === false) return null;
const shown = filled === true;
// 1. 9. 2026: prej se je okvir dodal sele po nalozitvi oglasa in stran je
// poskocila - meritev je pokazala CLS 0,10 na clanku in 0,15 na naslovnici,
// Search Console pa 225 naslovov cez prag. Zdaj je prostor rezerviran
// vnaprej in se po nalozitvi nic ne premakne.
return (
<div
className={shown ? "my-6 rounded-md overflow-hidden bg-card border border-card-border" : ""}
>
{shown && (
<div className="text-[9px] text-muted-foreground/40 text-center pt-1 uppercase tracking-widest">Anzeige</div>
)}
<div className="my-6 rounded-md overflow-hidden bg-card border border-card-border min-h-[280px]">
<div className="text-[9px] text-muted-foreground/40 text-center pt-1 uppercase tracking-widest">Anzeige</div>
{/* FOLX 2026 - In-Article */}
<AdSense
slot="6313599193"