Facebook Emoticons

Make Your own Facebook Emoticons Application

This basic application will not even require an install from the user.

This site has alot of information:

Please Note: You will need a hosting plan.

Facebook Emoticons Developers

1. Go to:

   Code:

   http://www.facebook.com/developers/createapp.php

   
   The Following screen will appear:
   

2. Click Canvas
   • Note: Canvas Page URL is the URL you visit on Facebook Emoticons, your custom URL
     Canvas Callback URL is the URL Facebook Emoticons copies the content off. (Like an alias)

   
   Fill out:

   Select FBML:
   Click Save Changes:
   

3. On this new page:
   1. Note down the API KEY and APPLICATION SECRET
   2. Click Download the Client Library:
      

      Navigate to: facebook-platform -> php -> and copy all these files to the directory of your website

4. Upload files to the website location you entered into Canvas Callback URL (More Information Below)
5. Visit Canvas Page URL to view.

Coding Your Site

1. Create a file called “index.php” at the top include this code:
   

   Code:

   <?php require_once ‘facebook.php’; $appapikey = ‘API KEY’; $appsecret = ‘APPLICATION SECRET’; $facebook = new Facebook($appapikey, $appsecret); ?>

2. Next include all the code you wish to display, including FBJS you wish to use.Here is an example file:
   

   Code:

   <?php require_once ‘facebook.php’; $appapikey = ‘API KEY’; $appsecret = ‘SECRET’; $facebook = new Facebook($appapikey, $appsecret); $message = “MESSAGE TO DISPLAY”; ?> <h1>Message Display</h1> Your Message: <?php echo $message; ?> <script type=”text/javascript”> var attachment = { ‘name’:'Message Display’, ‘href’:'http://apps.facebook.com/canvasurl/’ , ‘caption’:'{*actor*} displayed the following message:’ , ‘description’:'<?php echo $message; ?>’ , ‘properties’:[{'text':'Get Your Own','href':'http://apps.facebook.com/canvasurl/'}] , ‘media’: [{'type':'image','src':'http://www.google.com/linktoimage.jpg','href':'http://apps.facebook.com/canvasurl/'}] }; Facebook.streamPublish(”, attachment);</script>

Testing

1. When you visit this on the server:
   
2. When you visit this on Facebook:
   
3. And Your Wall:
   

Facebook Emoticons