Come aggiungere un link della pagina quando ci copiano del testo o delle immagini del blog.

Come aggiungere automaticamente un link quando vengono copiati contenuto come testo o immagini.

Chi ha un blog che crea contenuti originali si sarà certo scontrato con la piaga dei "colleghi" che copiano i post immagini comprese. Mi sono già occupato diverse volte di come comportarsi quando qualcuno copia i nostri articoli e di come disabilitare le opzioni per copiare le immagini sempre nell'ottica che si tratta comunque di una battaglia lunga e difficile in cui le armi che si possiedono sono spesso spuntate.

Vi sarà probabilmente anche capitato di copiare un paragrafo di un sito e dopo averlo incollato di visualizzare un testo con l'URL della pagina da cui proviene. Questo non è certo fondamentale per fermare i copiatori ma può servire da deterrente e qualche volta le informazioni aggiunte al testo copiato rimangono.

Tynt è un sito che offre un servizio di questo tipo. Basta andare sul bottone Get CopyPaste e riempire il modulo con indirizzo email, URL del sito con .com, e non con il localizzato .it, e con la password

Si va su Continue e si visualizzerà il codice da incollare nel modello subito prima del tag </head>
 


Dopo aver salvato il template chi copierà anche solo una piccola parte dei nostri contenuti quando incollerà quello che ha copiato verrà aggiunto un Read More con l'URL della pagina

All'indirizzo verrà anche aggiunta una stringa per tracciare e avere statistiche sui contenuti copiati.

Chi non ama usare servizi esterni per il proprio sito può realizzare in proprio una simile funzionalità andando su Modello > Modifica HTML e cercando la riga </body>. Subito sopra a questa bisognerà incollare il seguente codice

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
//<![CDATA[
// Aggiungere URL della pagina copiata
$("body").bind('copy', function (e) {
if (typeof window.getSelection == "undefined") return;
var miblog = document.getElementsByTagName('body')[0];
var seleccionar = window.getSelection();
if (("" + seleccionar).length < 10) return;
var nuevodiv = document.createElement('div');
nuevodiv.style.position = 'absolute';
nuevodiv.style.left = '-99999px';
miblog.appendChild(nuevodiv);
nuevodiv.appendChild(seleccionar.getRangeAt(0).cloneContents());
if (seleccionar.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") {
nuevodiv.innerHTML = "<pre>" + nuevodiv.innerHTML + "</pre>";
}
nuevodiv.innerHTML += "<br/><br/>Per più informazioni leggi qui: <a href='"
+ document.location.href + "'>"
+ document.location.href + "</a><br/>&copy; Idee per Computer ed Internet";
seleccionar.selectAllChildren(nuevodiv);
window.setTimeout(function () { miblog.removeChild(nuevodiv); }, 200);
});
//]]>
</script>

Si salva il modello. Ovviamente vanno sostituite le espressioni di colore blu. Chi copierà un nostro contenuto aggiungerà sotto lo stesso anche l'URL della pagina relativa

 

La riga evidenziata di giallo rappresenta JQuery e può essere tralasciata se fosse già presente nel vostro modello. Lo script originale di questo hack si deve a JitBit.