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

kódolás | | 2010/09/01 11:22

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.

Wordpress Facebook megosztás gomb plugin nélkül facebook share wordpress 545x244

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)

Tags: , , , ,

5 hozzászólás

  1. asam9 says:
    2010/09/20 at 15:45

    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 (http://blog.harder.hu) says:
    2010/09/20 at 15:51

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

  3. asam9 says:
    2010/09/20 at 16:00

    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:
    2010/09/20 at 20:38

    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:
    2011/03/29 at 22:30

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