WordPress – Facebook megosztás gomb plugin nélkül


A SEO Fórumon került szóba egy probléma a gyik.com linkgyűjtemény építése kapcsán és az egyik fórumtag – dolcsi – mondott egy jó ötletet és megoldást a problémámra.

A probléma az volt, hogy feltettem egy Facebook Share plugint a cikkekhez, ami alapvetően jól is működött amikor 1-1 cikk jelent meg a lapon, viszont a kategória oldalon a cikkajánló részek után betett egy “share” szót, amire márpediglen nekem nem igazán volt szükségem.

Facebook Share plugin probléma a WordPress alatt

Ehhez kapcsolódóan ajánlotta dolcsi, hogy plugin nélkül is meg lehet ezt oldani, az alábbi módon.

1.) Másold be a kódrészletet a után:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId  : 'YOUR APP ID',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
    });
  };
 
  (function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/hu_HU/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

2.) Kérj egy APP ID-t az alábbi linken. http://developers.facebook.com/setup/

3.) Ha megvan az APP ID, akkor másold be a fenti kódba (lásd: appId : ‘YOUR APP ID’,)

4.) A megosztó gombot az alábbi kódrészlettel tudod beszúrni a lapba:

1
<fb:share-button href="URL" type="button_count"></fb:share-button>

5.) .. és fontos, hogy ez a kódrészlet is kerüljön be a forráskódba:

1
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

Nála meg lehet tekinteni működés közben itt: Linkszerző linkkatalógus

Kapcsolódó bejegyzések:

A cikket beküldte: Harder (http://blog.harder.hu)

5 hozzászólás

  1. asam9 says:

    lelkesen próbálok APP ID-t geneárálni, de a captcha nem szeret: “A biztonsági ellenőrzés sikertelen
    Nem egyezik.”
    padig biztos, hogy azt írom, ami a képen van, mert már rengeteg szöveggel próbáltam, ilyenkor mit lehet tenni?

  2. Harder says:

    A kis-/nagybetűket követed a képen? Sokszor az sem mindegy.

  3. asam9 says:

    igen, nézem azt is és vagy a femti üzi van vagy a változatosság kedvéért: “Sorry, an error has occurred.

    We’re working on getting this fixed as soon as we can.”

  4. asam9 says:

    siker :) error-t jelzett ugyan, de mégis elkészültek az azonosítók, itt találtam rájuk: http://www.facebook.com/developers/apps.php

  5. volok says:

    Üdv!

    Az első pontban azt írod, hogy: “Másold be a kódrészletet a után:”. A kérdésem az lenne, hogy mi után kell bemásolni a kódrészletet? WP sablon esetén abba a php fájlba, ahol a kommentekhez kapcsolódó kód van?

Szólj hozzá
a WordPress – Facebook megosztás gomb plugin nélkül c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>