Cara membuat komentar facebook di wordpress

Cara membuat komentar facebook di wordpress

Cara membuat komentar facebook di wordpress: Seperti artikel yang sudah saya buat tentang membuat aplikasi twitter, sekarang kita akan mencoba membuat komentar facebook di wordpress. Cara membuat komentar facebook di wordpress di bawah postingan sederhana saja. Awalnya ane membuat link comment di blog ane (wordpress), tetapi link article tidak berhasil sinkron (apa lah bahasanya) ke facebook. mungkin artinya”hey! url kamu tidak dapat kami kenali!:D Padahal sudah dibuatkan aplikasinya di https://developers.facebook.com/apps.
Baca lagi… ternyata ada yang kelewat…

komentar facebook di wordpress

Langsung saja:
Kita taroh code berikut ke header

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en-US"> <!--<![endif]-->
<head profile="http://gmpg.org/xfn/11">
<!-- Facebook Opengraph -->
<meta property="fb:app_id" content="APP_ID" />
<meta property="fb:admins" content="APP_ADMIN" />
<?php if (is_single()) { ?>
<meta property="og:url" content="<?php the_permalink() ?>"/>
<meta property="og:title" content="<?php single_post_title(''); ?>" />
<meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" />
<meta property="og:type" content="article" />
<meta property="og:image" content="<?php bloginfo('template_directory'); ?>/images/default.jpg"/>
<meta property="og:locality" content="NAMA WEBSITE KAMU"/>
<?php } else { ?>
<meta property="og:url" content="<?php bloginfo('url'); ?>"/>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:description" content="<?php bloginfo('description'); ?>" />
<meta property="og:type" content="website" />
<meta property="og:image" content="<?php bloginfo('template_directory'); ?>/images/default.jpg"/>
<?php } ?>

 

Dan letakan kode di bawah setelah head atau setelah body untuk memunculkan komentar facebook:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<body>
<!-- "Facebook code" Start -->
<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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- "Facebook code" End -->
<!-- Facebook Asynchronous SDK Loader -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '158112954257543', 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>

 

Ingat, harus membuat aplikasi dulu di facebook, nanti kode aplikasinya yang akan kita taroh di:

1
2
3
<meta property="fb:app_id" content="APP_ID" />
<meta property="fb:admins" content="APP_ADMIN" />

Selanjutnya, kita edit file single.php
Lalu kita menuju baris yang bawah, untuk artikel biasanya source komentar ada di bagian bawah file single.php
Agar komentar facebook di wordpress bisa tampil dan tidak ada pesan error, maka kita taroh source lagi di atas  kira-kira susunan di file single.php nantinya seperti ini jadinya:

1
2
3
4
5
6
7
8
9
10
11
12
13
<div style="background:none;">
<div>Add a Comment on "<?php the_title(); ?>"</div>
</div>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=ISI_DENGAN_APP_ID_KAMU&xfbml=1"></script>
<fb:comments data-href="<?php echo urlencode(get_permalink($post->ID)); ?>" num_posts="50" width="633" height="150"></fb:comments>
<?php comments_template(); ?>

Keterangan cara membuat komentar facebook di wordpress:

  • “fb:app_id” content=”APP_ID”
    = isi dengan APP ID yang kita dapatkan setelah kita membuat aplikasi di FB Developer. Dalam pembuatan  aplikasi tersebut, kita masukan URL website kita.
  • “fb:admins” content=”APP_ADMIN”
    Karena sekarang Facebook sudah menggunakan nama alias user kita, maka untuk mendapatkan unik ID user kita, kita cari di profile Facebook kita.
  • “og:title” content=”php single_post_title”
    Fungsinya ini untuk membuat Judul artikel yang akan di komentari
  • “og:description” content=”php echo strip_tags->post->ID
    Fungsinya untuk membuat narasi dari artikel yang akan kita komentari
  • “og:image” content=php bloginfo(‘template_directory’)-> /images/default.jpg
    Nama file default.jpg bisa diganti dengan nama lain, intinya perintah ini mengarah ke tempat di mana default.jpg berada. default.jpg ini akan muncul kalau kita meletakan url kita di wall facebook kita.

Silahkan kalau berniat di praktekan, kalau tidak mana bisa tahu hasilnya :) O, ya. Pada template ini masih belum ada kolom membuat komentar facebook, makanya saya tuliskan sedikit tutorial tentang Cara membuat komentar facebook di wordpress. thanks

There are 6 comments for this article

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *


*

Anda dapat menggunakan tag dan atribut HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>