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 1 / 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 2 / 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 3 / 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 4 / 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 5 / 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öä Sydesk Software Oy Sosiaalisen median ohje 6 / 6