DOC & Help Center

Article & Knowledge Base

Other:Facebook Open Graph Meta for WordPress

Penambahan Fungsi Open Graph Facebook pada theme wordpress. Tambahkan script dibawah pada file functions themes letakkan pada baris paling bawah atau diatur sendiri sesuai settingan yang di inginkan. Langkah ini merupakan alternative tanpa menggunkakan plugin dari Facebook itu sendiri. ( Facebook Open Graph Meta for WordPress )

Catatan:

Setting  URL gambar default dengan gambar yang sesuai Anda inginkan baik dalam bentuk logo maupun foto pribadi Anda, jadi jika posting Anda tidak memiliki thumbnail, maka foto atau image yang di ambil atau ditampakkan adalah sesuai dengan settingan default Anda. Studi menunjukkan bahwa posting bersama tanpa thumbnail kurang efektif dibandingkan dengan thumbnail. Anda juga bisa mengganti/ menambahkan ID USER Anda pada perintah fb:admins sesuai dengan keinginan Anda.  Anda dapat menemukan Facebook ID pengguna Anda dengan pergi ke URL ini:

http://graph.facebook.com/greenboxindonesia (Hanya mengganti greenboxindonesia dengan username Anda sendiri).

Ingat, jika Anda tidak ingin berurusan dengan kode, maka cukup men-download plugin saja Facebook Open Graph Meta untuk WordPress. Ada banyak pilihan dalam plugin tersebut dan Anda bisa mencobanya, alasan kenapa ada alternative dengan cara seperti ini yaitu menyampingkan fungsi plugin karena fungsi plugin (banyaknya) yang terinstall pada website juga berpengaruh pada kinerja sebuah website tersebut. Mau memilih mana itu menjadi pilihan Anda.

Berikut script yang perlu ditambahkan pada file functions pada themes wordpress yang sedang Anda gunakan sekarang.

/**
 * 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="Admin"/>';
        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="' . get_bloginfo('name') . '"/>';
	if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
		$default_image="http://www.img.greenboxindonesia.com/Fg.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 "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );

//end of add open graph facebook.

Related Content

Export WordPress Posts To Custom Post Type

Introduction Different types of content should be organized, whether that be by taxonomies, custom post types, or both. Older websites tend to use the standard

Scroll to Top
Scroll to Top