<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=917189318365224&amp;ev=PageView&amp;noscript=1">

Kuinka saat Twitter-aikajanan sivustollesi?


Opi miten upotat Twitter-aikajanan sivustollesi.


Annika Ryan
27.1.2016 12:48

Twitterin avulla verkkosivuille on mahdollista upottaa itsestään päivittyvää interaktiivista sisältöä. Vain muutamalla rivillä HTML:ää saat tilisi twiitit ja tykkäykset verkkosivuillesi vierailijoiden kommentoitavaksi ja jaettavaksi. Lisäämällä fiidin sivuillesi, maksimoit myös käyttäjien mahdollisuuden seurata tiliäsi. Fiidin avulla saat kaiken kuvista, videoista ja linkeistä lähtien nähtäville verkkosivu vierailijoillesi. Sinun on mahdollista luoda seuraavanlaisia fiidejä upotettavaksi sivustollesi:

  • Käyttäjän aikajana: Näyttää julkiset twiitit valitulta tililtä.
  • Tykkäykset: Näyttää kaikki twiitit jotka käyttäjä on valinnut suosikeikseen.
  • Lista: Näyttää twiitit julkisista listoista (public lists), jotka omistat, tai joita seuraat.
  • Haku: Näyttää kustomoidun haun tulokset reaaliajassa (sopii esim. tapahtumille, brändeille jne.)
  • Kokoelma: Näyttää kokoelman valituista.

 

Twitterin aikajana on luotu erityisesti verkkoa varten, eli se skaalautuu näyttökokojen mukaan, latautuu nopeasti ja päivittyy reaaliajassa. Fiidin ulkoasua voi kustomoida helposti muutamien ominaisuukisen osalta luonti vaiheessa. Jos hallitset hieman koodia, pääset muokkailemaan ulkoasua perusvalintoja enemmän. Tällöin fiidistä voidaan mm. poistaa ylimääräisiä elementtejä ja vaihtaa värejä. Kustomointiin löytyy loistavat ohjeet Twitteriltä.

 

twitter-example.png
 Esimerkki kustomoiduista aikajanoista

 

Ohjeet fiidin luomiseen ja lisäämiseen sivuillesi:

  1. Kirjaudu sisään Twitteriin
  2. Mene Asetuksiin ja sieltä Pienoisohjelmat
  3. Klikkaa Luo uusi
  4. Valitse haluamasi aikajanan tyyppi ja aloita muokkaus:
    • Käyttäjän aikajanaa varten, lisää haluamasi käyttäjän käyttäjätunnus
    • Tykkäyksiä varten, lisää haluamasi käyttäjän käyttäjätunnus
    • Listaa varten, valitse jokin hallinnoimistasi julkisista listoista, tai lista jota seuraat
    • Hakua varten, syötä haluamasi haku
    • Muista valita Turvallinen haku luodessasi Haku fiidiä, jos haluat sulkea pois sopimattoman sisällön
  5. Räätälöi ulkoasu verkkosivuillesi sopivaksi, määrittämällä korkeus, teema ja linkkien väri. Voit myös valita haluatko, että twiittien sisältämät kuva ja videot suurennetaan automaattisesti
  6. Klikkaa Luo pienoisohjelma ja kopioi luotu HTML koodi sivustollesi.
  7. Valmista!

Jos sivustosi on julkaistu Worpress-alustalla, voit liittää aikajanan sivustollesi Wordpress pluginin avulla. Fiidin räätälöinti tapahtuu samoja ominaisuuksia muokkamalla, kuin yllä olevassa ohjeessa. Pluginin voi ladata täältä.

 

Lataa verkkosivu-uudistajan opas! 

twitter-feed-blogi.jpeg

Graafinen suunnittelija ja web designer, jonka erikoisuutena on katseenvangitsevat grafiikat. Annikalla on designin lisäksi silmää muodille ja hyville elokuville.

Lisää luettavaa: twitter  verkkosivut