Inna
67656fa32d
Se añade la integración del script de Monetag (MultiTag: popunder + push + in-page push + vignette) como alternativa a AdSense para monetizar sin depender de que Google apruebe el sitio. Tres interruptores (ver components/Monetag.tsx): 1. `MONETAG_SRC` + `MONETAG_ZONE` en el .env (no versionadas, documentadas en el README). Cualquiera de las dos vacía = no se carga nada. Se leen en el servidor y se pasan como props, así que encender/apagar es tocar el .env + reiniciar, SIN rebuild. Ahora mismo van vacías: la integración queda instalada pero inerte hasta que se pegue la zona del panel de Monetag. 2. El filtro común de publicidad, extraído a lib/ads.ts (`shouldServeAds`): fuera para admins y para quien sea rango 2+ o haya pagado alguna vez. Antes esta lógica vivía dentro de AdSense.tsx; ahora la comparten la etiqueta de AdSense y el script de Monetag desde un único sitio, para que no se puedan desincronizar. 3. El consentimiento «Marketing» del banner, en components/MonetagScript.tsx (cliente). A diferencia de la etiqueta de AdSense, MultiTag escribe cookies y pide permisos, así que NO puede cargarse sin aceptar la categoría. Mismo patrón que Analytics.tsx: useConsent reacciona en caliente, arranca en false. El push de MultiTag necesitará además un sw.js servido desde la raíz del dominio (public/sw.js, descargado del panel). Sin él, el resto de formatos funcionan igual. Verificado: con las variables vacías la web queda idéntica (ni script de Monetag ni cambios) y la etiqueta de AdSense sigue intacta. Con una zona de prueba, el filtro de servidor deja pasar a anónimos y rango 1 sin pagos, y corta a los admins. Sin consentimiento no se inyecta ningún <script> (la zona solo viaja como prop inerte en el payload de React). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
26 lines
1.1 KiB
TypeScript
26 lines
1.1 KiB
TypeScript
import { shouldServeAds } from '@/lib/ads'
|
|
|
|
/**
|
|
* Etiqueta de verificación de Google AdSense, con DOS interruptores:
|
|
*
|
|
* 1. `ADSENSE_CLIENT_ID` en el .env. Vacío o sin poner = no se emite nada. Es el
|
|
* interruptor del administrador. No lleva prefijo NEXT_PUBLIC_ a propósito:
|
|
* esto se renderiza en el servidor (el layout ya es dinámico porque <Header/>
|
|
* lee la sesión), así que no hace falta exponerlo al bundle del cliente ni
|
|
* rebuildear para activarlo o desactivarlo.
|
|
* 2. El filtro común de publicidad (`shouldServeAds`, ver lib/ads.ts): fuera para
|
|
* admins y para quien sea rango 2+ o haya pagado alguna vez.
|
|
*
|
|
* Ojo: esto es solo la etiqueta de verificación de la cuenta, no carga adsbygoogle.js
|
|
* ni escribe cookies, por eso no pasa por el banner de consentimiento (el script de
|
|
* anuncios sí lo hace, ver components/Monetag.tsx).
|
|
*/
|
|
export async function AdSense() {
|
|
const client = process.env.ADSENSE_CLIENT_ID
|
|
if (!client) return null
|
|
|
|
if (!(await shouldServeAds())) return null
|
|
|
|
return <meta name="google-adsense-account" content={client} />
|
|
}
|