Facebook-painikkeen lisääminen (Share Button)

Tarvittavat ohjelmistot

Tässä työssä tarvitaan

verkkoselain (esim. Chrome)

Toteutusohjeet

Kirjaudu verkkokaupan hallintaliittymään (demo).
Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
Klikkaa Lisää uusi -painiketta.
Valitse tyypiksi "Javascript/HTML5".
Syötä nimeksi Facebook SDK tai mitä tahansa.
Valitse Sijainti-kohdasta "Verkkokaupassa <body> jälkeen".

Lisää Koodi-kohtaan Facebook-koodin ↗ JavaScript SDK -osuus, esimerkki:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/fi_FI/sdk.js#xfbml=1&version=v2.8";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Klikkaa Tallenna-painiketta.
- Mutta vain, jos samaa JavaScript SDK -osuutta ei ole aiemmin lisätty mihinkään koodikorttiin.
Klikkaa Lisää uusi -painiketta.
Valitse tyypiksi "HTML5".
Syötä nimeksi Facebook-painike tai mitä tahansa.
Valitse Sivu-kohdasta haluamasi sivu tai "ei merkitystä".
Valitse Sijainti-kohdasta haluamasi sijainti.

Lisää Koodi-kohtaan Facebook-koodin ↗ painikeosuus, esimerkki:

<div class="fb-share-button" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u&amp;src=sdkpreparse">Jaa</a></div>

Klikkaa Tallenna-painiketta.

Vastuunrajoitus

Näillä ohjeilla ja koodiesimerkeillä ei ole minkäänlaista toimivuustakuuta. Emme vastaa välittömistä, välillisistä, satunnaisista tai epäsuorista vahingoista, menetyksistä, korvauksista, tai kolmannen osapuolen esittämistä vaatimuksista, jotka johtuvat näiden ohjeiden tai koodiesimerkkien noudattamisesta.

Facebook-painikkeen lisääminen (Share Button)

Tarvittavat ohjelmistot

Toteutusohjeet

Vastuunrajoitus

Näin rakennat yrityksellesi verkkokaupan

1. Tilaa webhotelli

2. Asenna ohjelmisto

3. Perusta verkkokauppa

4. Tilaa lisenssi