Sydesk Software Oy Sosiaalisen median ohje 1 / 6

SOSIAALINEN MEDIA

Tässä ohjeessa käydään läpi sosiaalisen median verkkopalveluiden lisätoimintojen lisääminen verkkosivuillesi.

FACEBOOK

Facebook mahdollistaa useiden erilaisten ”Social plugins”-toimintojen lisäämisen verkkosivuillesi.

Osoite: http://developers.facebook.com/plugins

TOIMINNOT

Ohjeen kirjoitushetkellä vaihtoehtoja oli Like Button, Recommendations, Login Button, Comments, Activity Feed, Like

Box, Facepile ja Live Stream. Face Pile vaatii Facebookin JavaScript SDK:n, eikä sen käyttöönottoa ole kuvattu tässä

ohjeessa.

Facebookin verkkopalvelut päivittyvät säännöllisesti ja tässä ohjeessa kuvatut toiminnot voivat muuttua tai poistua

ilman ennakkoilmoitusta.

Sydesk Software Oy Sosiaalisen median ohje 2 / 6

LIKE BUTTON

The Like button lets a user share your content with friends on Facebook. When the user clicks the Like button on your

site, a story appears in the user's friends' News Feed with a link back to your website.

Osoite: http://developers.facebook.com/docs/reference/plugins/like

RECOMMENDATIONS

The Recommendations plugin shows personalized recommendations to your users. Since the content is hosted by

Facebook, the plugin can display personalized recommendations whether or not the user has logged into your site. To

generate the recommendations, the plugin considers all the social interactions with URLs from your site. For a logged

in Facebook user, the plugin will give preference to and highlight objects her friends have interacted with.

Osoite: http://developers.facebook.com/docs/reference/plugins/recommendations

LOGIN BUTTON

The Login Button shows profile pictures of the user's friends who have already signed up for your site in addition to a

login button.

Osoite: http://developers.facebook.com/docs/reference/plugins/login

Sydesk Software Oy Sosiaalisen median ohje 3 / 6

COMMENTS

The Comments Box easily enables your users to comment on your site's content — whether it's for a web page, article,

photo, or other piece of content. Then the user can share the comment on Facebook on their Wall and in their friends'

streams.

Osoite: http://developers.facebook.com/docs/reference/plugins/comments

ACTIVITY FEED

The Activity Feed plugin displays the most interesting recent activity taking place on your site. Since the content is

hosted by Facebook, the plugin can display personalized content whether or not the user has logged into your site. The

activity feed displays stories both when users like content on your site and when users share content from your site

back to Facebook. If a user is logged into Facebook, the plugin will be personalized to highlight content from their

friends. If the user is logged out, the activity feed will show recommendations from your site, and give the user the

option to log in to Facebook.

Osoite: http://developers.facebook.com/docs/reference/plugins/activity

Sydesk Software Oy Sosiaalisen median ohje 4 / 6

LIKE BOX

The Like Box is a social plugin that enables Facebook Page owners to attract and gain Likes from their own website.

Osoite: http://developers.facebook.com/docs/reference/plugins/like-box

LIVE STREAM

The Live Stream plugin lets users visiting your site or application share activity and comments in real time. The Live

Stream Box works best when you are running a real-time event, like live streaming video for concerts, speeches, or

webcasts, live Web chats, webinars, massively multiplayer games.

Osoite: http://developers.facebook.com/docs/reference/plugins/live-stream

Sydesk Software Oy Sosiaalisen median ohje 5 / 6

KÄYTTÖÖNOTTO

Tässä esimerkissä käydään läpi Like Boxin lisääminen osaksi sivun sisältöä.

Osoite: http://developers.facebook.com/docs/reference/plugins/like-box

Kukin Facebookin ”Social Plugin”-toiminto tarjoaa helppokäyttöisen ohjauspaneelin, jonka kautta voidaan vaikuttaa

minkä näköisenä toiminto tulee näkymään sivuillasi.

Kun teet muutoksia ohjauspaneelin kenttiin, niin klikkaa hiiren kursori pois kentän sisältä aina lopuksi, jotta oikealla

puolella oleva esikatselu päivittyy automaattisesti.

”Facebook Page ID”:n näkee mm. ryhmän osoitteesta. Esim. ”Lactose Free Milk”-ryhmän osoite on

http://www.facebook.com/pages/Lactose-Free-Milk/185550966885 ja Facebook Page ID löytyy linkin lopusta.

”Width” kertoo laatikon leveyden ja ”Connections” kuinka monta pikkukuvaa laatikkoon haetaan. Laatikon korkeutta

ei voi määritellä kovinkaan tarkasti, vaan siihen voidaan vaikuttaa lähinnä vain ruksaamalla ”Show stream” ja ”Show

header” palkit pois käytöstä.

Kun olet tyytyväinen Like Boxin ulkonäköön, klikkaa ”Get Code”. Tästä aukeaa ikkuna, jossa kerrotaan HTML-koodi,

jolla saat lisättyä ko. toiminnallisuuden sivuillesi. Klikkaa hiiren kursori iframe-kentän sisään ja kopioi HTML-koodi

leikepöydälle talteen (CTRL+C).

Sydesk Software Oy Sosiaalisen median ohje 6 / 6

Mene SiteDeskissä:

1. Sivustot ja ulkoasut

2. HTML-elementit

3. Uusi elementti

Anna elementin nimeksi ”Like Box” ja klikkaa ”Tallenna muutokset”. Tämän jälkeen avautuu tyhjä valkoinen sivu,

johon voit liittää (CTRL+V) Facebookin ”Get Code”-ikkunassa olleen HTML-koodin. Paina ”Tallenna muutokset”.

Olet nyt luonut uuden HTML-elementin nimellä ”Like Box”, jonka sisältönä on Like Boxin HTML-koodi.

Mene SiteDeskissä:

1. Sisällönhallinta

2. Sivut

3. Klikkaa haluttua sivua

4. Muokkaa sivun sisältöä

Nyt voit liittää HTML-elementin osaksi sivun sisältöä kirjoittamalla haluttuun kohtaan sivua {Tag-Like Box}. Tämä

SiteDeskin koodi korvautuu Like Box –nimisellä HTML-elementillä kun sivun sisältö katsotaan oikeasti verkkosivujen tai

”Näytä valmis sivu”-valinnan kautta.

Mikäli sinun tarvitsee tehdä muutoksia Like Boxin kokoon tai muihin asetuksiin, niin voit muokata niitä joko

Facebookin ohjauspaneelista tai menemällä SiteDeskissä:

1. Sivustot ja ulkoasut

2. HTML-elementit

3. Like Box

4. Muokkaa elementin sisältöä