samedi 26 septembre 2009

Supprimer le clic droit sur son blog

De peur d'être pillés, certains blogueurs expriment souvent la volonté d'empêcher le fameux clic droit de la souris sur leur site. Cette touche permet, en temps normal, d'avoir accès à la fonction Copie.
L'opération que je vous présente est très simple et très rapide. Nous allons la voir ensemble.
Ensuite, nous nous permettrons de dire ce que nous en pensons.

L'accès se fait par Mise en page (NB) puis Modifier le code HTML.
Descendre au niveau de Modifier le modèle.
Rechercher la balise </head>
Coller juste avant le code suivant :
<script type='text/javascript'>
// <![CDATA[
function nodroit()
{
alert('Clic droit interdit');
return(false);
}
document.oncontextmenu = nodroit;
// ]]>
</script>

Descendre au bas de la page et cliquer sur le bouton Enregistrer le modèle.
Voilà c'est fait. Cela a été très rapide et maintenant à chaque fois que quelqu'un voudra faire un clic droit sur votre site il aura un petit pop-up qui affichera "Clic droit interdit". [Bien entendu, si vous préférez, vous pouvez mettre un autre message dans le code qui vient de vous être présenté.]

Est-ce la panacée ? Etes-vous bien protégé contre la copie de vos images ?
Malheureusement, non, il faut l'admettre.

La touche Imprime Ecran (Print Screen) du clavier permet de récupérer une copie de l'écran.
Les images sont, de toute façon, stockées dans les fichiers temporaires de chaque poste. C'est à la portée de tout fureteur averti.
Certains navigateurs (Firefox) permettent de faire un glisser/déposer de l'image sur le bureau.

La soluce ne fait que décourager les gens pressés ou sans connaissance de base.
Enfin, il est dommage qu'elle supprime l'accès à toutes les autres fonctions du clic droit (et pas uniquement le Copier/Coller).

Le mieux est encore de poser un filigrane sur la photo afin d'en indiquer le propriétaire ou l'origine.

A +

NB : depuis une récente évolution de Blogger, l'onglet Mise en page est devenu Présentation.

82 commentaires:

  1. je pense qu'il ya un problème dans le script:
    Message d'erreur :
    "Message d'erreur XML : The element type "script" must be terminated by the matching end-tag ".

    RépondreSupprimer
  2. Bonjour,
    Merci de ton signalement.
    Bien que testé (cf les copies d'écran), ce script ne s'appliquait pas partout apparemment.
    J'ai donc rectifié et je t'assure que cela marche maintenant. Ici en tout cas.

    RépondreSupprimer
  3. Cela fonctionne réellement. Mais si on fait un simple clic sur la photo, elle s'affiche dans une autre fenêtre que l'on peut enregister.
    C'est dommage!

    RépondreSupprimer
  4. Merci de ton signalement, Laetitia.

    Il faut intervenir photo par photo dans l'éditeur de message et au lieu d'avoir une syntaxe de ce style :
    <a href="Url de ton image" ><img src="URL de on image" /></a>
    il faut mettre seulement :
    <img src="URL de on image"/>

    Quand je dis que c'est du temps de perdu par ailleurs, c'est pas faux.
    A mon goût, il est préférable de marquer ses photos par un libellé ou un filigrane.

    RépondreSupprimer
  5. Merci pour les conseils exposés très clairement et qui sont d'une grande aide pour une néophyte de la blogosphère.

    RépondreSupprimer
  6. Bonjour Nathalie,
    Merci pour tes encouragements.
    Au sujet des photos, je trouve nécessaire de dire que ce que l'on trouve partout expliqué, à propos de la suppression du clic droit, n'est pas d'une grande aide.
    Et qu'il vaut mieux prendre d'autres précautions lorsque l'on tient beaucoup à ses photos.

    RépondreSupprimer
  7. le problème reste qu'avec la saisie-glissée des macs, les photos peuvent être déplacées et "pillées" sans même un clic droit

    RépondreSupprimer
  8. Grand merci pour votre aide claire et précise. Jean d'Espinoy.

    RépondreSupprimer
  9. Merci beaucoup, les explications sont simples à suivre... ça ne nous prend pas trois jour pour s'y retrouver...

    Merci beaucoup :o)

    RépondreSupprimer
  10. Bonsoir,
    Sur votre site d'aide vous expliquer comment "Publier des images cote à cote". Pour tout un chacun ayant un tant soit peu de connaissances en ordi, c'est évident ! Mais... pas pour moi, désolée... Je suis sans doute hyper anti douée mais soit, tout ce que j'ai appris je l'ai acquis moi-même en cherchant...
    Cependant là, je suis bloquée !!! Lhiver proche ? heuuuu....
    Bref, où faut-il coller les codes
    pour parvenir au résultat espéré ??? snifff, j'ai pourtant bien essayé !!....
    D'autre part, comment faire pour joindre un album photos ou un diaporame au message ????
    Merci pour ces renseignements qui me verra finir mes jours moins sotte !
    Colette
    http://www.cofiz75.blogspot.com/

    RépondreSupprimer
  11. Bonjour Colette,

    Le problème est traité ici :
    http://mestrucspourblogger.blogspot.com/2009/10/publier-des-images-cote-cote.html

    Le code se met dans l'onglet Modifier le code html

    RépondreSupprimer
  12. Un immense MERCI Waldorf et Statler, c'est super facile en effet quand on sait où mettre les choses !!!
    Merci à vous, votre site est tout simplement super ! Il devient ma bible de chevet.....
    Bonne continuation !
    Colette

    RépondreSupprimer
  13. Merci, ça m'est très utile pour protéger mes photos même si ce n'est pas efficace à 100%. Les copies d'image sont vraiment simples à faire mais ça dissuade certaines personnes ! Merci beaucoup !

    RépondreSupprimer
  14. Je viens de découvrir ce matin qu'un utisateur du net me volait mes photos pour les mettre sur son blog , j'ai eu recours à ton astuce , merci infiniment

    RépondreSupprimer
  15. Et pour Chrome?
    Cela ne marche pas!

    Merci d'avance.

    RépondreSupprimer
  16. Merci beaucoup pour cette super astuce !
    Ca à marché directement, il y a juste un bout de code en trop (j'utilise Weebly). Vraiment, encore merci !

    RépondreSupprimer
  17. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  18. Tout d'habord, merci pour toutes les informations utiles que vous dispensez.

    Dans le nouveau tableau de bord, je ne trouve plus le chemin pour accéder au modifications des codes HTML. Pouvez-vous m'aider.

    Cordialement

    RépondreSupprimer
  19. Bonjour Sophie-Claire,
    Ah il n'est pas évident à trouver effectivement. Même qu'il n'a pas été présent pendant longtemps.
    Vous le trouverez maintenant par :
    ► Modèle / Modifier le code Html

    RépondreSupprimer
    Réponses
    1. bonjour je ne trouve pas ou il faut coller le texte , l interface a changé et meme comme ça je ne trouve pas le mot head

      Supprimer
  20. Merci beaucoup de votre réponse rapide et précise Waldorf et Statler ;-) et bon week-end.

    RépondreSupprimer
  21. Haha merci ! ça me permet de laisser un petit message à ceux qui tentaient le clic droit, ça m'amuse :D

    RépondreSupprimer
  22. Merci infiniment !!! Je venais de supprimer mon blog en ayant marre de me faire piquer mes photos par des vendeurs EBay qui s'en servent pour vendre leurs bestioles. Je découvre cette rubrique qui m'enlève une grosse épine du pied ! Donc, j'ai restauré en toute vitesse mon blog et de surcroît moi aussi, j'ai personnalisé le message du clic droit !!! Trop classe !
    Mille mercis !!!

    RépondreSupprimer
  23. Merci pour ce billet et pour l'ensemble de ce blog qui m'est très utile !

    RépondreSupprimer
  24. Trop la classe! Grâce à toi je peux enfin me la péter genre "artiste peintre qui fait de la peinture"!

    RépondreSupprimer
  25. mille merci pour les nombreuses fois où vous m'avez aidé...sans vous quelle galère...le plus drôle :mes proches sont persuadés que je suis calée en informatique...chut! et Merci!

    RépondreSupprimer
    Réponses
    1. C'est rigolo, certains pensent la même chose pour moi ;-)

      Supprimer
  26. Merci beaucoup du partage, cela fonctionne très bien :)

    RépondreSupprimer
  27. Merci du tuyau... J'avais utilisé sans soucis l'astuce avec mon ancienne version de blog... Mais je viens de passer sur la version en affichage dynamique et je ne trouve pas où personnaliser la mise en page, ça a l'air bloqué sur cette version... :( Dommage :(
    Si tu as une solution je suis preneuse ;) Merci et encore bravo pour ce blog plein d'astuces !

    RépondreSupprimer
  28. Bonjour,

    j'ai suivi le conseil que tu as donné, mais j'ai changé la présentation de mon blog et donc sans surprise les balises ont elles aussi changées. Le problème c'est qu'avec le nouvel interface blogger, je ne parviens pas à remettre le nez sur l'endroit où il faut aller pour désactiver le clic droit. Tu penses pouvoir m'aider ? :)

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Si le souci est la nouvelle interface (affichage dynamique peut être ?), il est encore possible de revenir à l'ancienne interface en passant par la roue dentée à droite du tableau de bord.
      Il faut faire vite car d'ici quelque temps cette possibilité sera sans doute supprimée.

      Supprimer
  29. Merci beaucoup pour cette astuce ! Je n'ai pas réussi à le faire dans l'ancienne interface alors je l'ai fait dans la nouvelle. C'est la même chose : il faut aller dans Modèle, Modifier le code HTML et Traiter. Et on se retrouve avec ce que vous présentez. Un grand merci ! ;)

    RépondreSupprimer
  30. Bonjour

    J'aurais besoin d'une aide de votre part. Je constate que de nombreuses photos ont disparu sur d'anciens billets de mon blog.
    Y a-t-il une explication? Y a-t-il un moyen de les récupérer sans avoir à les republier?

    Voici deux exemples de ces disparitions mais il y en a d'autres, hélas!
    http://claudialucia-malibrairie.blogspot.fr/2011/06/challenge-shakespeare-les-participants.html

    http://claudialucia-malibrairie.blogspot.fr/2011/06/claude-chevreuil-les-memoires-de.html

    En vous remerciant pour votre gentillesse

    claudialucia

    RépondreSupprimer
    Réponses
    1. Bonjour Claudialucia,
      La disparition des images peut être due à un problème passager sur les serveurs, à une suppression de l'image sur Picasa voire à une suppression de l'album d'images dans Google+.
      Il faudrait aller dans votre Picasa Album Web et voir si les images y sont encore. Dans ce cas, il ne reste qu'à les republier.
      Bonne journée

      Supprimer
    2. Merci pour cette si rapide réponse. Oui , effectivement mes photos ont disparu dans mon Picasa Album Web. je l'avais constaté au moment du changement d'interface mais je n'avais pas pensé alors à vérifier mes articles. Il ne me reste "plus qu'à" republier mes photos, un travail de longue haleine!! Espérons que cela ne se reproduira pas trop souvent car c'est décourageant.
      En tous cas, merci à vous et bravo pour votre blog qui est une aide précieuse pour nous tous.

      Supprimer
  31. Simple, rapide, - efficace s'il en est -

    Bien sur, ça ne règle pas tout, mais c'est déjà pas mal.

    Merci à vous !

    RépondreSupprimer
  32. j'ai la nouvelle version de blogger et je ne sais comment faire pouvez vous m'aider ?

    RépondreSupprimer
  33. Bonjour,
    très utile ton post :)
    merci

    RépondreSupprimer
  34. merci!Pour mon cas c'est mes lien que je veux surtout protéger! je veux bien voir leur tête quand ils verront le message interdit!
    tiens mes amis blogueurs http://tiptux.blogspot.com
    si vous voulez tester l'efficacité de truc. Essayer de faire un clic droit

    RépondreSupprimer
  35. Merci pour l'astuce , mais on dirai que blogger est contre cette idée .... je m'explique :
    après 2 ou 3 clics droit on voit apparaitre une case à cocher en dessous du message
    "Empêcher cette page d'ouvrir des dialogues supplémentaires"

    il suffit de cliquer sur cette case , et le clic droit est Réactivé ....

    Une idée ?

    RépondreSupprimer
  36. Bonsoir
    Un grand merci à vous pour cette solution que je viens d'appliquer sur mon blog e-book

    Bonne soirée

    RépondreSupprimer
  37. Hello !^^
    Je rencontre apparemment un problème lié à ce code "anti clic droit"...
    Les utilisateurs de Firefox qui viennent sur mon blog ne peuvent plus remplir de champs d'inscription ^^"
    Par exemple, impossible pour eux de s'inscrire à ma newsletter ou de me contacter via mon formulaire de contact ! :(
    Comment procéder alors ? Y-a-t-il une solution ou dois-je supprimer votre code ?
    Merci

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Apparemment Blogger a un souci avec le javascript qui doit être plus général qu'ils ne le pensent. Ils annoncent travailler dessus. http://knownissues.blogspot.com/2012/09/pages-linking-to-external-web-address.html

      Supprimer
    2. D'accord...
      Le soucis c'est que 45% de mes lecteurs utilisent Firefox ^^" Ils ne peuvent donc pas interagir avec moi, ce qui est vraiment dommage !
      Du coup, je vais retirer cet "anti clic droit" (même si je le trouve plutôt efficace pour dissuader la copie du texte), en espérant que Blogger trouve rapidement une solution à leurs soucis...
      Comme d'habitude, je vous remercie pour votre attention et votre réponse rapide :)

      Supprimer
  38. Merci beaucoup pour cette astuce! J'avais un autre code à insérer directement dans le message, mais il ne fonctionnait plus depuis un certain temps. Grâce à vous, le problème est à nouveau résolu :-)

    RépondreSupprimer
  39. Merci de cette astuce !

    Je l'ai utilisé pour le blog en entier comme indiqué.

    Puis j'ai voulu intervenir photo par photo en changeant la syntaxe du code html

    mais comme vous le dîtes bien, c'est vraiment galère !

    En plus, les photos côte à cote se collent sans aucun interstice puisque la mise en forme est aussi effacée ; ça ne m'arrangeait pas.

    J'ai donc opté pour le filigrane et le tag des photos.

    Cependant, j'ai trouvé mon bonheur en personnalisant le message et en proposant à mes lecteurs de laisser un petit mot en guise de commentaire puisque visiblement cette photo les intéresse :)

    RépondreSupprimer
  40. Merci pour cet excellent blog ! Cependant, permettez-moi d'attirer votre attention que cette disposition peut être facilement contournée par sélection de texte suivi de CTRL/C - CRTL/V.
    Pour bloquer le clic droit et la sélection de texte, on remplace *b0dy ..............* par *b0dy onmousedown="return false" oncontextmenu="return false" onselectstart="return false"*

    Mais chaque astuce a ses inconvénients, dans ce cas le visiteur ne peut plus faire une saisie sur le blog (recherche, inscription, traduction).

    A chacun, de faire son choix !
    Merci encore, mes amitiés.

    RépondreSupprimer
    Réponses
    1. Bonjour,

      Bonjour, Complément à mon commentaire ci-dessus : vu qu'on ne peut pas saisir du code HTML dans un commentaire, j'ai remplacé "<" et ">" par "*" et "body" par "b0dy".
      Vous pouvez voir cette disposition mise en oeuvre sur mon blog
      cristormania.blogspot.com

      Amicalement.

      Supprimer
  41. Bonjour,

    J'ai bien réussi depuis plusieurs mois à désactiver le clic droit de mon blog. Mais je viens de découvrir que les petits malins ont un autre moyen très simple de piquer mes images et j'aimerais si cela est possible le bloquer.

    J'ai une belle mère très envahissante qui me pique mes photos sans rien dire et je trouve ça très désagréable mais la solution est simple pour elle : tirer la photo de mon blog vers son bureau et elle s'y enregistre. C'est très rapide et ça garde même le nom d'origine de ma photo. Etant donné que je ne sais pas ce qu'elle fait de notre vie privée en pouvant prendre ainsi toutes les photos j'aimerais vraiment pouvoir solutionner ça.

    Y a-t-il un moyen d'intervenir ?

    Merci d'avance.

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Tout ce qui est publié sur le net est à disposition des lecteurs. Des fois c'est très facile de récupérer l'image, des fois cela dépend du navigateur employé, des extensions ajoutées, des applications téléchargées.
      Le filigrane est la seule solution mais elle n'empêche pas le téléchargement.

      Supprimer
    2. Bonjour, je ne comprends pas comment vous faites et où vous mettez ce code ? j'ai mis l'anti clic droit, mais je veux aussi faire quelque chose pour éviter le ctrl c ctrl v. Pouvez-vous m'expliquer svp ?

      Supprimer
  42. Je viens de faire exactement comme décrit dans votre article. Est-ce que quelqu'un peut me dire si ça marche ou pas ? --> http://cyrielleetlemonde.blogspot.ca/
    Merci !

    RépondreSupprimer
    Réponses
    1. Bonjour Cyrielle,
      Non, ça ne marche pas chez vous. Peut être une erreur de syntaxe dans la copie ?

      Supprimer
  43. Bonjour,
    Malheureusement cela ne marche pas j ai fais le test il suffit de cliquer sur ' empecher cette page d ouvrir des dialogues supplementaires " et retour à la case depart, dommage

    RépondreSupprimer
  44. Bonjour,

    Je souhaiterais savoir s'il est possible d'insérer des images de fond dans les onglets de pages ?
    Comme ceci : http://montessorilaval.fr/
    merci d'avance pour votre réponse.

    RépondreSupprimer
  45. Il y a sur ce blog beaucoup de trucs utiles et intéressant, mais l'anti-clic droit et ce qui me fait fuir dare-dare d'un site en pensant que l'auteur se la pète quand même de croire que le précieux contenu qu'il a créé mérite de telles protections !

    D'autant plus que cette protection n'affecte que le petit internaute lambda débutant : touts les autres savent récupérer quand même !

    RépondreSupprimer
  46. Totalement génial, merci !
    Explication simple efficace et résultat immédiat !
    Prochaine étape mettre une bannière... j'y crois !

    Merci pour ces astuces et trouvailles judicieuse.

    RépondreSupprimer
  47. Bonjour,
    Merci pour le truc du clic droit, c'est déjà ça...
    Puis-je vous demander comment insérer un livre d'or dans blogger?
    Je cherche depuis un certain temps, et on parlait de Quickweb mais ce site n'existe plus.
    J'ai alors créé un message avec une photo pour que les gens répondent, mais visiblement, je ne sais pourquoi, personne n'arrive à y mettre un message à part moi... ;-(
    ils inscrivent leur message, mettent publier et puis rien ne se passe...
    Donc, 2 questions pourquoi? et mettre un livre d'or?
    Merci

    RépondreSupprimer
  48. Bonjour
    C'est rageant tout le monde est content de votre astuce et moi comme un idiot je recherche toujours où il faut changer le code htlm quand je vais sur mise en page je n'ai absolument pas trouvé , c'est à cause de moi ??? qui ne comprend rien ou d'une nouvelle version ?Merci de bien vouloir me répondre si vous en avez le temps

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Effectivement le système a changé depuis, mais cela existe toujours. Il faut simplement développer toutes les flèches du code Html dans Modèle / Modifier le code Html.

      Supprimer
  49. il faut allez dans modelè et modifier le code HTLM sa a changer juste dessous la petite image du blog

    RépondreSupprimer
  50. Bonjour et merci pour cette astuce :D, même si ce n'est pas une solution miracle face aux "imp écran", mais cela aide pour un site d'illustrations contre ceux qui n'ont aucun scrupule à s'approprier votre travail.

    Merci encore

    RépondreSupprimer
  51. Tout d'abord merci pour votre blog.
    Même si ce n'est pas une protection totale , j'ai mis l'interdiction du clic droit sur mes blogs photos . Merci pour ces explications simples .
    Je vais voir pour poser un filigane sur la photo.
    Bonne soirée

    RépondreSupprimer
  52. Bonjour
    pouvais vous me repondre rapidement j'aimerais debloquer le clic droit pour certaine image est ce possible ?
    merciiiii

    RépondreSupprimer
  53. Bonjour,
    C'est toujours sur se site qu'on trouve les bonnes choses pour Blogger.
    #Waldorf Statler c'est vraiment du bon boulot que tu fais.
    Merci

    RépondreSupprimer
  54. Merci beaucoup !! 1 semaine à galérer, pb resolu en 3 minute grâce a vous ! :)

    RépondreSupprimer
  55. Yeaaaaaaaaah ça marche impec' ! Génial vos astuces comme d'hab !! Merci !

    RépondreSupprimer
  56. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  57. Merci a vous,cela fonctionne,j'en suis ravie!
    Mais pense quand même a protéger mes photos par copyright dans un proche avenir.
    Trop de manipulation pour réaliser un filigrane,étant novice en la matière.
    Excellente journée a vous

    RépondreSupprimer
    Réponses
    1. oui il faut un filigrane rien n’empêche la copie ecran

      Supprimer
  58. merci beaucoup ! ça a fonctionné pour moi.
    c'est au début dans espace (je me suis posé la question lol) et après une fois enregistré rien ne s'affiche mais une fois sur le blog le clic droit est interdit

    RépondreSupprimer
  59. Bonjour, pouvez-vous m'aider svp, je cherche comment faire pour rajouter un anti ctrl c ctrl v en plus de l'anti clic droit. merci

    RépondreSupprimer

Merci de prendre note des messages d'annonce en une du blog.
Et d'adresser vos questions sur notre
Communauté des Utilisateurs de Blogger hébergée sur Google+.

LinkWithin

Related Posts with Thumbnails