facebook-open-graph-di-wordpress.png" alt="memasang facebook open graph di wordpress" width="159" height="159" />Jika sebelum ini JT telah kongsikan cara Memasang Butang Perkongsian Sosial pada WP, kali ini JT nak tunjukkan pemasangan Facebook Open Graph Meta pula. Secara ringkas Facebook Open Graph Meta ini berfungsi menambah Data Meta Facebook di WordPress untuk mengelakkan timbulnya masalah tiada thumbnail, tajuk artikel salah, isu keterangan artikel yang salah dan sebagainya. Mungkin anda pernah mengalami situasi dimana bila anda menggunakan butang Like Fb, artikel yang dikongsikan di Fb tidak sama seperti artikel asal di belog. Jadi untuk memperbetulkan masalah sebegini, maka perlulah dipasang Facebook Open Graph Meta ini.

PROSES PEMASANGAN :

1. Log masuk ke dashboard WP. Klik Appearance » Editor. Buka fail functions.php dan masukkan kod di bawah dimana-mana bahagian diantara tag PHP.

   //Adding the Open Graph in the Language Attributes
   function add_opengraph_doctype( $output ) {
    return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
    }
   add_filter('language_attributes', 'add_opengraph_doctype');
   
   //Lets add Open Graph Meta Info
   
   function insert_fb_in_head() {
    global $post;
    if ( !is_singular()) //if it is not a post or a page
    return;
    echo '<meta property="fb:admins" content="ID FACEBOOK"/>';
    echo '<meta property="og:title" content="' . get_the_title() . '"/>';
    echo '<meta property="og:type" content="article"/>';
    echo '<meta property="og:url" content="' . get_permalink() . '"/>';
    echo '<meta property="og:site_name" content="NAMA BELOG"/>';
    if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
    $default_image="http://blog.com/image.jpg"; //replace this with a default image on your server or an image in your media library
    echo '<meta property="og:image" content="' . $default_image . '"/>';
    }
    else{
    $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
    echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
    }
    echo "\n";
   }
   add_action( 'wp_head', 'insert_fb_in_head', 5 );
   

2. Gantikan ID FACEBOOK dengan Id Facebook anda sendiri. Untuk mendapatkan Id buka link ini :  http://graph.facebook.com/usernamefb dan gantikan usernamefb dengan facebook anda.
3. Kemudian gantikan NAMA BELOG dengan belog anda. Seterusnya jangan lupa upload gambar ke server dan gantikan url http://blog.com/image.jpg dengan url gambar anda. Gambar ini sebagai ganti sekiranya di dalam artikel tiada gambar, maka gambar ini akan dipilih menjadi thumbnail.
4. Selesai proses pemasangan. p/s – Jika sekiranya anda inginkan cara lebih mudah, download sahaja plugin ini dan aktifkan. Pergi Settings » Facebook OG Meta, dan masukkan Id Facebook, Nama Belog serta url gambar.
5. Bagaimana untuk pastikan bahawa anda telah memasang Facebook Open Graph Meta dengan betul. Sila buka halaman belog anda, kemudian view Source Code. Lihat jika kod yang dimasukkan tadi ada atau tidak.wordpress 2" width="564" height="214" />