From 039323ea7dbfa92fad6d52d29a00e4156a3d30ad Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 28 Aug 2026 09:53:52 +0000 Subject: [PATCH] oglasi: izklopljen full-width-responsive - vzrok odrezanih in kvadratnih oglasov Izmerjeno s Chromium na zivem clanku (mobilni viewport 390 px): ins 390x390, iframe 390x390, .ad-container samo 356 px Z data-full-width-responsive=true AdSense enoto raztegne na celo sirino zaslona (390) mimo vsebnika (356 = stran ima px-4), zato je oglas gledal cez rob in ga je .ad-container z overflow:hidden odrezal - od tod odrezan MEXC. Hkrati je izbiral kvadrat 390x390 tudi za vodoravno sidro in za enoto v besedilu; kreativa je bila manjsa od kvadrata, ostanek pa prazen crn prostor. Zdaj data-full-width-responsive=false na vseh enotah in brez width:100% v inline stilu - enota se drzi sirine svojega vsebnika, Google pa visino izbere po tej sirini. Poravnava visine na kreativo iz prejsnjega commita ostane. --- client/src/components/adsense.tsx | 14 +++++++++----- client/src/components/mobile-sticky-ad.tsx | 12 +++++------- 2 files changed, 14 insertions(+), 12 deletions(-) diff --git a/client/src/components/adsense.tsx b/client/src/components/adsense.tsx index fc80d91..51e32fc 100644 --- a/client/src/components/adsense.tsx +++ b/client/src/components/adsense.tsx @@ -137,7 +137,7 @@ export default function AdSense({ data-ad-client="ca-pub-4465464714854276" data-ad-slot={slot} data-ad-format={format} - data-full-width-responsive={responsive ? "true" : undefined} + data-full-width-responsive={responsive ? "true" : "false"} {...(layout ? { "data-ad-layout": layout } : {})} {...(layoutKey ? { "data-ad-layout-key": layoutKey } : {})} /> @@ -157,6 +157,7 @@ export function ArticleCardAd() { slot="3854634730" format="fluid" layoutKey="-6r+cy-10+8a-3" + responsive={false} style={{ display: "block" }} onAdStatus={setFilled} /> @@ -185,8 +186,8 @@ export function TopBannerAd() { slot="4154017639" format="auto" className="w-full" - style={{ display: "block", width: "100%" }} - responsive + style={{ display: "block" }} + responsive={false} eager onAdStatus={setFilled} /> @@ -212,8 +213,8 @@ export function InContentDisplayAd() { @@ -237,6 +238,7 @@ export function InArticleAd() { slot="7672178246" format="fluid" layout="in-article" + responsive={false} style={{ display: "block", textAlign: "center" }} onAdStatus={setFilled} /> @@ -253,6 +255,7 @@ export function MultiplexAd() { setVisible(filled)} /> diff --git a/client/src/components/mobile-sticky-ad.tsx b/client/src/components/mobile-sticky-ad.tsx index 35fc560..5e19d8e 100644 --- a/client/src/components/mobile-sticky-ad.tsx +++ b/client/src/components/mobile-sticky-ad.tsx @@ -43,18 +43,16 @@ export default function MobileStickyAd() { {shown && (
Anzeige
)} - {/* Odzivna vodoravna enota namesto trdih 320x50: Google lahko postrezhe - tudi 320x100, torej vecjo kreativo tam, kjer je prostor. Visino - omejimo, da sidro ne poje zaslona. */} - {/* Vodoravni format da na telefonu 320x50 ali 320x100 - vec kot to - sidro ne sme biti. Nic ne odrezemo, ker mora biti oglas cel viden. */} + {/* Vodoravni format brez full-width-responsive: enota se drzi sirine + svojega vsebnika in da 320x50 ali 320x100. Z vklopljenim + full-width-responsive je Google vracal 390x390 kvadrat. */}