LinkWithin vakoilee sinua

Tämä kirjoitus on kaksi kirjoitusta väkivalloin sullottuna yhteen. Tämä kirjoitus ei myöskään ole pelkästään opetustarkoituksessa kirjoitettu vaan sisältää myös kritiikkiä: Kirjoituksessa oleva kritiikki on vain yhden ihmisen mielipide, eikä esimerkiksi trendikäs vihapuhe tai poliittinen kannanotto.

Moni Suomalainenkin bloggaaja on löytänyt omakseen palvelun LinkWithin. LinkWithin tarjoaa laajennusta Blogger blogeihin jonka avulla voit kirjoituksesi yhteydessä näyttää suosituksia muista oman blogisi kirjoituksista, jotka sopivat samaan aihepiiriin. Tämä onkin todella tervetullut ominaisuus sillä sen avulla uusi lukija, joka on tullut sivustollesi esimerkiksi hakukoneen avulla löytää muita kiinnostavia artikkeleita sinun blogistasi. Eikä hänen tarvitse kadota etsimään lisää luettavaa jostain muualta. 

Suurin ongelma LinkWithin palvelussa on kuitenki se että kaikki käyttäjät jotka klikkaavat LinkWithin lisäosassa olevia linkkejä lähettävät samalla tietämättään tietoja itsestään LinkWithin palvelun palvelimille.

Tieto on valtaa ja juuri siitä syystä LinkWithin tarjoaakin palveluaan täysin ilmaiseksi. He ansaitsevat tulonsa myymällä keräämiään käyttäjätietoja eteenpäin kolmansille osapuolille. Halukkaita ostajia löytyy useita ja ennenkaikkea mainostajia kiinnostaa millaisilla sivuilla sinä liikut. Oletko kenties kiinnostunut käsitöistä vai lueskeletko matkailu aiheista blogia. Joistakin saattaa tuntua typerältä että kirjoitan edes moisesta. Mitäs se muka liikuttaa satunnaista nettisurffaajaa?  Itseasiassa monellakin tapaa. 

Kuten jo Italiassa ruodittu lakiesityskin osoittaa ollaan ihmisten sananvapautta murentamassa pala palalta. Välittämättä siitä että yritykset loukkaavat ihmisten yksityisyyttä joka päivä. Valtioiden tulisi suojella kansalaisiaan yritysten mielivallalta ja pyrkiä säilyttämään yksilön vapaus ilmaista itseään. LinkWithin ei todellakaan ole ainoa yritys internetissä joka toimii aivan samalla tavalla. Jokainen ilmainen palvelu tekee käytännössä aivan samaa. Seuraa käyttäjiä ja kerää tietoa siitä mitä he internetissä tekevät. Mikä tekee sitten LinkWithin palvelusta kirjoituksen arvoisen?

Palveluun liittynyt henkilö hyväksyy kyllä tietojen keräämisen, mutta ei enää se henkilö jolta nämä tiedot kerätään. Tämän lisäksi LinkWithin jättää kertomatta mitä tietoja se käyttäjistä kerää, mille kolmansille osapuolille se näitä kerättyjä tietoja myy ja mihin näitä tietoja käytetään. Yhdestä asiasta voi kuitenkin olla varma, hyväntekeväisyysjärjestö LinkWithin ei ole vaan voittoa tavoitteleva yritys. Jokainen siis tehköön omat johtopäätöksensä.

Nyt kun olen sanaisen arkkuni avannut tarjoan myös tähän ongelmaan vaihtoehtoista ratkaisua. Nimittäin vastaavan kaltaista ominaisuutta blogger blogiisi, joka ei kerää käyttäjistäsi tietoa. 

---

"Linkkaa Itse Kirjoituksiisi -lisäosa"

Lisäosan toimintaperiaate on hyvin samanlainen kuin LinkWithin palvelussa. Koodin pätkät lisättyäsi ilmestyy blogisi kirjoitusten yhteyteen saman tapainen linkki-listaus omista kirjoituksistasi,  jotka käsittelevät samaa aihetta. Näiden linkkien yhteydessä näytetään myös mahdollinen kuva, jonka olet kirjoituksen joukkoon lisännyt. Jollei kirjoituksessa ole kuvaa, näkyy kuvan paikalla teksti "Ei Kuvaa". Tämä koodi valitsee näytettävät linkit kirjoitustesi tunnisteiden (Labels) perusteella. Eli näytettävät linkit sisältävät saman tunnisteen kuin kirjoitus jossa linkit näkyvät.

Ainoana merkittävänä erona on se että tämä lisäosa ei lähetä tietoa millekkään muulle palvelimelle, eikä siten kerää tietoja sinun blogistasi.

Vaihe 1.

Kuten aina kun teet muutoksia blogisi lähdekoodiin ota varmuuskopio blogisi lähdekoodista. Wanhassa käyttöliittymässä tämä onnistuu: Ulkoasu -> Muokkaa HTML koodia -> "Lataa koko malli"

Uudessa käyttöliittymässä  ulkoasun varmuuskopiointi onnistuu: Malli -> Varmuuskopioi/palauta (oikeassa ylänurkassa)  -> "Lataa koko malli"

Vaihe 2.

Nyt kun olet kopioinut talteen blogisi koko lähdekoodin voit hyvillä mielin tehdä siihen muutoksia. Lisätään blogin lähdekoodiin ensin CSS ja JavaScript osa. Ensimmäisenä etsi blogisi lähdekoodista: </head> ja juuri ennen tätä  lisää alla oleva koodin "pätkä".
 

<!--Asiaankuuluvat kirjoitukset-->
<!-- Poista --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSEuGZabaqEOjdqofLjaudTMQeoTBTRctcyFfT0YsHkxhyphenhyphenYmqLiI0hUbPkTdgW0zG82MIrfyOrCfOU2ZkpV5lo7RDZmF5aOtaMLB_rYpBbB1nWqlrNNtX83zAWaRHISrVw0H4H0OnOwriz/s1600/eikuvaa.png&quot;;
var maxresults=5;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Lisää aiheesta&quot;;
</script>
<script src='https://sites.google.com/site/blogihaltuungadgetit/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- poista --></b:if>
<!--Asiaankuuluvat kirjoitukset loppuu-->

Lisättyäsi tämän koodin on syytä kertoa mitä se pitää sisällään. Koodi periaatteessa lukee blogisi kirjoitusten tunnisteet, vertaa niitä sillä hetkellä lukijalle näkyvillä olevan blogikirjoituksen tunnisteeseen ja näyttää linkkeinä muita kirjoituksia joissa on käytetty samaa tunnistetta.

Voit kokeilla muokkailla koodissa olevaa CSS osaa saadaksesi aikaan mieleisen ulkoasun linkeille, sellaisen joka soveltuu omaan blogiisi. Sen lisäksi voit muokata seuraavia kohtia:

var maxresults=5; voit määritellä montako linkkiä näytetään maksimissaan kirjoitusten yhteydessä.
var relatedpoststitle=&quot;Lisää aiheesta&quot;; kohdassa määritetään teksti joka näkyy linkkien yhteydessä.

Osa koodista joudutaan hakemaan erillisestä tiedostosta, jotta sen toimisi suoraan bloggerissa ilman virheilmoituksia. Jos haluat nähdä myös tämän koodin voit tarkastella sitä täältä.

Nyt on aika kuitenkin siirtyä eteenpäin ja lisätä vielä viimeinen osa blogisi lähdekoodiin. Tämä osa kertoo sen missä kohtaa blogiasi nämä linkit muihin kirjoituksiin itseasiassa tulee näyttää.

Vaihe 3.

Linkit muihin samankaltaisiin kirjoituksiin kannattaa yleensä sijoittaa heti itse kirjoituksen jälkeen. Se tapahtuu seuraavasti:

Blogisi lähdekoodista tulisi löytyä joko:


<div class='post-footer-line post-footer-line-1'>
 
Tai:

<p class='post-footer-line post-footer-line-1'>

Löydettyäsi jomman kumman koodin blogistasi on aika lisätä juuri sen jälkeen jompi kumpi seuraavista koodinpätkistä. ( Huom! blogistasi voi löytyä kahdesta eri kohdasta sama rivi. Lisää koodi ensimmäisen rivin jälkeen. )

1. koodi - ilman linkkiä

<!-- Asiaankuuluvat kirjoitukset alkaa-->
<!-- poista --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;
max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- poista --></b:if>

<!-- Asiaankuuluvat kirjoitukset loppuu-->

2. koodi -  linkin kera

<!-- Asiaankuuluvat kirjoitukset alkaa-->
<!-- poista --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;
max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- poista --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.blogihaltuun.net' title="Bloggaus vinkit!"><img style="border: 0" alt="Bloggaus vinkit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsm0LMLTwAScjIpAe7LLBWebmGHpPLduqox6UtfGj5xtfcOB0B4tIK4te_Fw17mXVTvAWGmj5ZYIxjXksDabatE2mo3UeT9-fwvt59hey7UZ_l12owWqFmtp5aydccmAwatkKdw7oxOvy8/s1600/BlogiHaltuun_net.png" /></a>
</b:if></b:if>
<!-- Asiaankuuluvat kirjoitukset loppuu-->

Miksi vaihtoehtoja on kaksi? Koska tämä kirjoitus käsittelee myös avoimuutta ja reilun pelin sääntöjä tein kyseisestä koodista kaksi eri versiota. Koodi 1 ei sisällä linkkiä tähän blogiin vaan ainoastaan puhtaan koodin. Koodi 2 lisää linkin BlogiHaltuun.net sivustolle viimeisimmän blogikirjoituksesi yhteyteen. Voit itse valita kumman koodeista tahansa sillä molemmat toimivat. Mieti kuitenkin ensin kumpi koodeista on reilumpi vaihtoehto.