joi, 29 martie 2012

Cum să adaugi comentariile Facebook pe Blogger?

Adaugă un cometariu
Dorești să incluzi sistemul de comentarii Facebook pe blog-ul tău creat pe Blogger? Vreau să îți spun din start că acest proces nu este complicat și durează câteva minute. Dacă vrei să vezi cum arată căsuța de comentarii inclusă în blog, vezi aici.

Comentariile pe blog sunt foarte importante, citește despre influență numărului de comentarii asupra poziției articolului în rezultatele căutării. Acum când ești convins că merită să incluzi formularul de comentarii de la Facebook, ar fi bine să cunoști care sunt avantajele și dezavantajele acestor comentarii. Eu am identificat următoarele avantaje:
  • nu stopează pagina în timpul încărcării;
  • permit utilizatorilor să adauge repede un comentariu, fără a introduce anumite date sau simboluri captcha;
  • utilizatorii te promovează, pe cea mai mare rețea socială - Facebook (dacă comentariu va fi publicat pe Facebook, link-ul articolului va însoți comentariu);
  • sunt indexate rapid de Google;
  • se pot modera de pe blog sau de pe Facebook.

    Iată care sunt dezavantajele acestui sistem de comentarii :

    • utilizatorii care nu folosesc (sau nu le place) această rețea socială, nu vor comenta, chiar dacă vor dori acest lucru;
    • versiunea pe mobil a blogului tău nu va conține nici un  formular pentru comentarii, deoarece acest sistem nu va fi inclus pentru versiunea pe mobil și este necesar să dezactivezi formularul de comentarii de la Blogger, care automat se dezactivează și pentru versiunea mobilă.
    Acum după ce ai citit care sunt avantajele și dezavantajele acestui sistem de comentarii și ai decis că merită să îl incluzi pe blog-ul tău, să trecem la instalare.

    Dezactivarea formularului de comentarii de la Blogger
    Este necesar să Dezactivezi comentariile Blogger din Setări. Accesează panoul de administrare a blog-ului tău și mergi la Setări -> Postări și comentarii și selectează opțiunea Ascunde la Locația comentariilor și apasă Salvați setările.
    Dezactivarea comentariilor Blogger

    Crearea unei aplicații pe Facebook
    Pentru ca formularul de comentarii să fie vizibil pe blog, trebuie să creezi o aplicație, dar nu te speria de acest cuvânt, pentru că totul este simplu.

    Mergi pe această adresă https://developers.facebook.com/apps și în partea dreaptă sus apasă pe butonul Create New App
    Crearea unei aplicații Facebook
    Introduceți numele aplicației, bifează că ești de acord cu termenii și condițiile și apasă butonul Continuă
    Introduceți numele aplicației
    Introduceți codul de securitate, apoi apasă Trimite.
    Introduceți codul captcha
    Dacă ți se va afișa această fereastră, apasă Anulează.
    Acum ai ajuns în interiorul aplicației, unde trebuie să introduci setările aplicației.

    1. - numele aplicației;
    2. - nu introduce nimic;
    3. - adresa ta de email;
    4. - numele de domain, dacă domain-ul tău este de la Blogger (ex.: BLOGUL_TĂU.blogspot.com), atunci introduceți blogspot.com (vezi imaginea de mai sus);
    5. - introduceți adresa completă a blog-ului (vezi exemplu în imaginea de mai sus), apoi apasă Salvează modificările;
    6.- Copiați ID-ul aplicației de sus (vezi imaginea de sus).

    Includerea aplicația în șablon (temă)
    Editați codul de mai jos, adăugând ID-ul aplicației copiate la punctul 6 de mai sus:
    <meta content='ID-ul_APLICAȚIEI'   property='fb:app_id'/>
    Mergi la Șablon -> Editați HTML și introduceți codul imediat după
    <head>
    și salvați șablonul.
    Tu trebuie să creezi această aplicație Facebook și meta-tag-ul fb:app_id trebuie să fie inclus în șablonul tău. În caz contrar, nu vei fi capabil să moderezi comentarii de pe blog pe Facebook, va fi necesar să mergi la fiecare post și să moderezi comentariile.

    Adăugarea formularului pentru comentarii la șablon
    Acum este necesar să adaugi formularul pentru comentarii în șablonul blog-ului. Este necesar să mergi la  Șablon -> Editați HTML și bifați Extindeți șabloanele control.

    Căutați codul de mai jos în șablon (apăsați combinația de taste Ctrl+F pentru a căuta)
    <div class='post-footer-line post-footer-line-3'>
    dacă nu ați găsit acest cod, căutați acest cod:
    <p class='post-footer-line post-footer-line-3'>
    dacă nici acest cod nu există în șablon, căutați:
    <data:post.body/>
    După ce ați găsit unul din liniile de cod de mai sus, imediat după acest cod lipiți codul de mai jos:
    <b:if cond='data:blog.pageType == "item"'>
    <div id="fb-root"></div>
    <script>(function(d){
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
     d.getElementsByTagName('head')[0].appendChild(js);
    }(document));</script>
    <fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
    </b:if>
    Dacă dorești o altă lățime pentru formularul de comentarii modifică 450 cu lățimea pe care o dorești. Dacă dorești ca formularul să fie de culoare închisă, modifică light cu dark în codul de mai sus.

    Adaugă Fb Namespace în șablon, această linie de cod este importantă pentru a se afișa formularul de comentarii. La începutul șablonului găsește
    <html 
    și înlocuiește-l cu acest cod:
    <html xmlns:fb="https://www.facebook.com/2008/fbml"
    (trebuie să rămână spațiu dupa /2008/fbml") Vezi imaginea de mai jos:

    Linie de cod
    Salvează șablonul. Această linie de cod este necesară pentru toate widget-urile FBML care folosesc tag-urile fb. Dacă aveți adăugat alte plugin-uri de la Facebook și ați adăugat acest cod, atunci puteți sări peste acest pas.

    Gata! Ai terminat... Acum trebuie să vezi formularul pentru comentarii Facebook  pe blog.

    Dacă nu se afișează formularul, probabil că folosiți pluginuri Facebook care nu folosesc FBML. Dacă  aceasta este cauza, ștergeți plugin-ul și adăugați versiunea FBML a plugin-ului.

    Moderarea comentariilor
    Dacă ești logat pe Facebook, sistemul te va detecta automat ca moderator. Acum veți fi capabil să moderați comentariile în felul următor:
    Moderarea comentariilor Facebook pe blog
    Bifați „Alow users to post using other login providers.” dacă doriți ca vizitatorii ce nu folosesc Facebook să dispună de posibilitatea de a comenta și salvați setările.

    Aveți posibilitatea de a modifica toate comentariile aici: http://developers.facebook.com/tools/comments

    Afișarea numărului total de comentarii
    Dacă doriți să includeți în șablonul blog-ului link-ul către formularul de comentarii Facebook, ce va conține și numărul total de comentarii, este necesar șă introduceți codul de mai jos undeva după <data:post.body/> 
    <b:if cond='data:post.isFirstPost'>   
    <script>(function(d){
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
     d.getElementsByTagName('head')[0].appendChild(js);
    }(document));</script>
    </b:if>
    <a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'></fb:comments-count> comentarii</a>
    Dacă ai întâlnit dificultăți în procesul de instalare sau dorești să arăți tuturor cum arată formularul pe blog-ul tău, nu ezita să lași un comentariu mai jos. Succese!

    Îți recomand și acest tutorial:
    Adauga formularele de comentarii Facebook si Blogger concomitent

    53 de comentarii:

    1. am doua probleme una nu stiu cum sa moderez comentariile pe facebook si a doua acum imi apare comentariile de la fecebook sub fiecare postare si nu vreau asta.

      RăspundeţiȘtergere
      Răspunsuri
      1. Moderarea comentariilor direct pe site nu este posibila imediat după adăugarea formularului pentru comentarii, acest lucru va fi posibil peste câteva minute. Dacă ești logat pe Facebook, sistemul automat te va identifica ca moderator și moderarea va fi posibilă. La fel poți folosi această adresă: http://developers.facebook.com/tools/comments pentru a modera toate comentariile de pe site. A doua întrebare nu am înțeles-o, dorești ca comentariile să apară doar la o singură postare?

        Ștergere
    2. vreau sa apara doar pe unele postari pentru ca stii si u pe blogspot poti face
      in jur de 20 de pagini si vreau sa fac din postari pagini.

      RăspundeţiȘtergere
      Răspunsuri
      1. Folosește tag-urile conditionale, am creat un articol cum se folosesc aceste tag-uri aici: http://mihaibivol.blogspot.com/2012/05/truc-adauga-un-widget-pe-anumite-pagini.html - adaugă codul de la litera f.)

        Ștergere
    3. Răspunsuri
      1. Link-ul e bun, l-am verificat. Ai copiat toate caractere din link?

        Ștergere
    4. Gata am gasit mersi mult,ai explicat destul de bn fata
      de alte situri.

      RăspundeţiȘtergere
    5. Răspunsuri
      1. Trimite-mi un email cu problema pe care o ai, explicată detailat și o sa încerc să te ajut

        Ștergere
    6. Salut,am reusit ,dar am o intrebare,eu inainte foloseam sistemul de comentarii de la disqus,si acum cand l-am introdus pe cel de la facebook nu imi mai par comentariile ce le aveam,ce pot sa fac sa imi apara si comentariile care le aveam dinainte?

      RăspundeţiȘtergere
      Răspunsuri
      1. Salut, daca am inteles corect, tu ai adaugat comentarii de la Facebook, dar doresti sa se afiseze si comentariile de la Disqus? Daca este asa, atunci acest lucru nu este posibil, pentru ca sistemul de la Disqus nu are nici o legatura cu sistemul de comentarii de la Facebook. Daca doresti sa ti afiseze inapoi comentariile, adauga din nou sistemul de la Disqus. Daca ai ceva nedumeriri legate de acest sistem, te rog sa mi le comunici. Succes!

        Ștergere
      2. multumesc pentru raspuns,am sa tin o perioada de timp sistemul de comentarii de pe facebook sa vad cum evolueaza lucrurile,daca nu ma intorc la cel de la disqus,e mai bine construit sa spun asa :) si apropo felicitari pentru blog,cu siguranta ai muncit mult sa-l aduci pe prima pozitie in google :-bd

        Ștergere
      3. Eu consider ca e mai bun cel de la Facebook, pentru ca prestabilit este bifat ca comentariul sa se posteze in profilul celui care comenteaza, iar la Disqus acest lucru se face la dorinta utilizatorului. Astfel, cu Facebook comentatorii te promoveaza automat.

        Multumesc !

        Ștergere
    7. salut, am incercat dar nu mi se primeste ... la crearea aplicatiei imi da asa : Contul tău trebuie verificat înainte de a putea să faci asta. Te rugăm să îţi verifici contul adăugându-ţi mobile phone sau card de credit. si gata m-am blocat... ma puteti ajuta va rog :)

      RăspundeţiȘtergere
      Răspunsuri
      1. Salut, posibil că este necesar să îți activezi contul Facebook cu ajutorul numărului de telefon, apoi vei avea posibilitatea să creezi o aplicație.

        Ștergere
    8. dada, gata am rezolvat-o...multumesc mult! felicitari pentru blog, e unul reusit si incluzi multa informatie buna!

      RăspundeţiȘtergere
      Răspunsuri
      1. Îmi pare bine ca ai reușit, dacă vei avea nevoie de ajutor, nu ezita să îmi scrii... Mulțumesc pentru apreciere!

        Ștergere
    9. dacă nu ați găsit acest cod, căutați acest cod:

      dacă nici acest cod nu există în șablon, căutați:



      dar dacă nu arată nici unul?

      RăspundeţiȘtergere
      Răspunsuri
      1. 〈div class='post-footer-line post-footer-line-3'/〉
        〈p class='post-footer-line post-footer-line-3'/〉
        〈data:post.body/〉

        Daca primele doua nu exista, din aceste linii de cod, ultima linie 100% exista in sablon.

        Ștergere
    10. salut !nu reusesc sa instalez ...imi apare o eroare "The comments plugin requires an href parameter.".Mentionez ca nu incerc sa instalez codu intr-un blog ci intr-o galerie foto.Ai vre-o idee de ce imi arata asta?

      RăspundeţiȘtergere
      Răspunsuri
      1. Salut,
        Nu cunosc care este motivul, dar daca respecti toate instructiunile de mai sus, 100% iti va reusi. Eu am testat si functioneaza fara erori. Daca nu instalezi pe Blogger, trebuie sa te asiguri ca respecti toate instructiunile de aici: https://developers.facebook.com/docs/reference/plugins/comments

        Ștergere
    11. merci pentru adresa...am rezolvat..partial :( din cauza codului care afiseaza casuta de comentarii era problema.insa mai am o probmela...vad ca daca las un comentariu la un articol apare peste tot (adica apare la toate articolele ) :(

      RăspundeţiȘtergere
      Răspunsuri
      1. Daca folosesti Blogger, inlocuieste aceast cod din formularul tau de comentarii:
        class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"
        cu acesta
        fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id' sau poti copia codul complet pentru formularul de comentarii mai sus din tutorial.

        Ștergere
    12. Buna Mihai. Am instalat si eu acum formularul de comentarii de la facebook, dar as vrea sa ramana si cel de la blogspot pentru ca daca il anulez am vazut ca se pierd toate comentariile vechi si nu as vrea. Altfel, am vazut bloguri unde au ambele formulare de comentarii. Daca ma poti ajuta, nu stiu ce sa fac si unde, pentru ca se vad intercalate la sfarsitul articolului cele doua module de comentarii. Adresa mea este: http://nicoliabucatar.blogspot.sk/. Multumesc frumos, Nico

      RăspundeţiȘtergere
      Răspunsuri
      1. Am scris la primul articol un comentariu cu facebook si la fel se vede intercalat. Ce ma fac?????

        Ștergere
      2. Salut,
        Eu planific in curind sa creez un tutorial unde sa explic cum se poate de instalat ambele sisteme de comentarii intr-un mod compact, dar pina atunci poti folosi acest tutorial in limba engleza:
        http://www.jsblogstop.com/2011/03/blogger-how-to-add-facebook-comments.html
        Succes!

        Ștergere
      3. Nu ma descurc, m-am abonat la postarile tale si astept. Numai bine, Nico.

        Ștergere
    13. Acest comentariu a fost eliminat de autor.

      RăspundeţiȘtergere
    14. Merge perfect! Multumesc frumos de ajutor! O zi buna!

      RăspundeţiȘtergere
    15. Salut, am instalat tot dar am o mica problema, de ce nu apar comentariile acolo la "comment moderation" ?

      RăspundeţiȘtergere
      Răspunsuri
      1. Salut, dureaza citeva minute pina sistemul de la Facebook te va detecta ca moderator, dar poti folosi si aceasta adresa pentru a modera comentariile: http://developers.facebook.com/tools/comments

        Ștergere
      2. pai asta o folosesc dar nu imi apare nimic "no mesages" are vreo legatura daca blogul meu este redirectionat catre un domeniu ? www.modchiporadea.com

        Ștergere
      3. am vrut sa zic "No recent comments." :)

        Ștergere
      4. poate fi o problema numele de domain, daca in aplicatie ai specificat .blogspot si folosesti acest nume de domain

        Ștergere
      5. Intra pe https://developers.facebook.com/apps , apoi alegi aplicatia ta si apesi butonul "Edit App" si la "Site URL" introduci "www.modchiporadea.com" iar la "Site Domain" introduci "modchiporadea.com"

        Ștergere
    16. Mulțumeeeesc!!! A funcționat! E foarte explicit!

      RăspundeţiȘtergere
    17. Salut,

      A mai schimbat Facebook ceva? Vad ca nu mai merg moderate comentariile! Pur si simplu nu ma mai anunta cand comenteza cineva; timp de 4 luni a mers perfect.

      Vreo solutie?

      RăspundeţiȘtergere
      Răspunsuri
      1. Salut,

        Din pacate nu sunt la curent cu acest lucru, incearca sa apelezi la cineva care integrat pe blog comentariile de la Facebook.

        Bafta!

        Ștergere
    18. Cum sa adaug si comentariile facebook pe pagini??merge?

      RăspundeţiȘtergere
    19. Răspunsuri
      1. Verifica daca ai respectat corect toti pasii expusi mai sus, posibil ai gresit undeva.

        Ștergere
    20. Sefu am o problema, deci am configurat exact cum ai postat mai sus nu am uitat nimic 100 % dar problema este ca nu imi apare nici o casuta pe site cu coomenturi ....din catee imi aduc aminte eu mai demult cam de 2 ani cred ca am sters ceva din html ca sa imi dispara casuta de commment de pe site, oare cum pot sa o activez din nou ca nu gasesc nicicum...mersi mult poate ma poti ajuta...

      RăspundeţiȘtergere
      Răspunsuri
      1. Salut, posibil sa fi dezactivat postarea comentariilor din setarile blogului... daca cu setarile blogului este ok, atunci trebuie sa iti amintesti ce linii de cod ai sters. Imi para rau, dar alte solutii nu am.

        Ștergere
    21. nu-mi apare widgetul pentru a adauga comentarii

      RăspundeţiȘtergere
    22. Foarte ajutator articolul, chiar aveam nevoie de asa ceva.

      RăspundeţiȘtergere
    23. Foarte util articolul, multumesc !

      RăspundeţiȘtergere