Leica Florian Robert

<< Torna ai progetti

NoSponsor — case study

Ruolo: Ideazione e sviluppo. Anno: 2026.

Sito: chromewebstore.google.com

Un'estensione per Chrome, pubblicata sul Chrome Web Store, che trova i contenuti sponsorizzati e li evidenzia, li comprime in una barra cliccabile o li nasconde: su Google, Amazon, Subito.it ed eBay, e in modo generico su tutti gli altri siti. Su YouTube copre gli annunci video.

Stai vedendo questo case study con il motore Legacy. Per vederlo come è stato progettato, attiva il rendering nativo qui sotto.

Sponsorizzato, ma non si vede

Su molti siti i contenuti sponsorizzati sono mescolati a quelli normali, e non sempre si distinguono. NoSponsor li trova e lascia scegliere cosa farne: evidenziarli, comprimerli in una barra cliccabile o nasconderli.

Ci sono rilevatori dedicati per Google, Amazon, Subito.it ed eBay. Sugli altri siti lavora un rilevamento generico, che si può disattivare, basato su etichette come "Sponsorizzato" o "Pubblicità" e sugli slot pubblicitari standard.

Trovare senza rompere

• Nessun elemento rimosso: l'estensione li marca con una classe e il CSS fa il resto, così le pagine in React o Vue non si rompono e il cambio di modalità è istantaneo.
• Tre strategie: selettori noti, etichette testuali risalendo alla card e, sui siti che offuscano, il testo realmente visibile, ricostruito nell'ordine in cui appare a schermo.
• Un MutationObserver copre lo scroll infinito e i contenuti caricati dopo.
• Ogni elemento trovato porta con sé la regola che l'ha individuato, per capire subito i falsi positivi.
• Un contatore sull'icona per ogni scheda, e un popup per scegliere la modalità e attivarla sito per sito.

Un velo sugli annunci video

Su YouTube, quando parte un annuncio, NoSponsor ci mette sopra un velo: il video è nero, l'audio è tolto e va a 16x, la velocità più alta che il browser permette. Un annuncio di 30 secondi dura circa due secondi, con il tempo che manca scritto in alto.

Finito l'annuncio si ritrova tutto com'era: l'audio, e la velocità a cui si stava guardando. Un muto messo da chi guarda resta, e l'audio riacceso a mano durante l'annuncio non viene tolto.

Dal prototipo allo store

• Riscritta in TypeScript su WXT, con test unitari ed end-to-end confrontati con la prima versione, e una CI.
• In italiano o in inglese, secondo la lingua del browser.
• Pubblicata sul Chrome Web Store, con un link nel popup per segnalare uno sponsor mancato.

Sulle pagine vere