Blogitekstin ja kuvien kopioinnin estäminen

Bloggaajat käyttävät useita tunteja tai jopa päiviä yhden postauksen tekemiseen. On täysin luonnollista, ettei bloggaaja halua kenenkään kopioivan kovalla työllä kirjoitettua postausta ja itse otettuja kuvia. On ikävää, että itse on nähnyt aivan älyttömän paljon vaivaa ja joku toinen tulee korjaamaan sadon.

Internetissä kuka tahansa voi kuitenkin varastaa blogista sisältöä ja esittää sitä omanaan. Sitä ei voi koskaan tietää, millaisiin epämääräisiin tarkoituksiin joku haluaa käyttää blogikuvia tai –tekstejä.

Eräs lukija lähetti sähköpostitse mielenkiintoisen kysymyksen tähän aiheeseen liittyen:

“Moi, ajattelin sulta kysäistä neuvoa kun ehkä tiedät. Monella bloggaajalla on blogissaan kopiointikielto niin, että painaessa hiiren oikeaa näppäintä ilmestyy ruutuun teksti "Ethän kopioi" tms. Miten sellainen tehdään? Kiinnostaisi saada omaankin blogiin.”

Päätin kirjoittaa aiheesta postauksen, koska sama asia askarruttaa varmasti monia muitakin bloggaajia. Millaisilla keinoilla lukijaa voi estää kopioimasta sisältöä blogista?

Simppeleillä koodeilla voi estää tai ainakin hankaloittaa sisällön kopioimista blogista. Kannattaa muistaa, että koodit kuitenkin estävät vain aloittelijoita kopioimasta materiaalia blogista. Jos joku ihan oikeasti haluaa kopioida tekstiä tai kuvia blogista, hän löytää siihen kyllä keinot. Esimerkiksi kuvan saa helposti kopioitua kuvankaappauksella. Toisaalta kopioinnin estokoodit toimivat ainakin hyvänä huomautuksena lukijalle, että bloggaaja ei halua kenenkään kopioivan materiaalia blogista.

Itse en laittaisi kopioimisen estoja blogiini, koska ne hankaloittavat blogin lukemista. Lisäksi kopiointi tuo ainakin vähäisissä määrin mainontaa blogille. Jos joku esimerkiksi lainaa toisesta blogista kuvan ja hyvien lainausperiaatteiden mukaisesti laittaa linkin kuvan alkuperäiseen lähteeseen, tulee blogiin lisää kävijöitä linkin kautta.

Ymmärrän kyllä, että joku haluaa laittaa kopioimisen eston blogiinsa esimerkiksi siitä syystä, että blogissa on kuvia omista lapsista. Myöskään ammattivalokuvaaja ei todennäköisesti halua, että hänen ottamiaan kuvia varastetaan ja käytetään omiin tarkoituksiin.

Koodien lisäksi esimerkiksi vesileimat kuvissa ovat hyvä vaihtoehto ehkäistä kuvien kopioimista. Myös blogin sivupalkkiin voi laittaa tekstin, jossa kielletään lukijaa kopioimasta kuvia.

Mutta pidemmittä puheitta, siirrytään nyt niihin varsinaisiin koodeihin!

Tekstin kopioimisen estäminen

1. Mene Bloggerissa kohtaan ”Ulkoasu” ja ”Lisää gadget”.  

2. Kopioi ja liitä seuraava koodi ”HTML/JavaScript”-kohdan sisältökenttään:

<script language='JavaScript1.2'>function disableselect(e){return false}function reEnable(){return true}document.onselectstart=new Function ("return false")if (window.sidebar){document.onmousedown=disableselectdocument.onclick=reEnable}</script>

3. Tallenna. Voilà, tekstiä ei voi enää kopioida! Koodi on saanut aikaan sen, ettei tekstiä voi enää "maalata".

Kuvien kopioimisen estäminen

Keino 1. Oikean klikkauksen estäminen.

Ensimmäinen keino on estää kuvan kopioiminen siten, ettei oikealla hiirennäppäimellä aukea valikkoa. Tällöin kopiointi-vaihtoehtoa ei tule ollenkaan siis näkyviin. 

Muokkaa blogipostausta HTML-näkymässä ja lisää kuva-tägeihin (img) seuraava oncontextmenu=”return false” –teksti . Kuvakohdan pitäisi siis näyttää tältä:

<img src="kuva.jpg" oncontextmenu="return false">

Keino 2. Läpinäkyvän taulukon luominen.

Tämä toinen keino on kaikkein vaikein. Tässä vaihtoehdossa luodaan taulukko, jonka sisältönä on läpinäkyvä kuva. Taulukon taustakuvana on varsinainen kuva. Tällöin kun käyttäjä yrittää tallentaa kuvaa, hän saa tallennettua vain läpinäkyvän kuvan. 

<table style="background-image:url('kuva.jpg'); width:640px;height:480px;" ><tr><td><img src="transparent.gif" style="width:640px;height:480px"/></td></tr></table>

Keino 3. Kuvan oikea klikkaaminen estetään ja kuvaa klikatessa ilmestyy ponnahdusikkuna, jossa on varoitusteksti.

Kolmas keino on estää kopiointi JavaScript-koodilla eli tämä on se lukijan kysymä keino. Tällöin blogiin täytyy tehdä kaksi muutosta: lisätä JavaScript ja muokata mallia.

JavaScriptin lisääminen onnistuu seuraavasti:

1. Mene Bloggerissa kohtaan ”Ulkoasu” ja ”Lisää gadget”. 

2. Kopioi ja liitä seuraava koodi ”HTML/JavaScript”-kohdan sisältökenttään:

<script>

function right(e) {

var msg = "Copying photos is not permitted.";

if (navigator.appName == 'Netscape' && e.which == 3) {

alert(msg);

return false;

}

if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {

alert(msg);

return false;

}

else return true;

}

function trapclick()

{

if(document.images)

{

for(i=0;i<document.images.length;i++)

{

document.images[i].onmousedown = right;

document.images[i].onmouseup = right;

}

}

}

</script>

3. Tallenna muutokset. Tuohon Copying photos is not permitted -kohtaan voi muokata haluamansa tekstin.

Sitten pitää vielä muokata mallia:

1. Avaa "Malli" ja valitse kohta “Muokkaa HTML-koodia”

2. Etsi kohta <body > ja muokkaa se seuraavanlaiseksi

        <body onLoad="trapclick()">

3. Tallenna malli. Nyt kun painat mitä tahansa kuvaa oikealla hiirennäppäimellä, pitäisi tulla ponnahdusikkuna, jossa on haluamasi varoitusviesti.

HUOM! Estokoodit eivät välttämättä toimi kaikilla selaimilla.

P.S. Otan mielelläni vastaan postaustoiveita. Saa siis laittaa kysymyksiä kommenttiboksiin ja sähköpostiin!