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
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

Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

5 HOZZÁSZÓLÁS

  1. 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. 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.”

  3. Ü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?

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét