Facebook’un yeni çıkardığı sitelerinize özgü yorum sistemini wordpress yorum sistemiyle değiştirmeyi anlatmak istedim..

Öncelikle bildiğiniz gibi gerek spam gerekse onaylama derdinden hepimiz şikayetçiyiz..Bu anlamda yorum sistemimizi facebook’a devrederek biraz nefes almak isteyebiliriz..

Özellikle çok fazla yorum gelen siteler için oldukça güzel bir sistem diyebilirim..Nedeni ise yapılan yorumlar sanki bir paylaşıma yorum yapılmış gibi o kişinin wall’inde gözükmektedir..Ve bu sistemin en güzel kar’ı ise 1 kişi sitenize yorum yaptığında o kişilerin tüm arkadaşları bu yorumu görebilecek ve sitenize dolayısıyla birden fazla hit gelecektir..

Yani bir taşta iki kuş diyebiliriz :)

Peki bu sistemi nasıl yapabiliriz derseniz..

Facebook Sosyal Eklentileri sayfasından Comments yani yorum sistemini seçerek işe başlıyoruz..

Öncelikle ingilizcesi olan arkadaşlar daha detaylı anlatımını Facebook Yöneticilerinden Ray C. He tarafından anlatılan bu yazıdan okuyabilirsiniz.

Şimdi sırasıyla yapmamız gerekenleri yapmaya başlıyoruz :)

Öncelikle girip sitemize uygun bir uygulama açmamız gerekiyor..

Bu sayfadan girip kendimize bir uygulama oluşturuyoruz.

Şeklinde gördüğünüz API Anahtarını kopyalıyoruz..

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '6d3147d29b43625590f53ad7b35b4899', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

Görünen function kodunun hemen altındaki appId değerine bu kodu yapıştırıyoruz..

Yani bu fbml kodlarının sitemizde çalışması için yapılan bir adım diyebiliriz..

Ardından sıra geldi comment yani yorum sistemini oluşturmaya..

Bu sayfadan resimdeki gibi kodumuzu alıyoruz..

Id bölümünü ilk etapta sallayabiliriz..Widht içinse sitenizin yorum bölümünün CSS de genişliğine bakıp bulabilirsiniz..

Ben Popho v2 Teması kullananlara özgü anlatıyorum.Temanıza göre değiştirebilirsiniz..

<fb:comments xid="4554" width="400"></fb:comments>

Şeklinde aldığımız kodu az önceki kodumuzun

<div id="fb-root"></div>

Yerine yerleştiriyoruz.

<div id="fb-root"><fb:comments xid="4554" width="400"></fb:comments></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '6d3147d29b43625590f53ad7b35b4899', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

Yani bu şekilde bir şey oluşması gerekmektedir.

Ardından geldik WordPress’e entegre etme aşamasına..

Öncelikle comments xid yi benzersiz yapmamız gerekiyor..Sistem sanırsam siteye özgü değil id ye özgü yorumlar oluyor..Yani boş bir sayfaya bu kodları koyup Id yerine sevgilinizin adını yazıp konuşabilirsiniz oradan :)

Neyse bu id kısmını özgünleştirmek için wordpress’in kodlarını kullanmamız gerekiyor..Yani öyle bir kelime yapıcağız ki ne bir sonraki konuyla çakışsın nede başka bir siteyle çakışsın..

İlk olarak permalink denediğimde hatayla karşılaştım :) Bende xid kodunu şu şekilde türetmek istedim..

sitenizinadi-postid şeklinde..

Yani şöyle bir kod oluşturduk.

xid="pophov3temasi-<?php the_ID(); ?>"

Buradaki pophov3temasi yazan yeri siz kendi sitenizin adına göre veya sallama bir kelime yazarak düzeltin..Aksi takdirde yorumlar çakışacaktır :)

Yanlız boşluk veya karakter kullanmayın..siteadi şeklinde yazin :)

Geldik temaya entegreye..

Popho v2 temamızın single.php’sini açtığımızda

<div class="yorumlar">
<?php comments_template(); // Get wp-comments.php template ?>

<div class="domestos"></div>

</div>

Şeklindeki yerden comments.php yi tarihe karıştırıyoruz :) ve şöyle bir kod ortaya çıkartıyoruz..

<div class="yorumlar">
<div id="fb-root"><fb:comments xid="pophov3temasi-<?php the_ID(); ?>"></fb:comments></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '6d3147d29b43625590f53ad7b35b4899', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

<div class="domestos"></div>

</div>

Sayfayı yenilediğinizde göreceksiniz ki artık bir facebook yorum sistemi kullanıyorsunuz :)

Ayrıca ek olarak yazıyı beğen seçeneğide sizlere gelmektedir :) Bu sayede yazılarınızı beğenmek isteyenlere ek bir eklenti yüklemek zorunda kalmazsınız..

Gördüğünüz gibi :)

Üyelik girişi yapılmış halide..

Ve tamamdır..

Şimdi ise comment eklentisinin özelliklerini keşfedeceğiz..Aslında ilk baştaki uygulama id’sini girme sebebimiz yönetici ayarlarını yapmamız içindi..

Gördüğünüz gibi sağ alt köşede administer comments bölümü bulunmakta..

Buradan ziyaretçilerin yorum yapıp-yapamayacağını veya kimin yorum yapıp-yapmamasını..Kimlerin yönetici olmasını veya yapılan yorumlardan bildiri alıp-almayacağınızı ayarlayabiliyorsunuz :)

Beyaz listeye beni alabilirsiniz mesala :)

Avantajları Nelerdir?

• Çok fazla yorum alan konularınız bu nedenle cpu’yu kasmaz hale gelir..
• Yedekleri taşırken yorumların ağırlığı altında kalmazsınız..
• Spam-Gereksiz yorum vs gibi şeylerden kurtulabilirsiniz..Ayrıca adsız yorumlara kapatarak yorum yapanın gerçek kimliğini de görme ihtimaliniz olur.
• Yorum yapan kişinin wall’inde yayınlanacağı için seo bakımından dezavantajını sıfırlayıp üstüne daha çok hit çekebilirsiniz..
• Yorum onaylama derdinden kurtulacaksınız :) (Adsız yorumlar haricinde)
• Ziyaretçileriniz genellikle facebook login durumunda olduğu için çok kısa bir şekilde yorum yapabileceklerdir..

Dezavantajları Nelerdir?

• Bildiğiniz gibi yorum kasan arkadaşlar için biraz kötü oldu çünkü google örümcekleri bu yorumları okuyamıyacaklar :) Ama dediğim gibi bu sistem kullanmaya başlanırsa seo zararının emin olun 3-4 kat fazlasını kazanacaklardır..

Demo Olarak buraya bakabilirsiniz..