How to add Facebook like button in Android applications?

In this post, I am going to discuss about integrating Facebook Like button in Android applications using Facebook SDK.

What is Facebook SDK?

Facebook provides SDK for Android to build Android applications to increase the engagement with it’s World’s number one Social Networking platform. To know more about Facebook SDK, please follow this link.

What are we going to develop?

The application which we are going to develop will have Facebook Like button at the center of the App. When User taps on Like button, Facebook Like Dialog will be opened, User has to hit Like button.

You can download source code from here if you don’t want to create Application from scratch, otherwise please proceed with below listings.

Prerequisites

Facebook SDK must be configured in your Eclipse IDE, please take help from this post – Getting Started with the Facebook SDK for Android to setup Facebook SDK.

Review

Please note that you will have to submit your integration of the Like button for review via the Status and Review tab in the App Dashboard. Please read the Review Guidelines).

Also You will need to abide by our Platform Policy 4.14: Don’t collect or use any information from User.

Facebook will not accept Likes until you submit your Application for review and get it approved. Your app will work as expected only when Facebook approve your App after review.

Let us start with creating Android application.

Step 1: Create Android Application Project

  • Create new android project [File >> New >> Android Application Project] with project name FBLikeActivity
  • Enter the package name and activity name you have entered in Facebook developer console while creating Facebook Application
  • Choose Minimum Required SDK, Target SDK and Compile with (Choose latest SDKs to make sure Facebook SDK will work without any issues). Confused on choosing these options? Take a look at Minimum Required SDK – Target SDK – Compile With post.
  • Click Next button and finally click ‘Finish’ to create project

Step 2: Add Facebook SDK as dependency project

Right click on the project you created >> Choose Properties >> Choose Android Tab >> Go to lower part of the dialog >> Click on Add button >> Select FacebookSDK Project.

Troubleshooting Tips:

  1. You should configure FacebookSDK in your workspace, that means import FacebookSDK library project into your workspace before your try to add it as dependency project.
  2. FacebookSDK library project and the Anroid application you just created should be under same Workspace.

Step 3: Design screen

Open activity_main.xml and replace it with below code.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.prgguru.example.MainActivity" >

    <TextView
        android:id="@+id/name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dip"
        android:gravity="left"
        android:text="@string/about_us"
        android:textSize="15dp" />

    <com.facebook.widget.LikeView
        android:id="@+id/like_view"
        android:layout_width="250dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="30dp" />

</LinearLayout>

Step 4: MainActivity.java – Main Class

Open MainActivity.java and replace it with below code.

Each line of code is commented well, if you still have any doubt or question discuss it.

package com.prgguru.example;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.util.Log;

import com.facebook.Settings;
import com.facebook.widget.LikeView;

public class MainActivity extends Activity {
	private static final String TAG = "FBLike";
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// To initialize Facebook SDK in your app
		Settings.sdkInitialize(this);
		// Get LikeView button
		LikeView likeView = (LikeView) findViewById(R.id.like_view);
		// Set the object for which you want to get likes from your users (Photo, Link or even your FB Fan page)
		likeView.setObjectId("https://www.facebook.com/AndroidProgrammerGuru");
		// Set foreground color fpr Like count text
		likeView.setForegroundColor(-256);
	}

	@Override
	public void onActivityResult(int requestCode, int resultCode, Intent data) {
		super.onActivityResult(requestCode, resultCode, data);
		LikeView.handleOnActivityResult(this, requestCode, resultCode, data);
		Log.i(TAG, "OnActivityResult...");
	}
}

Step 5: Add the Facebook app ID into your project

Add your Facebook app ID into your project, open up the strings.xml file in the res/values folder of your project and add below value:

<string name="app_id">YOUR_FACEBOOK_APP_ID</string>

Step 6: Add Meta Data to application tag in AndroidManifest

As shown below, add a ‘Meta Data’ item called com.facebook.sdk.ApplicationId, with a value of the app_id string you just configured:

<meta-data
            android:name="com.facebook.sdk.ApplicationId"
            android:value="@string/app_id" />

Step 7: Add permission in AndroidManifest.xml

Add Internet permission in AndroidManifest:

 <uses-permission android:name="android.permission.INTERNET" />

[pglinkadssmall1]

Here is the complete AndroidManifest:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.prgguru.example"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="19" />

    <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <meta-data
            android:name="com.facebook.sdk.ApplicationId"
            android:value="@string/app_id" />

        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Demo

That’s all. It’s time to test our code.

Run the application using emulator or device by right clicking on the project >> Run as >> Android applicaiton >> Choose emulator or device.



Download Source Code

Entire project is zipped and is available for download. Unzip the downloaded project and to import the project into eclipse, launch eclipse >> File >> Import.. >> Choose downloaded project (How to import android project in eclipse).

Download Source Code

*apk in Android  is the installation file similar to exe in windows.

[pglinkadssmall]

If you feel this article is helpful and interesting please spread a word about it to your friends and colleagues by sharing the article in Facebook or Twitter.

Share

You are always welcome to provide your comments and feedback from comment box.

[pgwriteforus]

[pgfeedback]

Author: Android Guru

Share This Post On
  • sugat

    Hi ,

    I tired your sample project , it does not work . Is it beacuse of FB approval ? or am I missing something?

  • http://programmerguru.com/ Android Guru

    Yes, exactly.

  • Tejas

    Hello, i made project as same as like you, but that like button work only one phone.If i try to run app in other one then like button wont work.What will be the ptoblem ?

  • Vineet

    import com.facebook.Settings; showing me error for creating class also import com.facebook.widget.LikeView; shows error and tells to create class???

    Please help

Join now to get more access to our Android Tutorials

Join now to get more access to our Android Tutorials

Once you Join, you will receive Mail containing latest Android Tutorials once a month !!

I promise I wont spam you !!

You have Successfully Subscribed!

Pin It on Pinterest

Shares