De vez en cuando, en alguna red social, me pide «amistad» alguien al que realmente conozco.

Añade un mensaje de Copyright en el texto copiado de tu web

Añade un mensaje de Copyright en el texto copiado de tu web

Escrito por AAR

Categoría: Scripts

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 un simple 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 de javascript. El código no es mío, no tengo idea de quien es.

Script en Javascript

<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+"</a><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 comico y parece ser mágia 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 cosa (menos la zona de script) y peguenla en su editor favorito y verán que se anexa al final la siguiente nota:

“Más información: http://wp.me/p1cL5w-y5
Copyright © Psicomatico.net”

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

selection = window.getSelection();

Y al copiar (variable copytext) las juntan

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 podriamos agregar una nueva variable y agregar texto personalizado antes y despues 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

var copytext = selection + pagelink;

Por la siguiente

var copytext = pagelink + selection;

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

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

var pagelink = "..."

Por la siguiente

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

Y sustituye la linea

var copytext = selection + pagelink;

Por la siguiente

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 (corriganme), 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.

3 Comentarios para esta entrada

  1. bemaentibre Says:

    Sorry for the stupid question. What is the best search engine http://google.com or http://yahoo.com?

  2. AAR Says:

    Both work fine, I use Google.

  3. jocabrer Says:

    en opera 11.01 no me funciona :S
    buena la idea ;)

Deja un comentario ¿Qué opinas sobre este artículo?