Élő Facebook Comments Box a weboldalra

Szerző
Üzenet
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.03. 22:39    Hozzászólás témája: Élő Facebook Comments Box a weboldalra
Hozzászólás az előzmény idézésével
Jó pár évvel ezelőtt az egyik legnagyobb divat az interneten a fórumozás volt. Egymás után nyíltak meg a különböző fórumok, portálok, és mindenhova szép számmal regisztráltak be emberek, majd többnyire aktívan részt is vettek a fórumok életében. Az utóbbi években elszaporodó közösségi oldalak (facebook, stb) viszont szó szerint elszívták az embereket a fórumokból, blogokból, és egyéb portálokból, így ezeknek az oldalaknak az aktív látogatottsága jelentős mértékben (sok helyen katasztrofálisan) lecsökkent.
Mivel a jelenség ellen a fórumok nem sokat tudnak csinálni, csak egy lehetőség marad, felvenni a divat stílusát, és kapcsolódni valahogy ezekhez a közösségekhez úgy, hogy közben a fórumunk is megmaradjon. A siker nem biztosított, de a lehetőség adott, és ha nem élünk vele, annyival kevesebb esélyünk marad a fennmaradásra!

Tehát egy lehetséges megoldás, ne "facebook" kinézetű fórummal próbálkozzunk, hanem hozzuk be a Facebook-ot az oldalunkra úgy, hogy közben a fórumunk is megmarad eredeti állapotában.
Nagyon sok különböző portál már használja, de phpbb3 fórumon is ugyanúgy lehet ezt a megoldást használni, mint máshol.

Nem találtam használható phpbb MOD-ot erre a témára, kezdeményezések régebben voltak, de mára már javarészt elavultak.

Van sokféle megoldás, van, amelyik "jobb", és/vagy bonyolultabb. Ez az itteni egy egyszerűbb változat, de jól működik, és kezdésnek használható. Az is jó lenne, ha pár hozzáértőbb fórumtárs érdemben újabb, vagy jobbító ötletekkel formálná az itt felvázolt lehetőséget mindenki javára.

Hogy is kezdjünk hozzá:
  • Legelőször is lépjünk be a böngészőben a facebook oldalunkra, és a továbbiakban is ezt a böngészőt használjuk, míg nem vagyunk készen.
    • Kezdjük egy fontos feladattal, kell nekünk egy Applications ID (app_id) szám.
    • Lépjünk be erre az oldalra: https://developers.facebook.com/docs/plugins/comments
    • Klikkeljünk legfelül az Alkalmazások menüpontra.
    • Ha még nincsen app_id, akkor klikk a Create a New App opcióra.
    • Display Name: - ahol a fórumod van (például: http://weboldalad.ltd/ - vagy http://weboldalad.ltd/forum/) a "/" jellel zárjad!
    • Namespace: - adjál meg egy bármilyen egyszerű nevet egy szóban ékezet nélkül (nyuszika, nevenincs, ferike, stb, stb)
    • Kategória: - válasszad ki az Alkalmazások oldalakra opciót.
    • Ezután klikk az Alkalmazás létrehozása gombra.
    • Itt meg kell adni majd egy Captcha kódot, és ha jól adtad meg, elkészül az Alkalmazásazonosító kódod. (ezt másold ki valahova, mert majd kell!).
    • Klikkeljünk megint legfelül az Alkalmazások menüpontra.
    • Klikk az app_id-s névre, amit már elkészítettünk.
    • Bal oldalt Szerepek menüpont, és nézzük meg, hogy Adminisztrátorok vagyunk-e.
    • Ha nem, adjuk hozzá magunkat a facebook user nevünk segítségével (kezdjük el beírni).
    • Mást nem kell csinálni, mert a többi kódot lejjebb leírom, nem kell vele bíbelődni.

    • Lépjünk be erre az oldalra: http://xenforo.com/help/facebook-user-id/
      Görgessük le az aljára.
      Facebook User ID Finder
      Alatta találsz egy beviteli mezőt, ide írd be a jelenlegi facebook user nevedet a facebook.com/ nélkül, például:

      Kód:

      kovacs.gizi.6924

      Klikk a Fetch User ID gombra
      A felugró ablakban megtalálod a Facebook User ID kódodat (ezt másold ki valahova, mert majd kell!).



Az oldalunk szerkesztése:
  • Szükségünk lesz egy változóra, amit el kell készíteni:
    • Az oldalunkról töltsük le és szerkesszük a viewtopic.php fájlt
        Keresd ezt:

        Kód:

        $viewtopic_url = append_sid("{$phpbb_root_path}viewtopic.$phpEx", "f=$forum_id&t=$topic_id" . (($start == 0) ? '' : "&start=$start") . ((strlen($u_sort_param)) ? "&$u_sort_param" : '') . (($highlight_match) ? "&hilit=$highlight" : ''));

        Beillesztés mögé:

        Kód:

        $facetopic_url = generate_board_url() . "/viewtopic.{$phpEx}?f=$forum_id&t=$topic_id";

        Keresd ezt:

        Kód:

           'U_VIEW_TOPIC'          => $viewtopic_url,

        Beillesztés mögé:

        Kód:

           'U_FACE_TOPIC'          => $facetopic_url,
      • Mentés, bezárás, visszatöltés a helyére, felül írva az ott lévőt.

        sytels/kinézetünk/template/overall_header.html
        A fájl legelején keress ezt:

        Kód:

        {META}
        Beillesztés eléje új sorba

        Kód:

        <meta property="fb:app_id" content="ide írd be szóköz nélkül azt az Alkalmazásazonosító kódot"/>
        Beillesztés az előző elé új sorba

        Kód:

        <meta property="fb:admins" content="Ide írd be szóköz nélkül a Facebook User ID számokat"/>
          Ez utóbbival azt értük el, hogy a fórum oldalunkon a Facebook Comment Box-ba a bal felső sarokban a Public Comments felirat mellett meg fog jelenni a Moderator View menüpont is. Ezzel moderálhatjuk az ott megjelenő hozzászólásokat.
          Törölni nem tudjuk, csak a sajátunkat, de az akármi miatt oda nem illő, vagy spam, vagy egyéb "troll" hozzászólásokat el tudjuk rejteni, így mások sem fogják látni.
        Beillesztés az előző elé új sorba

        Kód:

        <meta property="og:site_name" content="weboldalad_domain_neve.tld"/>
        Beillesztés az előző elé új sorba

        Kód:

        <meta property="og:type" content="website" />
        Beillesztés az előző elé új sorba

        Kód:

        <meta property="og:image" content="http://oldalad_neve.tld/images/akarmi.xxx" />
          Az images könyvtárba fel kell tölteni egy képet, amelyik min. 200x200 pixeles, és ennek a pontos elérését kell megadni.
        Beillesztés az előző elé új sorba

        Kód:

        <!-- IF U_FACE_TOPIC -->
        <meta property="og:title" content="{PAGE_TITLE}" />
        <meta property="og:url" content="{U_FACE_TOPIC}" />
        <meta property="og:description" content="{SITE_DESCRIPTION}" />
        <!-- ENDIF -->

        DEMO kép:
          Kép



        Keresd ezt:
        • prosilver stílusban

          Kód:

           <body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

          Beillesztés mögé:

          Kód:

          <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/hu_HU/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
          </script>

          .
        • subsilver2 stílusban

          Kód:

          <body class="{S_CONTENT_DIRECTION}">

          Beillesztés mögé:

          Kód:

          <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/hu_HU/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
          </script>

    • Amennyiben a topic témák nevébe ékezetes magánhangzó is található, előfordulhat, hogy a Facebook oldalon a téma címe nem jelenik meg rendesen, "földönkívüli" karakterek lesznek benne. Ebben az esetben az overall_header.html fájlt át kell konvertálni UTF-8 kódolásra BOM nélkül.
      • Fontos:
        • Amennyiben a szerkesztéseket Notepad++ szerkesztővel készítjük, a felső menüsorában a Kódolás (Encoding) menüpontot kell legörgetni.
        • Nem az UTF-8 kódolás BOM nélkül opciót kell beállítani, hanem lejjebb az Átalakítás UTF-8 kódolásra BOM nélkül (Convert to UTF-8 without BOM) opciót válasszuk, csak klikkeljünk rá, és már meg is van.

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


        style/kinézetünk/template/viewtopic_body.html
        A beillesztés helye szabadon választott, kezdőknek, kevésbé gyakorlottaknak ajánlott:

        Keresd ezt:
        • prosilver stílusban

          Kód:

          <!-- IF S_FORUM_RULES -->
             <div class="rules">
                <div class="inner"><span class="corners-top"><span></span></span>

                <!-- IF U_FORUM_RULES -->
                   <a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
                <!-- ELSE -->
                   <strong>{L_FORUM_RULES}</strong><br />
                   {FORUM_RULES}
                <!-- ENDIF -->

                <span class="corners-bottom"><span></span></span></div>
             </div>
          <!-- ENDIF -->
          Beillesztés mögé:

          Kód:

                <div class="fb-comments" data-href="{U_FACE_TOPIC}" data-width="800" data-numposts="5" data-order-by="reverse_time" data-colorscheme="light"></div>
        • subsilver2 stílusban

          Kód:

          <div id="pageheader">
             <h2><a class="titles" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2>

          <!-- IF MODERATORS -->
             <p class="moderators"><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->: {MODERATORS}</p>
          <!-- ENDIF -->
          <!-- IF U_MCP -->
             <p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
          <!-- ENDIF -->
          </div>
          Beillesztés mögé:

          Kód:

                <div class="fb-comments" data-href="{U_FACE_TOPIC}" data-width="800" data-numposts="5" data-order-by="reverse_time" data-colorscheme="light"></div>
      • Mentés, bezárás, visszatöltés a helyére, felül írva az ott lévőt.
      • Elvileg készen vagyunk a szerkesztéssel.


      .
    • Pár szót a beillesztett kódról:
      • data-width="800" - a facebook comments blokk 800 pixel széles (változtatható, 300px alá lehet, de nem érdemes menni)
      • data-numposts="5" - Egyszerre 5 hozzászólás jelenik meg. Változtatható, minimum 1 kötelező, ajánlott maximum 10.
        Ha ennél több van, akkor alul megjelenik a szokásos szöveg: - További xx bejegyzés megtekintése - klik rá, és megtekinthető.
      • data-order-by="reverse_time" - A hozzászólások időrendi sorrendben jelennek meg, a legfrissebb legfelül.
      • data-colorscheme="light" - a comment box színe - két választás van: "light" or "dark", az az világos, vagy sötét.
      • Akit még egyéb beállítás érdekel (nem sok van): https://developers.facebook.com/docs/plugins/comments


      .
    • Kezdőknek, kevésbé gyakorlottaknak egy tipp a beillesztésre a sima kód helyett:

      Kód:

         <br />
            <center>
               <table style="width: 820px; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color: #898989; border-style:solid;" cellpadding="10"><tr><td align="center" valign="middle" width="100%">
                  <font face="Arial Black" size="3"><b>FACEBOOK COMMENTS</b></font>
               </td></tr>
               <tr><td align="center" valign="middle" width="100%">   
            <div class="fb-comments" data-href="{U_FACE_TOPIC}" data-width="800" data-numposts="5" data-order-by="reverse_time" data-colorscheme="light"></div>
               </td></tr></table>   
            </center>
         <br />
      Természetesen a HTML értékek, méretek, színek szabadon változtathatók, a lényeg a <div ....... /div> között van.

      .
    • Azoknak, akik használják az Első hozzászólás kiemelése megoldást, jól jöhet az abban lévő kód:
      Keresd ezt:

      Kód:

          <!-- IF postrow.S_ENABLE_DETACHMENT --><br /> IDE BE LEHET TENNI SZÖVEGET, KÉPET, REKLÁMOT, VAGY MÉG TÖBB (<br />) SOREMELÉST <br /><!-- ENDIF -->
      Csere erre:

      Kód:

          <!-- IF postrow.S_ENABLE_DETACHMENT --><br /> <div class="fb-comments" data-href="{U_FACE_TOPIC}" data-width="800" data-numposts="5" data-order-by="reverse_time" data-colorscheme="light"></div> <br /><!-- ENDIF -->

      Így nem csak az első hozzászólás lesz jól láthatóan kiemelve, de a hely is ki van használva.
      Viszont ebben az esetben csak akkor jelenik meg a facebook comment box, ha az első hozzászólás ki van emelve!
      Ezzel viszont azt is elérhetjük, hogy nem mindegyik téma használható facebook oldalként (is), hanem csak az, amelyiket mi azzá tesszük a kiemeléssel.
  • A Facebook Comments Box lényege, hogy ezzel a megoldással közvetlen kapcsolatban vagyunk a facebook oldallal.
  • Megjelenik akkor is, ha nem vagy belépve a Facebook oldalra, akkor is, ha az oldaladra sem vagy belépve, de vendégként látható a téma. Látható, olvasható, de a Comments Box-ban hozzászólni csak facebook bejelentkezés után lehet.
  • Viszont ha bárki ír hozzászólást, nem csak a fórum oldalon jelenik meg, hanem a facebookon is, és a facebook ismerősök is láthatják.
  • A fórum oldalon viszont azok láthatják, és hozzá szólhatnak, akik arra járnak. Ha hozzászól, nála is megjelenik a facebook oldalon, és így már az ő ismerősei is láthatják.
  • Ugyanakkor, ha valaki hozzászól a fórumon egy már meglévő facebook hozzászóláshoz, a hozzászólás többi résztvevőinél is megjelenik a facebook oldalon a megszokott jelzés, hogy új hozzászólás érkezett, mintha a facebook-on szólt volna hozzá.
  • És ha valaki a facebook-on szól hozzá, a fórumban is megjelenik a Comments Boxban a hozzászólása!.
  • Ha a fórumban az adott topikot vendégek is láthatják, olvashatják, akkor ezt a Comments Box-ot is tudják használni.
  • Ugyanakkor a topikot, a fórum hozzászólásokat ugyanúgy lehet használni, mint előtte, nem befolyásol semmit.



A hozzászólás legutóbb Ragadozo által 2014.02.03. 01:11-kor lett szerkesztve, összesen 17 alkalommal.

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
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.05. 12:19    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Többen kérdezték már:
  • Miért kell a "U_FACE_TOPIC", amikor ott van az "U_VIEW_TOPIC".
    • A phpbb3 fórum a fórumban lévő, és a fórumon belülre mutató linkeket lerövidíti, leegyszerűsíti.
      Így az adott link "kifelé" valójában így jelenik meg (például):

      Kód:

      ./viewtopic.php?f=248&t=10995
      Ezt viszont a facebook nem tudja feldolgozni, mert neki teljes egyezés szükséges az azonosításhoz, ezért kellett a link megjelenésén így változtatni.

  • A phpbb3 Share On MOD:
    • Ezzel a Share On MOD-dal egy, az oldaladon lévő fórum, vagy topic témát osztasz meg a Facebook-on (és más közösségi portálon), ezért csak ott lehet hozzászólni, és/vagy lájkolni.
    • Az Élő Facebook Comments Box a weboldalra témában leírtak alapján pedig az oldalad egy hivatkozásához szólsz hozzá (vagy lájkolod) az oldaladon lévő Facebook Comments Box-on keresztül, aminek a folyamata megjelenik a Facebook-on is, és összesítve az oldaladon, az adott témában a Facebook Comments Box-ban.
    • Remélem érthetően írtam, de a lényeg, hogy a kettőnek nincsen semmi köze egymáshoz!
      Viszont, ha mindkettő felkerül az oldaladra, a styles/kinézeted/template/overall_header.html fájlban a facebook-os scriptet nem kell kétszer berakni!



A hozzászólás legutóbb Ragadozo által 2014.01.07. 12:12-kor lett szerkesztve, összesen 2 alkalommal.

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
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.05. 17:51    Hozzászólás témája:
Hozzászólás az előzmény idézésével

Ragadozo írta:

Update:

Többen kérdezték már:
  • Miért kell a "http://weboldalad.tld/U_FACE_TOPIC", amikor ott van az "U_VIEW_TOPIC".
A te általad használt url legenerálással nem értek egyet több szempontból is.

1., Miért küldeném el a session kulcsomat a FB-nak?
2., Az adott témát érinti és nem egy hozzászólást, ha jól veszem ki, így felesleges a $start és a rendezés továbbá a kiemelés szállítása is - persze ha nem jól látom akkor cáfolj rám :lol:

én ezt a linket használnám

Kód:

$facetopic_url = generate_board_url() . "/viewtopic.{$phpEx}?f=$forum_id&amp;t=$topic_id";


de lehet ez jobb nem néztem mi a megfelelő a FB-nak.

Kód:

$facetopic_url = urlencode(generate_board_url() . "/viewtopic.{$phpEx}?f=$forum_id&amp;t=$topic_id");


és akkor ez így módosul:

Kód:

<div class="fb-comments" data-href="{U_FACE_TOPIC}" data-width="800" data-numposts="5" data-order-by="reverse_time" data-colorscheme="light"></div>

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.05. 20:14    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Jogos a felvetés! :)

Valóban felesleges a $start, és a rendezés, valamint a kiemelés, ezt egyszerűen csak benne felejtettem. :)
A "generate_board_url()" megoldást nem is próbáltam, mivel az általam írt változatban egyből működött, és nem tűnt nagy feladatnak beírni a fórum elérhetőségét.
De holnap kipróbálom otthon (most dolgozom), hogy mit szól hozzá a facebook, bár szerintem jó lesz, amit írtál.

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
Breki
Gyakorló phpBB-s
Gyakorló phpBB-s
Avatar

Csatlakozott: 2011.08.20. Szombat 17:48
Hozzászólások: 73
Hozzászólás Elküldve: 2014.01.05. 21:30    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Felraktam kíváncsiságból én is ez egyik fórumra.
KillBill verziójából az elsővel működik, a másodiknál nem jelent meg a komment ablak.
Ez működött:

Kód:

$facetopic_url = generate_board_url() . "/viewtopic.{$phpEx}?f=$forum_id&amp;t=$topic_id";

Viszont valamit észrevettem.....
Olyan helyen láttam vendéget leskelődni, ahova nincsenek beengedve, a "Ki van itt" ablakban is írta a topic-ot.
Nem vagyok benne biztos, hogy be is látnak, és olvasni is tudnak, hiába próbáltam bejelentkezés nélkül benézni, nekem nem sikerült.
Létezhet ez?

A jogosultságoknál "csak ismerősökre" állítottam.

Felhasználó profiljának megtekintése Privát üzenet küldése
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.05. 22:17    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Létezik, ugyanis a linkre klikkel, és a "Ki van itt" ezt jegyzi meg.
Viszont neki nem a téma jelenik meg, hanem az üzenet, hogy azt a témát nem tudja megnézni.
Legalább is így kellene működnie, és így is működik, ha te sem tudtál bele nézni a témába.

Én viszont most nyüstölöm a Facebook Developers oldalt, mert érdekes gondjaim vannak.
  • Egyik ismerősöm írt egy hozzászólást, és nem jelenik meg.
      Viszont a Comment Moderation Tool oldalon ott van, csak nem tudom visszahozni a megjelenítő oldalra. :(


  • Ugyanakkor egy másik ismerősöm is írt egy hozzászólást, amelyik rendesen megjelent, csak tesztelés céljából elrejtettem.
      És most már sehogy sem tudom visszahozni. :(

Valahol valamit a beállításoknál elnyomhattam, csak nem tudok még rájönni, hogy mi lehetett az .... :D

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
Breki
Gyakorló phpBB-s
Gyakorló phpBB-s
Avatar

Csatlakozott: 2011.08.20. Szombat 17:48
Hozzászólások: 73
Hozzászólás Elküldve: 2014.01.05. 23:06    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Akkor ebben a témában megnyugodtam :)

Nálam meg olyan fordul elő, hogy fészen minden rendben, minden látszik, de duplázza az értesítéseket, ugyanakkor meg a fórumon nem jelenik meg minden üzenet, más meg duplán íródik ki, és nem engedi moderálni a duplát.....

Felhasználó profiljának megtekintése Privát üzenet küldése
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.06. 01:21    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Breki a jelenség ami észlelsz a ki van itt sajna így műxik.

Az FB-hez itt egy ellenőrző link is, ami még hasznos lehet.

Hibakereső

Amúgy a leírásod szép, már csak az időért is amit rááldoztál :wink:

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.06. 21:24    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Akkor még kozmetikázzunk egy kicsit:


Update
Minden szükséges meta tag az első hozzászólásban megtalálható.

KillBill nagyon jó ötlete leegyszerűsíti egyes meta tagok használatát, de például az og:description nem igényli az egyezést, így a {SITE_DESCRIPTION} helyett megadhatunk más jellemzőket (szavakat), amivel a facebook oldalon így megjelenünk.



A hozzászólás legutóbb Ragadozo által 2014.01.07. 13:29-kor lett szerkesztve, összesen 3 alkalommal.

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
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.06. 22:56    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Csak annyit teszek hozzá, hogy a két linknek egyeznie kell tehát így módosul a meta

Kód:


<!-- IF U_FACE_TOPIC -->
<meta property="og:title" content="{PAGE_TITLE}" />
<meta property="og:url" content="{U_FACE_TOPIC}" />
<meta property="og:description" content="{SITE_DESCRIPTION}" />
<!-- ENDIF -->

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.08. 16:46    Hozzászólás témája:
Hozzászólás az előzmény idézésével
KillBill köszönöm a hasznos, és nagyon jó ötleteket, tanácsokat! :)

Az oldalamon az ötleteid alapján, és amiket még találtam, átírtam az egészet, és a Facebook Open Graph Debugger már nem jelez semmi hibát, vagy hiányzó dolgot.

Ékezetes betűk a témák neveiben:
Minden jónak tűnt nálam, viszont egy hibám előjött, ha a téma nevében van ékezetes betű, akkor az nem jelent meg jól, helyette a szokásos "földöntúli" karakterek jelentek meg!
Hiába néztem utána, sok helyen volt utalás erre a problémára, mindenhol az UTF-8 kódolásra hivatkozva, de konkrét megoldást sehol sem írtak.
Kellett hozzá idő, de beugrott, hogy a "topic_title" változót a viewtopic.php adja, amit aztán az overall_header.html fájl ad tovább a facebooknak az "og:title" meta adatban.
Ezért ezt az overall_header.html fájlt átkonvertáltam UTF-8 kódolásra BOM nélkül, és azóta tökéletesen jelennek meg az ékezetes betűk a facebook-on is. :)

Fontos:
  • A Notepad++ felső menüsorában a Kódolás (Encoding) menüpontot kell legörgetni.
  • Nem az UTF-8 kódolás BOM nélkül opciót kell beállítani, hanem lejjebb az Átalakítás UTF-8 kódolásra BOM nélkül (Convert to UTF-8 without BOM) opciót válasszuk.
    Csak klikkeljünk rá, és már kész is, mentsük el, és töltsük vissza az oldalunkra a helyére, felül írva az ott lévőt.





Update:
2014. 01. 07.

Átszerkesztem az első hozzászólást, és felhasználva az új, és hasznos ötleteket, újra írom azokat a részeket.
Az eredetihez képest változó részeket ezzel: *** jelölöm meg, így aki az elejétől kezdve részt vett, láthatja, hogy közbe mi változott, és ez alapján módosíthatja.
Ez nem érinti azokat, akik most kezdenek hozzá kipróbálni ezt a lehetőséget.

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
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.08. 23:20    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Azzal, hogy átkódoltad és jó lett még nem azt jelenti, hogy jót is csináltál!

Már többször leírtam, hogy az összes fájl eredetileg ANSI kódolású és csak is a nyelvi fájlok vannak UTF-8 BOOM nélküli kódolásban.

Nem hiába sokak panaszkodnak, hogy idővel szétesik a fórum, ez általában a cache automatikus ideje lejártával szokott bekövetkezni mikor elkezd az új tartalomból dolgozni!

Az átkódolás amit te is csináltál akkor szokták legtöbben elkövetni, ha csúnya módon a html-be írnak közvetlen ékezetes szavakat, ezért átkódolják csak, hogy tökéletesen jelenjen meg az érintet szó vagy mondat.
Ahelyett, hogy bővítené a nyelvi fájlt és onnan hívná meg.

Én a helyedben tovább keresném a hibát először is a fájlok helyes kódolásával kezdeném aztán megnézném az adatbázist is.

Szerk: Az adatbázis legyen alapból UTF-BIN -en és a táblákat illetve az oszlopokat is ellenőrizd kérd ki a szerkezetet.

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.09. 03:36    Hozzászólás témája:
Hozzászólás az előzmény idézésével
KillBill az adatbázisom, és minden táblája utf8_bin.
A nyelvi fájlokat szükség szerint bővítem, de inkább előszeretettel szoktam használni az általad készített saját nyelvi fájl (jv_mods.php) megoldást.
A megjelenési fájlokba csak akkor írok bele ritkán szöveget, ha az csak egy-két szó, és nincsen benne ékezetes betű! :)
Ha a nyelvi fájlok kódolásában lenne hiba, akkor meg már a fórumban is előjönnének problémák.
Ettől persze még lehetséges, hogy valamit nem vettem észre, vagy véletlen figyelmen kívül hagytam, de egyenlőre lövésem sincs, mi az, ami felett esetleg átsiklottam.

Felhasználó profiljának megtekintése Privát üzenet küldése Email küldése Felhasználó weblapjának megtekintése
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. 07:58    Hozzászólás témája:
Hozzászólás az előzmény idézésével

Ragadozo írta:

KillBill az adatbázisom, és minden táblája utf8_bin.
A nyelvi fájlokat szükség szerint bővítem, de inkább előszeretettel szoktam használni az általad készített saját nyelvi fájl (jv_mods.php) megoldást.
A megjelenési fájlokba csak akkor írok bele ritkán szöveget, ha az csak egy-két szó, és nincsen benne ékezetes betű! :)
Ha a nyelvi fájlok kódolásában lenne hiba, akkor meg már a fórumban is előjönnének problémák.
Ettől persze még lehetséges, hogy valamit nem vettem észre, vagy véletlen figyelmen kívül hagytam, de egyenlőre lövésem sincs, mi az, ami felett esetleg átsiklottam.
Az overall_header.html-be javítsd legalább a meta tagokat, a hibákat ezen a weboldalon láthatod is

Kód:

http://validator.w3.org/

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.09. 10:44    Hozzászólás témája:
Hozzászólás az előzmény idézésével
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

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