Formas para proteger el contenido web contra robo mediante el uso de códigos html y/ó javascripts.
Hola este sencillo tutorial nos enseña como proteger el contenido de nuestra web esto es que no copien nuestras imagenes y no roben la informacion. esta comprobado que ni seleccionando y presionando Crtl + C se roben algo aqui les dejo el tuto:
Empezaré resaltando que ningún código o script puede proteger nada al 100%, siempre existirán distintas formas para robar el contenido de una web. Los códigos y scripts que mencionaré a continuación le ayudaran a proteger el contenido de su web contra el robo de “Novatos”.
Recomendación: Familiarícese con los siguiente valores, verá que es muy sencillo armar el código que desee.
Valores empleados en el tutorial:
oncontextmenu: Menú contextual ( Haciendo referencia al botón derecho del mause )
onselectstart: Seleccionador
onkeydown: Teclado
ondragstart: Arrastre
Para habilitar o inhabilitar cada opción se escribe en cada una después de un signo = la palabra: "return" y esto dará la instrucción "true" (habilitar) o "false" (inhabilitar )
Ejemplo:
Habilitar menú contextual
- Código:
-
oncontextmenu= "return true">
Inhabilitar menú contextual:
- Código:
-
oncontextmenu= "return false"
Como ve, no es difícil, familiarícese con los códigos porque los usaremos mucho a continuación.
Nota: Los códigos anteriores deben colocarse dentro de alguna etiqueta html para que funcionen, teniendo claro que depende de la etiqueta será lo que protegerá.
Ejemplo:
Inhabilitar menú contextual en un link:
- Código:
-
Variedad de códigos
1.- Bloquear botón derecho del mause.
Este script lo puede insertar en: Mensaje del Índice, Módulos de Portal, Más Metatags, en sus posts, etc...
Con alerta:
- Código:
-
<body oncontextmenu = "alert('Material Protegido');return false;"></body>
Sin Alerta:
- Código:
-
<body oncontextmenu = "return false"></body>
3.- Bloquear botón derecho del mause y teclado.
Este script lo puede insertar en: Mensaje del Índice, Módulos de Portal, Más Metatags, en sus posts, etc...
Con Alerta:
- Código:
-
<body oncontextmenu = "alert('Material Protegido');return false;" onkeydown="alert('Material Protegido');return false;"></body>
Sin Alerta:
- Código:
-
<body oncontextmenu = "return false" onkeydown="return false"></body>
4.- Bloquear botón derecho del mause, teclado y evitar selecciones con el mause.
Este script lo puede insertar en: Mensaje del Índice, Módulos de Portal, Más Metatags, en sus posts, etc..
Con alerta:
- Código:
-
<body oncontextmenu = "alert('Material Protegido');return false;" onselectstart = "alert('Material Protegido');return false;" onkeydown="alert('Material Protegido');return false;"></body>
Sin alerta:
- Código:
-
<body oncontextmenu = "return false" onselectstart = "return false" onkeydown="return false"></body>
5.- Bloquear botón derecho del mause, teclado, bloquear posibilidades de selección, y bloquea el arrastre de imágenes. ( util para evitar que arrastren sus imágenes al escritorio )
Este script lo puede insertar en: Mensaje del Índice, Módulos de Portal, Más Metatags, en sus posts, etc...
Con alerta:
- Código:
-
<body oncontextmenu = "alert('Material Protegido');return false;" onselectstart = "alert('Material Protegido');return false;" onkeydown="alert('Material Protegido');return false;" ondragstart = "alert('Material Protegido');return false;"></body>
Sin Alerta:
- Código:
-
<body oncontextmenu = "return false" onselectstart = "return false" onkeydown= "return false" ondragstart = "return false"></body>
6.- Proteger solamente un cierto contenido:
Este script lo puede insertar en: Mensaje del Índice, Módulos de Portal, Más Metatags, en sus posts, etc...
Proteger solamente una Imágen
Con alerta
- Código:
-
<img oncontextmenu = "alert('Material Protegido');return false;" onselectstart = "alert('Material Protegido');return false;" onkeydown="alert('Material Protegido');return false;" ondragstart = "alert('Material Protegido');return false;" src="URL_DE_SU_IMAGEN">
Sin alerta:
- Código:
-
<img oncontextmenu = "return false" onselectstart = "return false" onkeydown= "return false" ondragstart = "return false" src="URL_DE_SU_IMAGEN">
Proteger solamente un Texto ( Todo lo que este dentro de la siguiente etiqueta quedará protegido )
Con Alerta:
- Código:
-
<font oncontextmenu = "alert('Material Protegido');return false;" onselectstart = "alert('Material Protegido');return false;" onkeydown="alert('Material Protegido');return false;" ondragstart = "alert('Material Protegido');return false;" size="2px"> TODO EL CONTENIDO DE SU MENSAJE A PROTEGER </font>
Sin alerta:
- Código:
-
<font oncontextmenu = "return false" onselectstart = "return false" onkeydown= "return false" ondragstart = "return false" size="2px"> TODO EL CONTENIDO DE SU MENSAJE A PROTEGER </font>
En fin, puede agregar los códigos a cualquier etiqueta html.
Mas scripts:
1.- Bloquear botón derecho del mause.
Con alerta:
Puede agregar este script en: Mensaje del Índice y Módulos de Portal
- Código:
-
<script language=Javascript>
<!--
function inhabilitar(){
alert ("Material Protegido")
return false
}
document.oncontextmenu=inhabilitar
// -->
</script>
Sin alerta:
Puede agregar este script en: Mensaje del Índice y Módulos de Portal
- Código:
-
<script language=Javascript>
<!--
function inhabilitar(){
return false
}
document.oncontextmenu=inhabilitar
// -->
</script>
Nota: Todos los códigos anteriores tienen la frase "Material Protegido", usted puede cambiar esta por el texto que desee.