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 :
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 );
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.
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.
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.
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.
Memasang Facebook Open Graph Meta pada WordPress Disediakan oleh JT pada Rating: 5
JT aku mmg ade conflict dgn open graph ni..kalo dah WP seo plugin dah ade open graph kan? tapi bila klik like atau paste url atau share kat fb..thumbnail takde..kadang2 ade…
so bleh letak ke dlm blog aku tu trick ni…btw tqvm
Kalau WP SEO yang kau guna sekarang dia memang tak ada open graph tuk Fb ni.. tu tambah sendiri tu.. Boleh try guna, sebab lepas aku buat ok ada thumbnail..
untuk user biasa macam aku ni, pakai plugin lagi senang kot. leceh la kalo macam ni, tiap-tiap kali tukar theme mesti kena kopipes dalam functions kan?
Salam 1 Malaysia, Sekian lama belog ini menyepi tanpa sebarang entri, hari ini JT mengambil kesempatan melakarkan sepatah dua bicara. Agak sibuk kebelakangan ini, tambahan pula Read More »
New iPad Mula Dipasarkan di Malaysia | Semalam 16 April 2012, pihak Apple secara rasmi mengumumkan senarai negara-negara yang akan memasarkan iPad generasi ketiga atau New iPad. Ini Read More »
Alhamdulillah, selesai sudah debaran dengan rasminya pelancaran Proton Prevé sebentar tadi oleh Perdana Menteri, Dato’ Sri Haji Mohammad Najib bin Tun Haji Abdul Razak dan mantan Perdana Menteri, Tun Dr. Mahathir bertempat di Read More »
Pameran Raja Kita sempena pertabalan Yang di-Pertuan Agong ke-14 Tuanku Abdul Halim Mu’adzam Shah yang julung kalinya diadakan di Istana Negara lama kini sedang berlangsung bermula Read More »
Salam 1 Malaysia, Nyawa Windows XP Masih Panjang? Maaflah kalau tajuk entri ni agak mengelirukan Ceritanya begini. Sebenarnya pihak Microsoft memanjangkan semula tempoh sokongan kemaskini untuk Read More »
Thanks for info.
JT aku mmg ade conflict dgn open graph ni..kalo dah WP seo plugin dah ade open graph kan? tapi bila klik like atau paste url atau share kat fb..thumbnail takde..kadang2 ade…
so bleh letak ke dlm blog aku tu trick ni…btw tqvm
Kalau WP SEO yang kau guna sekarang dia memang tak ada open graph tuk Fb ni.. tu tambah sendiri tu.. Boleh try guna, sebab lepas aku buat ok ada thumbnail..
untuk user biasa macam aku ni, pakai plugin lagi senang kot. leceh la kalo macam ni, tiap-tiap kali tukar theme mesti kena kopipes dalam functions kan?
Hehehe.. betul tu. Memang ada pro dan kontranya. Terpulang kepada keperluan masing-masing