Facebook-painikkeen lisääminen (Like Button)

Tekniset tiedotKoodausohjeet › Facebook-painikkeen lisääminen (Like Button)

Tarvittavat ohjelmistot

Tässä työssä tarvitaan

  • selain (esim. Firefox)

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 (ei näy verkkokaupassa).
  • 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 (ei näy verkkokaupassa).
  • Valitse Sivu-kohdasta haluamasi sivu tai "ei merkitystä".
  • Valitse Sijainti-kohdasta haluamasi sijainti.
  • Lisää Koodi-kohtaan Facebook-koodin ↗ painikeosuus, esimerkki:
    <div class="fb-like" data-href="https://www.facebook.com/132abcdummy" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></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.

Scroll to Top