JavaScript: il blocco delle popup nei browser: un esempio concreto

JavaScript: il blocco delle popup nei browser: un esempio concreto

In questo articolo vorrei richiamare la vostra attenzione sul problema della gestione delle popup nei siti. Le policy dei browser sono diventate molto più rigorose che in passato, quindi occorre prestare attenzione.

Il video che segue mostra il comportamento di Chrome sui pulsanti di condivisione dei social network sul developer network della IBM.

La causa del comportamento di Chrome è probabilmente dovuta (si tratta di un'ipotesi in quanto non abbiamo accesso al codice del sito) al modo con cui le popup vengono create tramite JavaScript.

Solitamente il codice che segue funziona senza problemi:


var twitterBtn = document.querySelector( "#twitter" );

twitterBtn.addEventListener( "click", function() {

	var baseURL = "https://twitter.com/intent/tweet?url=";
	var twitterShareURL = baseURL + encodeURI( location.href ) + "&via=gabromanato&text=" + document.title;
	
	window.open( twitterShareURL, "", "width=500,height=400" );
	
}, false );

Non è chiaro cosa provochi il blocco delle popup nel sito in questione. In genere i browser bloccano le popup quando queste hanno delle caratteristiche giudicate invasive, come l'aprirsi automaticamente al caricamento della pagina o degli attributi (come le dimensioni ) impostati in maniera errata.

Torna su