Facebook comment plugin pe wordpress si blogspot

Autor: -
Cum sugereaza si Alexandru Negrea comentariile trebuiesc asumate pe saituri, chiar daca esti hater si vrei sa traiesti in anonimat pot sa iti aflu foarte usor ipul si sa ti-l public cum face Badea la tv, dar prefer sa iti acord ocazia sa te exprimi cu ce ai tu mai de suflet, adica contul de Facebook, a.. si am uitat sa iti spun poti sa le arati si prietenilor cat de hater esti oferindu-ti posibilitatea sa postezi automat commentul pe Facebook. Nu e cool nu? Hai sa iti arat cum sa faci si tu la orice site, indiferent daca e pe wordpress sau blogger.

image
Pentru a instala pluginul ce il detin si eu pe site va trebui sa urmezi urmatorii pasi:
Primul pas pe care trebuie sa-l faci este sa iti creezi un cont pe http://developers.facebook.com/setup/ pentru a creea un API Key ce il vei folosi mai tarziu.
imageAici vei completa adresa saitului vei avea in vedere ca dupa adresa sa existe un slash, ca aici .com/
Vei primi un app id pe care il vei folosi mai tarziu.
In continuare trebuie sa umbli in codul html al saitului, in Blogger ai acces la el in sectiunea layout –> edit html –> si selecteaza Expand Widget Templates
Acum cauta in cod urmatoarea sintaxa pentru adauga atributul xmlns:
<html
In continuarea sintaxei de mai sus adauga urmatorul cod punand spatiu inainte si dupa:
xmlns:fb=’http://www.facebook.com/2008/fbml’
In continuare trebuie sa adaugi codul scriptului SDK. Cauta cuvantul:
<body>
Dupa el adauga urmatorul cod:
<div id=”fb-root”></div> <script>
window.fbAsyncInit = function() {
FB.init({
appId : ‘APP ID’,
status : true,
cookie : true,
xfbml : true
});
};
(function() {
var e = document.createElement(‘script’);
e.src = document.location.protocol + ‘//connect.facebook.net/en_US/all.js’;
e.async = true; document.getElementById(‘fb-root’).appendChild(e);
}());

</script>

Nu uita sa schimbi in codus de mai sus textul marcat cu APP ID-ul tau pe care l-ai creat mai sus pe saitul Facebook.

Mai ai nevoie de adaugarea tag-urilor pentru protocolul Open Graph. Cauta in codul html sintaxa:
</head>
Inainte de sintaxa adauga codul de mai jos:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='Numele saitului' property='og:site_name'/>
<meta content=’APP-ID-ul‘ property='fb:app_id'/>
<meta content='Codul sau nicknameul tau de FB' property='fb:admins'/>
<meta content='article' property='og:type'/>

Vei inlocui in campul Numele saitului cu ce vei dori sa se afiseze pe FB cand cineva posteaza pe propriul wall. APP-ID-ul va fi cel de mai sus, iar codul sau nicknameul tau vor trebui introdu-se pentru a se putea stabili un administrator pentru comentarii. In poza de mai jos ai un exemplu:
image

Mai ai nevoie sa adaugi si campul pentru commenturi. Pentru acest camp trebuie sa cauti sintaxa:
<data:post.body/>
Dupa sintaxa aduaga codul de mai jos:
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<script src=’http://connect.facebook.net/en_US/all.js#xfbml=1’/>
<div><fb:comments expr:href=’data:post.url’ expr:title=’data:post.title’ expr:xid=’data:post.id’ width=’720‘/></div>
In locul valorii 720 poti seta valoarea dorita pentru latimea boxului de comentarii.
Daca ai urmat urmat pasii de mai sus plugin-ul tau ar trebui sa arate ca aici:
image

Commenturile le vei putea adminitra de aici, pentru fiecare site in parte.

Inginer, relatez de peste 5 ani de la toate evenimentele locale si lansarile internationale din domeniul telecomunicatiilor.

Lasa un comentariu

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*