Élő Facebook Comments Box a weboldalra

Szerző
Üzenet
KillBill
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2007.03.26. Hétfő 5:42
Hozzászólások: 2258
Hozzászólás Elküldve: 2014.01.09. 11:11    Hozzászólás témája:
Hozzászólás az előzmény idézésével

Ragadozo írta:

Köszi, a meta-tagokat már ki is javítottam. :)

Maradt még így is jócskán hiba, viszont ezek mind XHTML szintaxis hibák a "régi" HTML miatt, amiket még nem írtam át (többsége már 3 - 5 éve ott van, majd egyszer nekiállok).
A meta-tagoknál is "csak" az volt a baja, hogy nagybetűt használtam.

De szerintem ezeknek nem sok közük van az utf8_bin kódoláshoz, és a facebook-on megjelenő "földöntúli" karaktereknek. :D
Ha minden javítva van akkor úgy is kiderül nem ? :)

Amúgy állítsd vissza Ansiba és akkor úgy is meglesem, hogy mit is generál le a webed, meg mit küld ki FB-re.

És javaslom minden direkt beírt szöveget szedj ki és tedd nyelvi fájlba, mert én úgy látom még mindig van.
A meta-ból is :)

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése MSN Messenger
Ragadozo
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2008.05.08. Csütörtök 18:26
Hozzászólások: 638
Hozzászólás Elküldve: 2014.01.16. 17:20    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Minden témához más - más kép

Volt egy kis időm, és megint nekiálltam "barkácskodni". :)


Ezt a megoldást igazából azoknál javaslom, akik csak moderált témanyitásnál engedélyezik a Facebook Comment Box használatát. És ebben az esetben javasolt az is, hogy ha kér valaki Facebook Comment Box-ot, akkor kérjünk hozzá egy témához illő képet is (*.jpg), amelynek a legkisebb mérete 210 pixel, a legnagyobb meg (ajánlott) 300 pixel. (tehát 210x300 - vagy 300x210 - vagy ezeken belül bármilyen).
Bár a Facebook min. 200x200 pixeles képet kér, de előfordult már, hogy a pont 200 pixel miatt hibát jelzett a Developers Debugger. Ilyenkor általában nem rak be képet.
Ugyan ezt tegyük akkor is, ha mi magunk állítunk be egy témát.

Először is készítsünk egy mappát (mondjuk: facebook néven) a root/images mappába.
Nézzük meg, hogy a kép melyik topik témához lesz, és a kép nevét nevezzük át a TOPIC_ID számára.
( például: weboldalad.tld/viewtopic.php?f=304&t=974 --> 974.jpg )
A képet másoljuk fel a weboldalad.tld/images/facebook/ mappába.

styles/kinézeted/template/overall_header.html

Keresd ezt:

Kód:

<meta property="og:image" content="http://oldalad_neve.tld/images/akarmi.xxx" />

Csere erre

Kód:

<meta property="og:image" content="http://oldalad_neve.tld/images/facebook/{TOPIC_ID}.jpg" />



Amennyiben a Share ON MOD 2.0.0 is telepítve van a fórumba (én most csak a facebook-ot használom belőle), akkor javasolt még egy sor beszúrása:

Keresd ezt:

Kód:

<!-- IF S_ENABLE_FEEDS -->

Beillesztés eléje új sorban:

Kód:

<!-- IF U_FACE_TOPIC --><link rel="image_src" href="http://weboldalad.tld/images/facebook/{TOPIC_ID}.jpg" type="image/jpeg" /><!-- ENDIF -->

Mentés, bezárás, visszatöltés a helyére, felül írva az ott lévőt.

Amennyiben a Share ON MOD 2.0.0 is telepítve van a fórumba

styles/prosilver típusú kinézeted/template/viewtopic_body.html

Keresd ezt:

Kód:

<!-- IF postrow.S_SO_FACEBOOK --><li class="facebook-icon"><a href="{postrow.U_FACEBOOK}" title="{L_SHARE_ON_FACEBOOK}" onclick="window.open(this.href);return false;"><span>{L_SHARE_ON_FACEBOOK}</span></a></li><!-- ENDIF -->

Csere erre

Kód:

<!-- IF postrow.S_SO_FACEBOOK --><li class="facebook_icon"><div class="fb-share-button" data-href="{U_FACE_TOPIC}" data-type="button"></div></li><!-- ENDIF -->


styles/subsilver2 típusú kinézeted/template/viewtopic_body.html

Keresd ezt:

Kód:

<!-- IF postrow.S_SO_FACEBOOK --><a href="{postrow.U_FACEBOOK}" onclick="window.open(this.href);return false;" title="{L_SHARE_ON_FACEBOOK}"><img src="{T_IMAGESET_LANG_PATH}/share_on_buttons/shareon_facebook.png" alt="{L_SHARE_ON_FACEBOOK}" /></a><!-- ENDIF -->

Csere erre

Kód:

<!-- IF postrow.S_SO_FACEBOOK --><div class="fb-share-button" data-href="{U_FACE_TOPIC}" data-type="button"></div><!-- ENDIF -->

Mentés, bezárás, visszatöltés a helyére, felül írva az ott lévőt.


DEMO KÉPEK

Facebook Comment Box hozzászólás megjelenése a Facebook oldaladon:
Kép


Facebook Share On megosztási ikon a fórum topikban:
Kép


Facebook Share On topik téma megosztása a Facebook oldaladon:
Kép

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
Hozzászólások megtekintése:  

Nem készíthetsz új témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.

Hirdetés
Hirdetés