Pubblicato il 08/01/11 - aggiornato il  | 49 commenti :

Come disabilitare il destro del mouse solo nelle immagini per impedire di copiarle.

Il furto di contenuti è una delle piaghe del web e cercare dei meccanismi che lo impediscano o comunque che lo rendano più difficile è una attività costante degli webmaster. Ho già ampiamente sviluppato il tema nel post come scoprire chi ti copia e dato alcuni consigli di comportamento se siamo sottoposti nostro malgrado a questa pratica. D'altra parte se ci copiano gli articoli è comunque un sintomo che stiamo facendo un buon lavoro.

Un capitolo a parte lo merita l'appropriazione indebita di immagini. Pensate a quei blogger che per creare una foto, che può essere artistica o facente parte di un tutorial, impiegano ore e che poi se la vedono ripubblicata da un'altra parte senza neppure il link di attribuzione. Un metodo radicale per combattere questo malcostume è quello di disabilitare il destro del mouse ma in questo modo si impedisce qualunque interazione immediata con il nostro sito come per esempio il copiare un nome di un prodotto, un software, un indirizzo, un link, ecc.

Ho quindi pensato di rendere la cosa più soft e di presentare un sistema per disabilitare l'utilizzo del destro del mouse solo sulle foto o, meglio ancora, solo su alcune foto che vogliamo impedire che vengano copiate. Non occorre inserire nessun javascript o altro codice nel modello quindi non si appesantisce il sito in alcun modo. Per rendervi conto di quello che dico provate a cliccare con il destro del mouse nella immagine seguente

Apparirà una finestra che avvertirà l'aspirante ladro di immagini che non è il caso di farlo

vietato-copiare

Per fare in modo che anche nelle vostre foto possa accadere una cosa simile, occorre semplicemente aggiungere questa stringa

oncontextmenu="alert('TESTO');return false" oncopy="alert('TESTO');return false"

subito dopo il tag <img come mostrato in questo screenshot

disabilitare-destro-mouse-foto

e prima del tag src= che precede l'URL della foto. Questo può essere fatto dopo che si è inserito l'immagine nell'articolo mediante l'editor di Blogger o Windows Live Writer. Occorrer però che prima venga caricata su Picasa o altro hosting, si acquisisca l'URL e si inserisca con questa modalità nel post.

Si può anche inserire tutto il codice direttamente in modalità HTML sostituendo i parametri evidenziati di rosso

<img src="URL DELLA IMMAGINE" oncontextmenu="alert('TESTO VISUALIZZATO');return false" oncopy="alert('TESTO VISUALIZZATO');return false"/>

Al posto di TESTO VISUALIZZATO vi potete sbizzarrire come volete con frasi divertenti,ironiche o più serie.





49 commenti :

  1. Fantastico!!!
    Io uso Lytebox per fare visualizzare le immagini, mi chiedevo se vi è un procedura particolare per inserirlo.
    Ciao
    CSJ

    RispondiElimina
  2. Che coincidenza. Ne parlavo proprio ieri e sono dell'idea che sia meglio non disabilitare il destro perché può esser scomodo per il lettore, come ad esempio voler aprire i link in un'altra pagina e così via. E comunque non essendo una soluzione definitiva, può rivelarsi anche inutile in certi casi.

    Questo sistema è decisamente meno invasivo e molto utile. Bella idea Ernesto. ;)

    RispondiElimina
  3. @CSJ
    Credo che non ci sia incompatibilità con Lytebox. Oltre alla stringa rel="lytebox" inserisci anche quest'altra. Mi hai incuriosito e ho immediatamente provato inserendo la stringa nelle prime due immagini di questo post
    http://menu-orizzontale.blogspot.com/2009/11/pubblicazione-foto-con-editor-dei.html
    Come puoi verificare l'Effetto Lytebox è immutato e il mouse è disabilitato nelle prime due foto.

    @Marguerite N.
    Credo che sia proprio l'ideale per i vostri blog dove le immagini hanno un'importanza preponderante. Semplice e efficace. Ovviamente si possono trovare delle contromisure. Leggi qui
    http://www.guadagnareconadsense.net/2010/10/06/right-to-click-un-addon-di-firefox-per-abilitare-il-destro-del-mouse-in-quei-siti-in-cui-stato-disabilitato/
    Però mi sembrano trucchi che presuppongono una conoscenza informatica che in genere non appartiene a chi ruba le vostre foto.

    RispondiElimina
  4. Che ottima idea, grazie! ci penso spesso anche io.

    RispondiElimina
  5. Perfetto e funzionante con Lytebox!!!
    Questa funzione mi piace molto, ma dopo averlo provato mi sono chiesto se è possibile fare una modifica.
    Si può usare questa funzione senza far apparire la finestra?
    Ciao
    CSJ

    P.S.(Anche se non attinente con il post, volevo chiederti se è possibile in blogger avere l'header fisso.Nel mio blog vorrei bloccare tutto dal menù in sù mentre tutto il resto scorre.Ho fatto delle prove seguendo questo tutorial, ma a quanto pare a me non funziona.
    Puoi fare qualcosa?)
    Ciao

    RispondiElimina
  6. @La Dama Bianca
    Sono contento che ti sia piaciuto

    @CSJ
    Ti prego di non mettere link attivi perché altrimenti li dovrei controllare e non ho tempo di farlo. In questo caso si tratta di Vin, un grande esperto di Blogger che però ha smesso di pubblicare da due anni...
    E' evidente quindi che i suoi tutorial possono essere diventati obsoleti. Può darsi che ci sia la possibilità di non mostrare la finestra ma in questo momento non mi viene niente in mente.

    RispondiElimina
  7. Vabbè i modi per copiare ci sono anche senza right to click, ma come fai notare tu, è comunque una bella scrematura, e il tuo suggerimento è l'ideale per abilitarlo solo circa le immagini! :D

    RispondiElimina
  8. Scusate se interrompo bruscamente questo idillio, ma io penso che qualsiasi codice sia inutile! Se davvero voglio un'immagine, stampo l'intera schermata, la incollo su un photo-editor qualsiasi, la ritaglio perfettamente e me la salvo! ;)

    RispondiElimina
  9. Ernesto ho provato, però c'è sempre la possibilità di cliccarci sopra per vedere la pagina in un'altra finestra. In poche parole non dovrei più postare le immagini soggette a ingrandimento... Giusto? Se è così allora non mi conviene mi sa, altrimenti gli swatches non si vedranno bene.

    RispondiElimina
  10. @Costantino
    Quelli che rubano le foto in genere non sono capaci di fare screenshot e poi comunque è sempre un lavoro in più che funziona come disincentivo.


    @Marguerite N.
    Se c'è il collegamento all'immagine originale certo che è tutto inutile. Comunque anche in questo caso può servire per scoraggiare e per far capire che si tratta di una immagine protetta da copyright specialmente se viene mostrato nel messaggio di testo.
    Così nessuno può dire, non lo sapevo...

    RispondiElimina
  11. Costantino non c'è neanche bisogno di dirlo, se è per questo c'è anche la sorgente, ma non tutti sono capaci di farlo, c'è chi non sa nemmeno a cosa serva il tasto stamp perché non l'hai mai usato, è solo una scrematura. ;)

    Capisco, per un attimo avevo dimenticato del collegamento all'originale.

    RispondiElimina
  12. sei un genio! è proprio l'ideale per il mio tipo di blog. Poi so bene che è solo un disincentivo e l'alternativa c'è sempre, ma già così dovrebbe aiutare.

    Margue ma tu hai un template larghissimo, puoi mettere già delle foto belle grandi senza bisogno del collegamento all'originale...con 500-600 pixel di larghezza gli swatch si vedono perfetti ;-)

    RispondiElimina
  13. @filokalos
    Genio... non esageriamo :D
    P.S che sono 'sti swatch?

    RispondiElimina
  14. parsifal32
    Costantino non è il mio vero nome, ma il nome che ho registrato in gmail. Io non voglio dire che sono un artista, ma un fotomanipolatore, si, e pubblico i miei lavori su Deviant Art. Tu non puoi immaginare quanti impostori ci sono al mondo e niente li può fermare, ne codici, ne watermark, quindi sono arrivato al punto di pubblicare i miei lavori come wallpaper e lasciare il download disponibile per tutti, almeno ci sarà sempre qualcuno che li riconoscerà.

    RispondiElimina
  15. @Costantino
    Devo comunque chiamarti con il tuo nick :D
    So benissimo che il web è pieno di furbetti che si fanno belli con il lavoro degli altri. La tua scelta è uguale a quella di molti altri.
    Però ci sono persone che non si rassegnano e cercano sempre metodi per tenere di più sotto controllo il fenomeno del plagio.

    RispondiElimina
  16. Purtroppo il vero problema è che basta il "drag & drop" per copiare immagini sul proprio computer, senza necessità di screenshot o via dicendo. E' quello è immediato e facile anche per "newbie plagiatori" :-( Credi che possa esistere un metodo per "ancorare" le immagini ad una pagina web in maniera definitiva?

    RispondiElimina
  17. Chiedo Venia per il link!!!
    Ciao
    CSJ

    RispondiElimina
  18. @Matteo Losso
    Ho visto alcuni siti web di quotidiani online che hanno una funzionalità simile a quella che hai descritto. Per esempio se vai qui
    http://qn.quotidiano.net/cronaca/2011/01/09/439623-genova_sparatoria.shtml
    non si può scaricare l'immagine con il destro del mouse. Per quanto riguarda Blogger non sono a conoscenza di una simile feature.

    @CSJ
    Per carità, nessun problema. Solo sai, delle volte vengono linkate pagine che non si conoscono e, metti il caso che siano piene di malware, si corre il rischio di venire penalizzati da Google. In genere quindi elimino tutti i commenti con link attivi per questa ragione, escluso eccezioni, tra le quali anche la tua.
    Ciao

    RispondiElimina
  19. Scusate, non è una critica negativa la mia ma lo ritengo uno sforzo inutile dal momento che con qualsiasi browser è sufficiente trascinare l'immagine direttamente sul desktop ed hai la tua bella copia fatta e finita.

    RispondiElimina
  20. @DigitalWarrior
    E' vero, ma si parte dal presupposto che la maggior parte dei "copiatori" non siano grandi esperti del web, altrimenti non si metterebbero a copiare :)

    RispondiElimina
  21. @parsifal32 Anche tu hai ragione... ;D

    RispondiElimina
  22. Salve, invece a me nn interessa proprio far vedere le foto, vorrei chiederti se è possibile, che le foto, che metto nel mio blog, rimango li, senza la possibilità di cliccare sopra ed aprirsi... Grazie per la risposta e buona giornata!

    RispondiElimina
  23. @Digitale Manfredonia
    Temo di non aver capito perché questo tool serve proprio per non copiare le foto. Se invece intendi che non ci si possa cliccare sopra per aprirle in un'altra finestra allora leggiti coem fare con WLW
    http://www.ideepercomputeredinternet.com/2011/01/come-ottimizzare-lo-spazio-delle.html
    Ciao

    RispondiElimina
  24. No, forse mi sono spiegato male, io vorrei, che se clicco sulla foto, nn succede niente, ne si apre in un altra immagine ne niente, per capirci, la foto dovrebbe essere come se clicco sul testo...

    RispondiElimina
  25. Vai sull'articolo in modalità html togli tutto fino a img border... poi anche la a (comprese le parentesi) e sei a posto

    RispondiElimina
  26. @Digitale Manfredonia
    Ho capito. Posta l'immagine con WLW con l'opzione Collega a Nessuno. E' tutto spiegato nell'articolo che ti ho linkato nel commento precedente

    RispondiElimina
  27. ok, grazie, a tutti, ora provo, x Stefano, da dove devo cancellare, mi fai un esempio, grazie...

    RispondiElimina
  28. @digitale. Il mio è un metodo artigianale (per chi non usa WLW). Dovresti fare come ha spiegato Parsifal e scaricare WLW perchè ti offre soluzioni che l'editor di blogger non fa.
    Ora faccio come ha spiegato Parsi, mentre prima copiavo l'immagine e la mettevo all'inizio del post. Toglievo tutto fino alla parentesi prima di img border e poi anche la a tra parentesi che trovi dopo la img border.
    Ripeto: fai come ha detto Parsifal e scarica WLW. Ti si aprirà un mondo davanti!

    RispondiElimina
  29. ok infatti mi sembra la soluzione migliore, grazie a tutti...

    RispondiElimina
  30. WWOOWWW Parsifal sei mitico!! ...mi chiedevo da un pezzo come si facesse a disabilitare il destro del maus...ed ora grazie a te potrò metterlo in atto GRAZIEE!!

    Baciotti by Pixia!! :)

    RispondiElimina
  31. stupenda tip, grazie!
    domandona finale: ma in blogger, se dovessi inserire una gif nella colonna di dx - con le opzioni: dal computer/dal web - come utilizzare il codice??

    RispondiElimina
  32. @theyogi
    Non so se funziona inserita in quel modo. Puoi sempre però andare in Aggiungi un gadget > HTHL/Javascript e incollare questo codice
    <div align="center"><img src="URL_DELLA_IMMAGINE_SU_PICASA" alt="NOME_IMMAGINE"></div>
    dove la prima e ultima tag servono per centrare la GIF

    RispondiElimina
  33. sei un mago! ;) ti prego: suggeriscimi anche la tag per dimensionare la gif....

    RispondiElimina
  34. @theyogi
    Ecco un esempio di codice con le dimensioni della immagine

    <div align="center"><img src="https://lh3.googleusercontent.com/-2b0rnmP4J8Y/S3Nb-1CAzFI/AAAAAAAAL5g/0MNqe14yhiE/betty014%252520-%252520Copia.gif" width="112" height="203" alt="hello-kitty"></div>

    devi variare i parametri di width e height

    RispondiElimina
  35. ottimo, adesso la mia gif è (quasi) inviolabile! ti ho aggiunto tra i preferiti, è il minimo... ;)

    RispondiElimina
  36. aggiunto nel blogroll, intendevo....

    RispondiElimina
  37. Salve, esiste un accorgimento per impedire la copia/incolla dell'immagine intestazione header del blog? magari inserendo un codice nel CSS o nell'HTML del template... Ho girato in più parti nel web non trovando però nulla. Attendo risposta. Grazie mille.

    RispondiElimina
    Risposte
    1. @Annalisa
      Non mi viene in mente nulla di utile. Proverò e cercare (senza impegno ...)

      Elimina
  38. ciao Ernesto se io volessi applicarlo a tutte le immagini del blog in un colpo solo lo posso fare? se no ci metto una vita grazie

    RispondiElimina
  39. @# La domanda era interessante quindi ci ho fatto un post. Leggi qui
    http://www.ideepercomputeredinternet.com/2013/04/come-disabilitare-il-destro-del-mouse.html

    RispondiElimina
  40. peccato che si possono trascinare le immagini in una cartella :(

    RispondiElimina
    Risposte
    1. non c è un modo x bloccare il prelievo della foto come si si volesse bloccare la home? in alcuni blog hanno questa opzione :)

      Elimina
    2. @# Roxy N. Se leggi l'inizio dell'articolo c'è scritto chiaramente che questo è solo un deterrente. E' chiaro che chi conosce un po' di informatica riesce sempre a trovare il modo di scaricare una foto. Leggi anche questo post che affronta lo stesso tema
      http://www.ideepercomputeredinternet.com/2013/04/come-disabilitare-il-destro-del-mouse.html
      Se mi fai l'esempio di un blog incollandone l'URL in cui sia impossibile copiare le immagini vedo un po' come hanno fatto.

      Elimina
  41. Grazie, molto utile!

    RispondiElimina
  42. Spero non vi arrivino 3 commenti, e' il terzo tentativo da tontolona....Ho il blog su Blogspot ,"Chip Carving: l'intaglio del legno di rita arcaleni", mi rubano ogni giorno, non le foto , ma il lavoro, visto che le foto dei miei lavori di intaglio da 30-40-100 ore di lavoro le usano liberamente come home page di negozi di legname o di belle arti, come immagine di prodotto da vendere su siti, come testo di corsi su web o di articoli magazine su web sul tema dell'intaglio. Ho appena usato, ovviamente come deterrente per i piu' sprovveduti, la correzione suggerita dal siti 'Portale di Arti e Hobby ..." (inibizione tasto destro e messaggio deterr.) , ma il bello e' che funziona solo sulla immagine 'piccola' nel post, se si clicca sull'immagine per ingrandirla, la protezione e' come disabilitata. Sapete dirmi come estendere la protezione di cui sopra anche all'immagine ingrandita? Grazie mille anticipatamente

    RispondiElimina
    Risposte
    1. Il problema che sollevi è molto importante. Si tratta di un vero e proprio furto. Tu devi rivolgerti all'autorità giudiziaria. Magari ci metti ore e ore a fare un lavoro e te lo rubano. Come deterrenti oltre a questo sistema ne puoi trovare anche un altro
      http://www.ideepercomputeredinternet.com/2013/04/come-disabilitare-il-destro-del-mouse.html
      Credo però che dovresti rivolgerti a Google per far chiudere i siti che ti rubano le immagini
      http://www.ideepercomputeredinternet.com/2010/11/come-proteggerci-da-chi-copia-articoli.html
      Auguri di cuore
      @#

      Elimina
  43. Ciao, non so se è gia stato sollevato il problema, ma per salvare un'immagine con un mac non serve il tasto destro. Per salvare basta trascinare l'immagine dove si voglia, per esempio sul desktop. L'ho fatto anche con l'immagine dell'albero e funziona. Come si può risolvere questo problema ? Grazie

    RispondiElimina
    Risposte
    1. Non è semplice. Il fatto è che ci sono mille modi per copiare o scaricare una immagine e tutti i sistemi per impedirlo servono solo come deterrente psicologico e poco più. Comunque studierò se la cosa è fattibile. Seguimi i prossimi giorni (senza impegno)
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy