Cum să adăugaţi caseta de comentarii Facebook în Blogger

Caseta de comentarii Facebook este una dintre cel mai utile unelte pentru bloggeri în a creşte numărul de conversaţii, deci de vizitatori. Recent Facebook a lansat multe plugin-uri sociale pentru bloggeri si dezvoltatori web, una dintre ele fiind si acesta casetă de comentarii care-ţi voi arăta in cele ce urmează cum poţi s-o integrezi pe blogul tău Blogger.
Înainte de a începe îţi recomand să faci o copie de rezerva a şablonului în caz de ceva nu merge cum trebuie.

  • Acum am obţinut App ID, care este o unealtă secretă şi ne va ajuta mai târziu :D
  • Mergi la Design -> Editaţi HTML şi bifează Extindeţi şabloanele control. Caută (Ctrl+F) linia <data:post.body/> sau <div class='post-footer'> iar imediat după una dintre aceste două linii (vezi unde se potriveşte mai bine) lipeşte următorul cod:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div id='fb-root'/>
      <script>
      window.fbAsyncInit = function() {
      FB.init({appId: &#39;APPID&#39;, status: true, cookie: true,
      xfbml: true});
      };
      (function() {
      var e = document.createElement(&#39;script&#39;); e.async = true;
      e.src = document.location.protocol  +
      &#39;//connect.facebook.net/en_US/all.js&#39;;
      e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
      }());
      </script>
      <fb:comments/>
      </b:if>

    • Este timpul să folosim unealta secretă! Înlocuieşte APPID cu cel obţinut la pasul al doilea.
    • Ultima treabă care ne-a mai rămas de făcut ar fi aceasta:

    Acum probabil unii dintre voi se intreabă de ce nu am sistemul de comentarii facebook instalat şi la mine pe blog. Răspunsul este simplu: eu sunt un adept al default-ului (implicitului).

    26 de comentarii

    1. Buna ziua. Nu reusesc sa trec de pasul: "Create app"... nu genereaza App ID :(. Care o fi problema? Multumesc!

      RăspundețiȘtergere
    2. Ajung intr-o zona unde apare mesajul "No Apps Found"

      RăspundețiȘtergere
    3. Buna!
      Acceseaza link-ul acesta http://developers.facebook.com/setup/
      Apoi introduce datele site-ului ( Numele, URL-ul)
      Si apasa Create app.
      Daca tot nu merge sterge datele de navigare ale browserului si incearca din nou.

      RăspundețiȘtergere
    4. Am facut pasii de mai sus de mai multe ori. Am dat si un restart si tot nimic... E suficient un restart pentru a "sterge datele de navigare ale browserului "?

      RăspundețiȘtergere
    5. Daca folosesti Google Chrome mergi la Meniu (cheia din dreapta) --> Optiuni --> In culise --> Stergeti datele de navigare --> selectezi de la inceput si bifezi toate casutele apoi apesi "Stergeti datele de navigare"

      Pentru Mozilla Firefox mergi la Unelte --> Curata istoricul recent --> selectezi perioada de curatat "Tot" si bifezi toate detaliile --> Curata acum

      Apoi incerci din nou si daca tot nu merge incearca pe alt cont de facebook.

      P.S: Un restart al sistemului nu sterge datele de navigare ale browserului

      RăspundețiȘtergere
    6. Buna! Revin cu noi informatii.
      1. Acceseaza linkul https://developers.facebook.com/apps. Vei avea ceva ca in aceasta imagine

      2. Apesi butonul "Create New App" In prima caseta introduci numele aplicatiei care va fi afisat utilizatorilor. Iar in a doua introduci numele aplicatiei utilizat pentru Open Graph si Canvas Page. (scrii cum vrei tu, eventual numele site-ului)

      3. Bifezi si ca accepti Politica Facebook. apoi apesi butonul "Continua"

      4. Introduci si codul de verificare Captcha

      5. Aplicatia a fost creata si o vei vedea la link-ul https://developers.facebook.com/apps, unde este afisat si App ID/API Key.

      Succes! Sa-mi spui daca ai reusit

      RăspundețiȘtergere
    7. ok. am primit un App ID:... si App Secret:...
      mai departe? :) de fiecare data ajungeam la imaginea de mai sus cand apasam "Create app"

      RăspundețiȘtergere
    8. am parcurs toti pasii cu APPID-ul primit, am ascuns comentariile de pe blogspot, dar n-am vazut nici o modificare... silucartoon.blogspot.com

      RăspundețiȘtergere
    9. Au mai schimbat astia de la facebook ceva si de asta.
      mai departe?...
      treci la pasul al 3-lea din articol.

      RăspundețiȘtergere
    10. cand distribui un link de pe blog pe facebook, ar fii util comentariile de pe blog sa apara pe facebook si invers... sa nu existe 2 zone distincte de a comenta acelasi lucru... de fapt asta incercam sa vad daca e posibil cumva...

      RăspundețiȘtergere
    11. Probabil am uitat sa dau "Save changes" dupa ce am obtinut App ID. Multumesc mult pt. suport! Totusi e ciudat de ce nu functioneaza pasii descrisi in tutorial pt. toata lumea.

      RăspundețiȘtergere
    12. Tutorialul a fost scris pe 21 iulie 2011, iar de atunci facebook-ul a mai suferit unele modificari. Iar chestia asta nu ti s-a intamplat daor tie.
      Cu placere!

      RăspundețiȘtergere
    13. mai e ceva ciudat... daca nu apas pe titlul postarii (link) casuta de comentarii nu apare defel, nici nu exista vreo avertizare cum ca ar fi posibile comentariile... asa ca nimeni nu stie ca exista acolo... fara casuta comentarii http://www.silucartoon.blogspot.com/
      cu casuta comentarii http://silucartoon.blogspot.com/2011/08/special-offer-en.html

      RăspundețiȘtergere
    14. Caseta de comentarii apare numai pe pagina articolului, la fel ca si cea de la blogger
      Pe prima pagina e posibil sa apara un link cu "3 comentarii" (de exemplu) pentru fiecare articol iar utilizatorul cand da click sa fie trimis pe pagina articolului iar acolo avand posibilitatea sa adauge si el un comentariu. Insa nu stiu cum se poate pune acest contor cu numarul comentariilor, la facebook
      :(

      RăspundețiȘtergere
    15. Caseta de comentarii similara pentru twitter nu cunosti?

      RăspundețiȘtergere
    16. stiu Tweet Box de aici: https://dev.twitter.com/docs/anywhere/welcome
      dar comentariile nu vad sa apara si pe blog... :(

      RăspundețiȘtergere
    17. Printr-o ciudatenie, casuta cu comentarii Facebook a disparut. Nu am modificat nimic in sensul acesta. M-am uitat si codul de la pasul 3 de mai sus e tot acolo. Ce explicatie poate exista pt. asa ceva??? Aici: http://www.silucartoon.blogspot.com

      RăspundețiȘtergere
    18. nu merge imi apare "The comments plugin requires an href parameter"

      RăspundețiȘtergere
    19. Cum pot sa micsorez dimensiunea casutei pentru comentarii pentru ca nu mi se vede marginea!

      RăspundețiȘtergere
      Răspunsuri
      1. Incearca sa inlocuiesti in cod <fb:comments/> cu <div class="fb-comments" data-width="450"></div>

        Ștergere
    20. mie nu imi merge de fel am urmat toti pasii am pus codul si tot nu imi apare nimik.
      dc?????????????

      RăspundețiȘtergere
      Răspunsuri
      1. De ce? Fiindca facebook-ul a mai facut cateva modificari minore. Am facut eu 3 screenshot-uri, incearca sa procedezi ca in ele:
        1, 2, 3
        Setarile din imaginea a doua sunt importante! Poti citi si un tutorial in limba engleza

        Ștergere
      2. Din imaginea a treia am vrut sa zic

        Ștergere
    21. la mine nu-i nici una nici alta
      sau

      ce sa fac?
      e-mail: noiscriem@hotmail.com

      RăspundețiȘtergere
      Răspunsuri
      1. M-am uitat pe site-ul vostru si am observat ca ati reusit. Imi pare rau ca nu am raspuns mai repede dar sunt ocupat cu bacu'.

        Ștergere