Nettisivujen tekniikka

Jakopainikkeet: kannattavatko ne ja miten ne lisätään oikein?

Jakopainikkeet ovat pieniä painikkeita, joilla kävijä voi jakaa sivusi sisällön someen yhdellä klikkauksella. Ne kuuluvat verkkosivujen vakiovarusteisiin, mutta rehellinen totuus on epämukava: niitä klikataan harvoin. Silti ne voivat olla lisäämisen arvoisia, kunhan toteutus ei hidasta sivustoa eikä vuoda kävijätietoja kolmansille osapuolille.

Tällä sivulla opit, milloin jakopainikkeet kannattaa lisätä, miten rakennat ne itse muutamalla rivillä HTML:ää ilman yhtään lisäosaa ja miten tarjoat mobiilikäyttäjille parhaan jakotavan selaimen omalla jakotoiminnolla.

Klikkaako jakopainikkeita kukaan?

Harva. Ison mittakaavan julkista dataa aiheesta on vähän, mutta se mitä on, kertoo selvää kieltä: kun Britannian valtionhallinnon GOV.UK-sivusto lisäsi jakopainikkeet ja mittasi niiden käyttöä kymmenen viikon ajan vuosina 2013–2014, painikkeita klikattiin noin 14 000 kertaa 6,8 miljoonalla sivunäytöllä. Se on noin 0,2 % kävijöistä. Useimmat ihmiset jakavat linkin kopioimalla osoitteen selaimen osoiteriviltä tai puhelimen jakovalikosta, eivät sivun painikkeista.

Johtopäätös ei silti ole, että jakopainikkeet olisivat turhia. Johtopäätös on, että ne ovat pieni mukavuustekijä, eivät kasvukone. Niihin ei kannata käyttää rahaa eikä sivuston nopeutta. Paljon suurempi vaikutus jakamiseen on sillä, miltä linkkisi näyttää jaettuna: otsikko, kuvaus ja kuva tulevat sivusi OG-metatageista, ja huonosti aukeava linkki jää jakamatta ja klikkaamatta.

Milloin ja mihin jakopainikkeet kannattaa lisätä

Jakopainikkeet sopivat sisältöön, jota joku oikeasti haluaisi näyttää muille: blogikirjoituksiin, oppaisiin, tutkimuksiin ja työkaluihin. Etusivulle, yhteystietosivulle tai ostoskoriin ne eivät kuulu.

Muutama nyrkkisääntö:

  • Sijoita painikkeet sisällön loppuun. Kävijä jakaa vasta luettuaan. Ruudun reunassa kelluva painikepalkki lähinnä peittää tekstiä mobiilissa.
  • Valitse 2–4 kanavaa yleisösi mukaan. B2B-sisällölle LinkedIn on yleensä tärkein, kuluttajapuolella Facebook ja WhatsApp. Kymmenen kuvakkeen rivi ei paranna tulosta, se vain hajottaa huomion.
  • Älä unohda WhatsAppia. Moni jakaa artikkelin mieluummin yhdelle ihmiselle viestillä kuin koko verkostolleen julkisesti. Tätä yksityistä jakamista painikkeet eivät edes näe, elleivät ne sisällä WhatsApp-vaihtoehtoa.

Lisäosien sudenkuoppa: hitaus, evästeet ja kadonneet palvelut

Perinteiset jakopainikepalvelut ja monet WordPress-lisäosat lataavat sivullesi ulkopuolista JavaScriptiä, joka hidastaa sivua ja usein myös seuraa kävijöitäsi evästeillä. Seuranta tarkoittaa EU:ssa käytännössä sitä, että tarvitset painikkeille suostumuksen evästebannerissa. Kova hinta napista, jota klikkaa promille kävijöistä.

Palveluihin ei voi myöskään nojata ikuisesti. Aikanaan suosituin jakopainikepalvelu AddThis lakkautettiin: Oracle sulki palvelun toukokuun lopussa 2023, ja painikkeet katosivat miljoonilta sivustoilta kertaheitolla. Jos vanhalla sivustollasi on yhä AddThis-koodia, poista se, se ei tee enää mitään.

Jos haluat silti käyttää valmista lisäosaa, valitse se näillä kriteereillä:

  1. Ei lataa mitään ulkopuolisilta palvelimilta, painikkeet toimivat pelkillä linkeillä.
  2. Ei aseta evästeitä eikä seuraa kävijöitä, jolloin suostumusta ei tarvita.
  3. Ei jakolaskureita, ne vaativat ulkoisia kyselyitä ja hidastavat sivua.
  4. Kuvakkeet ovat kevyitä SVG-tiedostoja, eivät kuvia tai kokonaisia ikonikirjastoja.

Raskas jakopainikelisäosa on yksi klassisimmista syistä hitaaseen sivustoon. Jos sivusi latautuu verkkaisesti, käy läpi sivuston nopeuttamisen opas ja karsi turhat lisäosat.

Tee jakolinkit itse: valmiit osoitemuodot

Jakopainike on pohjimmiltaan pelkkä linkki. Jokainen palvelu tarjoaa osoitteen, joka avaa jakoikkunan valmiiksi täytettynä. Nämä ovat ajantasaiset osoitemuodot (heinäkuu 2026):

Facebook:  https://www.facebook.com/sharer/sharer.php?u=SIVUN-OSOITE
X:         https://x.com/intent/post?url=SIVUN-OSOITE&text=SAATETEKSTI
LinkedIn:  https://www.linkedin.com/sharing/share-offsite/?url=SIVUN-OSOITE
WhatsApp:  https://wa.me/?text=SAATETEKSTI%20SIVUN-OSOITE

Huomioita:

  • SIVUN-OSOITE pitää URL-koodata, eli erikoismerkit kuten : ja / muutetaan %-muotoon (https%3A%2F%2F...). JavaScriptissä tämän tekee encodeURIComponent(), ja moni julkaisujärjestelmä hoitaa sen puolestasi.
  • X:n vanha osoite twitter.com/intent/tweet ohjautuu yhä uuteen x.com/intent/post-osoitteeseen, mutta käytä uutta muotoa uusissa toteutuksissa.
  • LinkedIn ja Facebook hakevat otsikon ja kuvan sivusi OG-metatageista, joten pidä ne kunnossa.
  • WhatsApp-linkissä ei tarvita puhelinnumeroa: pelkkä ?text=-parametri avaa yhteystietovalikon, josta jakaja valitsee vastaanottajan.

Valmis painike on tavallinen HTML-linkki:

<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fesimerkki.fi%2Fartikkeli%2F"
   target="_blank" rel="noopener">Jaa Facebookissa</a>

Tämä ei lataa mitään, ei aseta evästeitä eikä hidasta sivua millisekuntiakaan ennen kuin joku oikeasti klikkaa.

Web Share API: mobiilissa paras vaihtoehto

Moderneissa mobiiliselaimissa on sisäänrakennettu jakotoiminto, Web Share API, jota sivusi voi kutsua yhdellä painikkeella. Se avaa puhelimen oman jakovalikon, jossa näkyvät kaikki käyttäjän omat sovellukset: WhatsApp, Signal, Telegram, sähköposti, tekstiviestit. Sinun ei tarvitse arvata, mitä palveluita kävijäsi käyttää.

<button id="jaa-nappi" hidden>Jaa tämä sivu</button>
<script>
  const nappi = document.getElementById('jaa-nappi');
  if (navigator.share) {
    nappi.hidden = false;
    nappi.addEventListener('click', () => {
      navigator.share({ title: document.title, url: location.href });
    });
  }
</script>

Koodi näyttää painikkeen vain, jos selain tukee jakamista, joten se ei riko mitään muissa selaimissa. Käytännössä kaikki yleiset mobiiliselaimet tukevat Web Share APIa; työpöytäselaimissa tuki vaihtelee, joten pidä tavalliset jakolinkit rinnalla tai näytä ne silloin, kun navigator.share puuttuu. Toiminto vaatii HTTPS-yhteyden, joka sivustollasi pitäisi joka tapauksessa jo olla.

Yleiset virheet

  • Painikkeet joka sivulla. Yhteystietosivun jakaminen ei kiinnosta ketään. Lisää painikkeet vain jaettavaan sisältöön.
  • Kelluva painikepalkki. Sisällön päällä leijuva palkki ärsyttää erityisesti mobiilissa ja peittää tekstiä. Sisällön loppu riittää.
  • Jakolaskurit. Numerot haetaan ulkoisista palveluista, mikä hidastaa sivua. Lisäksi ”0 jakoa” artikkelin vieressä toimii sinua vastaan.
  • Raskas lisäosa kevyen linkin sijaan. Jos lisäosa lataa ulkopuolisia skriptejä, se maksaa nopeudessa ja evästesuostumuksissa enemmän kuin painikkeista koskaan saat takaisin.
  • OG-metatagit hoitamatta. Jos jaettu linkki näyttää huonolta, kukaan ei klikkaa sitä, jakoi sen sitten painike tai ihminen itse.

Linkit