Comunidad de diseño web y desarrollo en internet online

Añade mensaje de copyright cuando copian texto de tu web

No es bueno copiar contenido de otros sitios sin citarlos o sin hacer mención del mismo y en mi opinión tampoco es bueno restringir la copia de todo tu blog con una restricción de selección de texto.

Las imágenes por ejemplo se restringen con evitar el hotlink pero de alguna manera (por que hay maneras) siempre te van a terminar copiando algo.

Aprovechando la situación de los copiadores profesionales o de los robots, que mejor que darles la oportunidad de hacerlo pero añadiendo una nota obligatoria al momento de que copien dicho texto.

No hay moral, solo hay scripts.
El código original no es mío. No tengo idea de quien es.

Script para agregar datos cuando te copien en Javascript

Código :

<script type="text/javascript">
function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "<br /><br />Más información: <a href='"+document.location.href+"'>"+document.location.href+"[/url]<br />Copyright © <b>Psicomatico.net</b>";
    var copytext = selection + pagelink;
    var newdiv = document.createElement('div');
    newdiv.style.position='absolute';
    newdiv.style.left='-99999px';
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout(function() {
    body_element.removeChild(newdiv);
    },0);
}
document.oncopy = addLink;
</script>

Explicando el script


Es bastante cómico y parece ser magia negra, pero este sencillo script copiará junto con lo copiado una nota de copyright totalmente personalizable.

Si sabes algo de javascript lo entenderás y lo más probable es que dejes de leer a partir de aquí y te vayas a tu editor para probarlo.

Para aquellos que no tienen ni idea pero les gusta dicha idea, pruebenlo copiando cualquier texto (de preferencia la zona del script no) en el blog de la entrada original, haciendo clic aquí.

Bueno, más que nada no se está metiendo con el texto copiado ni con su computadora en sí, simplemente se agrega una variable al texto copiado cuando se selecciona cualquier texto.

Le asignan la variable a la selection

Código :

selection = window.getSelection();

Y al copiar (variable copytext) las juntan

Código :

var copytext = selection + pagelink

Lo que me gusta de este script es que se puede personalizar ya usando las funciones y variables del mismo.

Por ejemplo podríamos agregar una nueva variable y agregar texto personalizado antes y después del texto copiado, podemos eliminar el texto copiado y agregar un mensaje personalizado para que cuando lo peguen se sorprendan, etc.

Personalizando


En la parte de var pagelink ="..." puedes agregar tu mensaje personalizado que lo puedes estructurar con HTML y con variables en Javascript.

Si quieres agregar un mensaje antes del texto copiado sustituye la linea

Código :

var copytext = selection + pagelink;

Por la siguiente

Código :

var copytext = pagelink + selection;

Y si quieres agregar un mensaje antes y otro después del texto copiado asigna una nueva variable y agregala

Código :

var pagelinkantes = "Este mensaje esta antes del texto copiado";

Y si no te quieres confundir modifica la variable que viene por defecto y cambiale el nombre a la variable

Código :

var pagelink = "..."

Por la siguiente

Código :

var pagelinkdespues = "Este mensaje esta despues del texto copiado";

Y sustituye la linea

Código :

var copytext = selection + pagelink;

Por la siguiente

Código :

var copytext = pagelinkantes + selection + pagelinkdespues;

Usa tu imaginación, se puede hacer un montón de cosas.

Agregandolo a tu web


Funciona en todos los navegadores (corrijanme), no lo he probado en celulares ni en iPods, iPads, tablets, etc.

Simplemente agrega el código entre <head>Aquí merengues</head>.

Yo uso Wordpress y lo agregue en el archivo head.php al principio del head.

Si tienes algún problema con gusto te auxilio. Para aquellos que se les pueda complicar mucho agregarlo a Wordpress, haré un plugin más adelante el cual será publicado en Psicomatico.net, mi blog.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate