Come disabilitare il destro del mouse in tutto il blog di Blogger o solo in una o più pagine.

Come mandare un messaggio di diniego a chi prova a copiare i contenuti di una pagina cliccando sul destro del cursore.

Sono molti i blogger che si lamentano di come i loro contenuti vengano copiati da "colleghi" non proprio onesti. Non mi riferisco tanto agli aggregatori che succhiano i feed dei post senza neppure chiedere il consenso ma a chi fa materialmente del copia incolla degli articoli che si sono faticosamente confezionati. Questo tema è particolarmente sentito da chi lavora con immagini che richiedono molto tempo per essere create e due soli click per essere copiate e ripubblicate altrove.

La disabilitazione del destro del mouse rappresenta certamente un deterrente verso i copiatori ma ha la controindicazione di impedire di copiare qualsiasi cosa dal sito senza utilizzare delle tecniche particolari. Per esempio in questo blog se disabilitassi il destro del mouse non si potrebbero copiare i codici che inserisco in moltissimi articoli.

Vediamo come si possa impedire di copiare i contenuti di una o più pagine a cui teniamo particolarmente e che non vogliamo che vengano condivise con troppa facilità. Si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla il seguente codice

<script language=javascript>
<!--
var message="Il destro del mouse è disabilitato su questa pagina!";
function pulsantedestro(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=pulsantedestro;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

dove la parte evidenziata di giallo, che è il messaggio che i navigatori visualizzeranno quando cliccano sul destro del cursore, può essere personalizzata a piacere. Si clicca su Salva e si posiziona a piacere nel Layout. In questo modo il destro del mouse sarà disabilitato su tutto il sito

Ho anche realizzato la solita dimostrazione online

Se riteniamo eccessivo che agli utenti venga impedito di interagire con il cursore in tutto il blog, possiamo scegliere di inserire questa possibilità solo in una o più pagine che vogliamo assolutamente proteggere da potenziale copiatori. In questo caso dobbiamo dare un titolo fittizio al gadget HTML/Javascript su cui abbiamo incollato incollato il codice in modo da trovarlo più facilmente.

Si va su Modello > Modifica HTML > Procedi e si mette la spunta su Espandi i modelli widget. Si pigia su F3 o su Ctrl+F e si incolla il titolo del gadget per trovarlo nel modello . Si inseriscono i tag condizionali

<b:if cond='data:blog.url == "URL_del_POST"'></b:if>rispettivamente dopo
<b:includable id='main'>e prima di
</b:includable>

come mostrato nel seguente screenshot

Al posto di URL_del_POST si incolla l'indirizzo della pagina da proteggere che può essere un articolo, una pagina statica o anche la homepage. Ricordo che se si ha un blog gratuito del tipo blogspot.com nell''URL del post va sostituito il .it con il canonico .com altrimenti il tag condizionale non funzionerà. Si salva il modello e la disabilitazione del mouse sarà funzionante solo in quella determinata pagina.

A questo punto si può anche togliere il titolo provvisorio che avevamo messo al widget per individuarlo meglio nel template. Se volessimo disabilitare il destro del mouse anche in un'altra pagina ripeteremo l'operazione andando su Layout > Aggiungi un gadget > HTML/Javascript e incollando lo stesso codice. Quindi inseriamo nel template un'altra condizione come la precedente che riguarderà però un altro URL. Si può anche impedire l'utilizzo del destro del mouse solo in una determinata immagine.