fix(adsense): Anchor/Vignette solo visibles cuando AdSense llena slot
- Anchor Ads: Cambiar de visibility:hidden a transform:translateY() para que AdSense pueda medir dimensiones del slot - Vignette Ads: Solo mostrar overlay cuando data-ad-status="filled" - Mover card Exclusiones a columna izquierda en admin 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -594,7 +594,8 @@ final class AdsensePlacementRenderer
|
||||
// === CSS via CSSGenerator ===
|
||||
$cssRules = [];
|
||||
|
||||
// Base anchor styles - OCULTO POR DEFECTO hasta que AdSense llene el slot
|
||||
// Base anchor styles - FUERA DE PANTALLA por defecto (NO usar visibility:hidden)
|
||||
// Usamos transform para mover fuera de la pantalla, asi AdSense puede medir el slot
|
||||
$cssRules[] = $this->cssGenerator->generate('.roi-anchor-ad', [
|
||||
'position' => 'fixed',
|
||||
'left' => '0',
|
||||
@@ -603,32 +604,31 @@ final class AdsensePlacementRenderer
|
||||
'background' => '#f8f9fa',
|
||||
'border-color' => '#dee2e6',
|
||||
'box-shadow' => '0 -2px 10px rgba(0,0,0,0.1)',
|
||||
'transition' => 'height 0.3s ease, transform 0.3s ease, opacity 0.3s ease',
|
||||
'transition' => 'height 0.3s ease, transform 0.3s ease',
|
||||
'display' => 'flex',
|
||||
'align-items' => 'center',
|
||||
'justify-content' => 'center',
|
||||
'opacity' => '0',
|
||||
'visibility' => 'hidden',
|
||||
'pointer-events' => 'none',
|
||||
]);
|
||||
|
||||
// Mostrar anchor cuando AdSense llena el slot
|
||||
$cssRules[] = $this->cssGenerator->generate('.roi-anchor-ad.ad-loaded', [
|
||||
'opacity' => '1',
|
||||
'visibility' => 'visible',
|
||||
'pointer-events' => 'auto',
|
||||
]);
|
||||
|
||||
// Anchor TOP: fuera de pantalla hacia arriba, visible cuando se carga
|
||||
$cssRules[] = $this->cssGenerator->generate('.roi-anchor-ad-top', [
|
||||
'top' => '0',
|
||||
'border-bottom-width' => '1px',
|
||||
'border-bottom-style' => 'solid',
|
||||
'transform' => 'translateY(-100%)',
|
||||
]);
|
||||
|
||||
// Anchor BOTTOM: fuera de pantalla hacia abajo, visible cuando se carga
|
||||
$cssRules[] = $this->cssGenerator->generate('.roi-anchor-ad-bottom', [
|
||||
'bottom' => '0',
|
||||
'border-top-width' => '1px',
|
||||
'border-top-style' => 'solid',
|
||||
'transform' => 'translateY(100%)',
|
||||
]);
|
||||
|
||||
// Mostrar anchor cuando AdSense llena el slot (desliza a posicion visible)
|
||||
$cssRules[] = $this->cssGenerator->generate('.roi-anchor-ad.ad-loaded', [
|
||||
'transform' => 'translateY(0)',
|
||||
]);
|
||||
|
||||
// Controls container
|
||||
|
||||
Reference in New Issue
Block a user