Décourager le copier/coller du contenu de votre site web

Vous ne voulez pas qu’on copie le contenu de votre site ? Et bien on ne peut rien y faire !! Mais on peut décourager cette pratique 🙂

Dans certains projets, nos clients demandent à ce qu’on interdise au maximum la sélection et la copie de données depuis un site donné. Ci-dessous quelques astuces :

Désactiver la sélection (pour interdire le copier/coller)

Ci-dessous une petite règle CSS pour interdire la sélection, ce qui fait que le copier/coller devient plus difficile (on peut toujour inspecter le code HTML et tout copier, mais bon c’est plus difficile qu’un simple copier/coller)

body {
/* désactiver la sélection pour copier/coller */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

Desactiver le drag a drop des images

Une petite ligne javascript (nécessite jquery) afin d’interdire la sélection d’une image

$(‘img’).on(‘dragstart’, function(event) { event.preventDefault(); });

Désactiver le menu contextuel (click droit)

On peut toujours afficher le menu contextuel afin de lancer un outil spécifique du navigateur permettant d’aspirer le contenu de la page par exemple, on va donc tout simplement désactiver le menu contextuel avec une simple instruction Javascript à intégrer dans la balise BODY de vos pages :

<body … oncontextmenu=’return false’ … >

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*