Takanudo

(…because why not)

JSL3 Facebook Wall Feed

Displays your Facebook wall as a widget or through shortcode on a post or page.

Menu

Description

Displays your Facebook wall as a widget or through shortcode on a post or page. Makes use of Fedil Grogan’s Facebook Wall Feed for WordPress code and changes suggested by Daniel Westergren and Neil Pie. German translation provided by Remo Fleckinger. Facebook Graph API v2.0 bug fix provided by Andrew Bloom.
Back to the top

Installation

  1. Download the JSL3 Facebook Wall Feed v1.7.4 widget plugin.
  2. Extract the zip file to the ‘/wp-content/plugins/’ directory.
  3. Activate the plugin through the ‘Plugins’ menu in WordPress.
    Activate the plugin through the 'Plugins' menu in WordPress.

    Activate the plugin through the ‘Plugins’ menu in WordPress.

Back to the top

Configuration

  1. Create your Facebook App. NOTE: You cannot use a Facebook Page to create a Facebook App. You must use your personal Facebook profile. However, once you create your Facebook App, you can use its App ID and App Secret along with the Facebook ID of the Facebook Page you want to get the feed from on the settings page for the plugin.
    1. If this is your first time creating a Facebook App, you will need to register. Otherwise, skip to step e.
      If this is your first time creating a Facebook App, you will need to register.

      If this is your first time creating a Facebook App, you will need to register.

    2. Toggle the button to Yes to agree to the Facebook Policies and then click Next.
      Toggle the button to 'Yes' to agree to the Facebook Policies and then click 'Next.'

      Toggle the button to ‘Yes’ to agree to the Facebook Policies and then click ‘Next.’

    3. After you enter the confirmation code that Facebook sent to your phone, click Register.
      After you enter the confirmation code that Facebook sent to your phone, click 'Register.'

      After you enter the confirmation code that Facebook sent to your phone, click ‘Register.’

    4. Click Done to complete the registration.
      Click 'Done' to complete the registration.

      Click 'Done' to complete the registration.

    5. When you Add a New App, select the Website option.
      When you 'Add a New App', select the 'Website' option.

      When you ‘Add a New App’, select the ‘Website’ option.

    6. Click Create New Facebook App ID.
      Click 'Create New Facebook App ID.'

      Click ‘Create New Facebook App ID.’

    7. Select a category that best fits your WordPress site and then click Create App ID.
      Select a category that best fits your WordPress site and then click 'Create App ID.'

      Select a category that best fits your WordPress site and then click ‘Create App ID.’

    8. Enter your Site URL and Mobile Site URL in the Tell us about your website section at the bottom of the page. Do not enter www. Then click Next.
      Enter your 'Site URL' and 'Mobile Site URL' in the 'Tell us about your website' section at the bottom of the page.

      Enter your ‘Site URL’ and ‘Mobile Site URL’ in the ‘Tell us about your website’ section at the bottom of the page.

    9. Click the Skip to Developer Dashboard link in the Next Steps section at the bottom of the page.
      Click the 'Skip to Developer Dashboard' link in the 'Next Steps' section at the bottom of the page.

      Click the ‘Skip to Developer Dashboard’ link in the ‘Next Steps’ section at the bottom of the page.

    10. Select the Settings menu option. Enter your App Domain and Contact Email. Then click Save Changes.
      Select the 'Settings' menu option. Enter your 'App Domain' and 'Contact Email.'

      Select the ‘Settings’ menu option. Enter your ‘App Domain’ and ‘Contact Email.’

    11. Click the Show button to reveal your App Secret.
      Click the 'Show' button to reveal your 'App Secret.'

      Click the ‘Show’ button to reveal your ‘App Secret.’

    12. Make note of your App ID and App Secret. You will need them in step 2.
      Make note of your 'App ID' and 'App Secret.'

      Make note of your ‘App ID’ and ‘App Secret.’

    13. Select the Status & Review menu option. Change the toggle button to Yes to make you Facebook App available to the public.
      Select the 'Status & Review' menu option. Change the toggle button to 'Yes' to make you Facebook App available to the public.

      Select the ‘Status & Review’ menu option. Change the toggle button to ‘Yes’ to make you Facebook App available to the public.

    14. Click Confirm to complete the creation of your Facebook App.
      Click 'Confirm' to complete the creation of your Facebook App.

      Click ‘Confirm’ to complete the creation of your Facebook App.

  2. Go to JSL3 Facebook Wall Feed under Settings on your WordPress Administration menu. Enter the App ID and App Secret you recorded earlier. Also, enter your Facebook ID. If you do not know your Facebook ID, you can find it at http://findmyfacebookid.com.
    Go to 'JSL3 Facebook Wall Feed' under 'Settings' on your WordPress Administration menu. Enter the 'App ID' and 'App Secret' you recorded earlier.  Also, enter your 'Facebook ID.'

    Go to ‘JSL3 Facebook Wall Feed’ under ‘Settings’ on your WordPress Administration menu. Enter the ‘App ID’ and ‘App Secret’ you recorded earlier. Also, enter your ‘Facebook ID.’

  3. Click the Save Changes button at the bottom of the page. You will be redirected to Facebook. You may be prompted to login a couple of times.
    Click the 'Save Changes' button at the bottom of the page.  You will be redirected to Facebook.

    Click the ‘Save Changes’ button at the bottom of the page. You will be redirected to Facebook.

  4. Click Okay to give your Facebook App permission to access your public profile, News Feed, status updates and groups.
    Click 'Okay' to give your Facebook App permission to access your public profile, News Feed, status updates and groups.

    Click ‘Okay’ to give your Facebook App permission to access your public profile, News Feed, status updates and groups.

  5. Click Okay to give your Facebook App permission to manage your Pages.
    Click 'Okay' to give your Facebook App permission to manage your Pages.

    Click ‘Okay’ to give your Facebook App permission to manage your Pages.

  6. You will be returned to the JSL3 Facebook Wall Feed settings page with your Access Token and its expiration date.
    You will be returned to the JSL3 Facebook Wall Feed settings page with your <strong>Access Token</strong> and its expiration date.

    You will be returned to the JSL3 Facebook Wall Feed settings page with your Access Token and its expiration date.

  7. NOTE: Facebook has changed how the Facebook ID is used with new Facebook Apps. If, after adding your widget to your WordPress site, you see that the feed is blank, go back to the settings page for the plugin and check the box below your Facebook ID and then click the Save Changes button. This will tell the plugin to request the App Scoped User ID instead of your Facebook ID.
    If, after adding your widget to your WordPress site, you see that the feed is blank, go back to the  settings page for the plugin and check the box below your Facebook ID and then click the 'Save Changes' button.

    If, after adding your widget to your WordPress site, you see that the feed is blank, go back to the settings page for the plugin and check the box below your Facebook ID and then click the ‘Save Changes’ button.

Back to the top

Widget Usage

  1. Go to Widgets under Appearance on your WordPress Administration menu. Drag the JSL3 Facebook Wall Feed widget to the sidebar of your choice.
    Drag the 'SL3 Facebook Wall Feed' widget to the sidebar of your choice.

    Drag the ‘JSL3 Facebook Wall Feed’ widget to the sidebar of your choice.

  2. Give the widget a title (or leave it blank) and enter how many posts you want to get from your wall. You may also enter the Facebook ID of the Facebook page you want to display in the widget. If you leave the Facebook ID blank, the widget will use the Facebook ID entered on the settings page for the plugin. Click Save.
    Give the widget a title (or leave it blank) and enter how many posts you want to get from your wall. You may also enter the Facebook ID of the Facebook page you want to display in the widget.

    Give the widget a title (or leave it blank) and enter how many posts you want to get from your wall. You may also enter the Facebook ID of the Facebook page you want to display in the widget.

  3. Go check out your Facebook Wall Feed on your WordPress site.
    Go check out your Facebook Wall Feed on your WordPress site.

    Go check out your Facebook Wall Feed on your WordPress site.

Back to the top

Shortcode Usage

  1. Add the shortcode [jsl3_fwf] or [jsl3_fwf limit="1"] or even [jsl3_fwf limit="1" fb_id="1405307559"] to the Text view of a post or page. If you do not enter a Facebook ID, the plugin will use the Facebook ID entered on the settings page for the plugin. If your feed is blank, try setting the fb_id property to your App Scoped User ID. If you do not know your App Scoped User ID, set the app_scoped_user_id property to true like this: [jsl3_fwf limit="1" fb_id="1405307559" app_scoped_user_id="true"]
    Add the shortcode [jsl3_fwf] or [jsl3_fwf limit="1"] or even [jsl3_fwf limit="1" fb_id="1405307559"] to the 'Text' view of a post or page.

    Add the shortcode [jsl3_fwf] or [jsl3_fwf limit="1"] or even [jsl3_fwf limit="1" fb_id="1405307559"] to the ‘Text’ view of a post or page.

  2. View your Facebook Wall Feed on your WordPress post or page.
    View your Facebook Wall Feed on your WordPress post or page.

    View your Facebook Wall Feed on your WordPress post or page.

Back to the top

Frequently Asked Questions


  • Where can I find support for this plugin?

    Just add a comment and I will do my best to help you.
    Back to the FAQ menu

  • How do I use shortcode to add the Facebook Wall Feed to a post or page?

    Switch to HTML view and add the following:

    [jsl3_fwf]

    To limit the number of posts displayed add the ‘limit’ attribute:

    [jsl3_fwf limit="1"]

    To specify a specific feed to display add the ‘fb_id’ attribute and enter the feed’s Facebook ID:

    [jsl3_fwf limit="1" fb_id="1405307559"]

    If you do not enter a Facebook ID in the shortcode, the plugin will use the Facebook ID entered on the settings page for the plugin.
    Back to the FAQ menu

  • Can I translate the plugin?

    I would be happy if you translated the plugin. You can use the ‘default.po’ file found in the ‘wp-content/plugins/jsl3-facebook-wall-feed/languages’ directory. Use Poedit to translate the plugin into your language and then save the PO file using the text domain (‘jsl3-fwf’), language code and country code as the name. For example, if you translate the plugin into German, you should save the file as ‘jsl3-fwf-de_DE.po’. Finally, place the translated PO file and its corresponding MO file in the ‘wp-content/plugins/jsl3-facebook-wall-feed/languages’ directory.

    Let me know the URL of the site with the translated plugin by posting a comment on the this page.
    Back to the FAQ menu

  • How do I get rid of the ‘Facebook Status’ box?

    To remove the ‘Facebook Status’ box add the following to the bottom of the style sheet on the settings page for the plugin:

    /* Remove Facebook Status */
    #facebook_status_box h2
    {
    display: none;
    }

    Back to the FAQ menu

  • How can I adjust the width of the Facebook Wall Feed?

    To adjust the width of the Facebook Wall Feed add the following to the bottom of the style sheet on the settings page for the plugin:

    /* Adjust width */
    #facebook_status_box
    {
    width: 225px;
    }

    Change the number in front of “px” to one that fits for you.
    Back to the FAQ menu

  • How do I adjust the height of the Facebook Wall Feed?

    To adjust the height of the Facebook Wall Feed add the following to the bottom of the style sheet on the settings page for the plugin:

    /* Adjust height */
    #facebook_status_box
    {
    height: 500px;
    }

    #facebook_status_box #facebook_canvas
    {
    height: 460px;
    }

    Change the numbers in front of “px” to ones that fits for you. Try to keep the height in #facebook_status_box about 40px greater than the height in #facebook_canvas if you are keeping the ‘Facebook Status’ box at the top of the feed.
    Back to the FAQ menu

  • Why is my token set to expire in less than 24 hours?

    I am not sure why Facebook will give some users a short-lived token. Facebook will only allow you to attempt to renew your token once per 24 hours. Try waiting 24 hours from the last time you clicked “Save Changes” on the settings page for the plugin, then try again. If you do not get a token that lasts about 60 days, then you may want to try creating a new Facebook App for the plugin.
    Back to the FAQ menu

  • What does the error “OAuthException: Error validating access token: Session has expired at unix time [UNIX TIME]. The current unix time is [UNIX TIME]” mean?

    It means your access token has expired. Go to the settings page for the plugin and click “Save Changes” to renew your token.
    Back to the FAQ menu

  • What does the error “OAuthException: Error validating access token: The session has been invalidated because the user has changed the password” mean?

    It usually means you changed your Facebook password recently. Go to the settings page for the plugin and click “Save Changes” to validate your session.
    Back to the FAQ menu

  • What does the error “OAuthException: An access token is required to request this resource” mean?

    It usually means you do not have an access token. Check that your App ID and App Secret are correct. Then click “Save Changes” on the settings page for the plugin.
    Back to the FAQ menu

  • What does the error “Exception: No node specified” mean?

    It usually means you have not set your Facebook ID. Check that you have entered your Facebook ID on the settings page for the plugin. Then click “Save Changes” on the settings page for the plugin.
    Back to the FAQ menu

  • What does the error “Exception: SETTINGS: Unrecognized pref_type 0 for NullProfileSettings pref name default_non_connection_tab” mean?

    It usually means are using an incorrect Facebook ID. Check that your Facebook ID is correct. Then click “Save Changes” on the settings page for the plugin.
    Back to the FAQ menu

  • What does “An error occurred with [Your App Name]. Please try again later” mean?

    This is a Facebook error and may also include the following message:

    API Error Code: 191
    API Error Description: The specified URL is not owned by the application
    Error Message: Invalid redirect_uri: Given URL is not allowed by the Application configuration.

    This error means that the App Domain and Site URL for your Facebook App do not match the domain of the website where you are using the plugin. Go to https://developers.facebook.com/apps and click “Edit Settings”. Under “Basic”, change your “App Domain” to match the domain of the website where the plugin is located. In the “Select how your app integrates with Facebook” section, under “Website with Facebook Login”, change your “Site URL” to match the URL of the website where the plugin is located. Do not use “www.” in your App Domain or Site URL.
    Back to the FAQ menu

  • Why is my feed blank?

    First, a blank feed usually indicates an invalid Facebook ID. If you do not know your Facebook ID, then go to https://developers.facebook.com/tools/explorer. Click “Get Access Token”. You may be prompted to log in. If you are prompted to “Select permissions”, click “Get Access Token”. In the text box next to the “Submit” button, enter the “Facebook Username” used in your Facebook URL (for example, my Facebook URL is https://www.facebook.com/takanudo so my Facebook Username is takanudo) followed by “?fields=id”. Click Submit. Your Facebook ID will be in the results.

    Second, The limit property tells Facebook how many posts to return. Some of those posts could be filtered out depending on how you have configured the plugin. For example, if you set the limit to one, the post returned may be filtered out if you have “Only show posts made by this Facebook ID” checked or “Show all status messages” unchecked or “Privacy” set to “Show only wall posts labeled public”. The thoroughness option forces the plugin to keep making requests to Facebook until the limit number has been reached, but it will slow down the plugin dramatically.
    Back to the FAQ menu

Back to the top

Change Log

1.7.4

  • Added a feature to request your App Scoped User ID if your Facebook ID returns a blank feed.
  • Updated the Facebook App configuration guide.

1.7.3

  • Added the ability to only show posts that were posted to the Facebook ID listed in the plugin’s settings page.
  • Fixed a bug introduced in Facebook Graph v2.0..

1.7.2

  • Fixed a bug with how the access token renew check was scheduled.

1.7.1

  • Added group permissions to the feed.

1.7

  • Added the ability to display multiple feeds.
  • Added a German translation to the plugin.

1.6

  • This update displays the likes count for each post and comment.

1.5.5

  • Updated the help section.

1.5.4

  • This update should send fewer notification emails.
  • Changes all URLs to use https.

1.5.3

  • Fixed a minor bug introduced in v1.5.2

1.5.2

  • Fixed privacy setting to work with the change Facebook made to how they display privacy settings in the feed.
  • Minor change to how the style sheet is enqueued into the header.

1.5.1

  • Fixed a bug in the shortcode introduced in v1.5

1.5

  • Added an option to disable the make_clickable() WordPress function added in v1.4.2
  • The plugin will now notify the WordPress admin that their Facebook access token is about to expire a week from the expiration date.

1.4.2

  • Added an option to disable the make_clickable() WordPress function added in v1.4.2
  • The plugin will now notify the WordPress admin that their Facebook access token is about to expire a week from the expiration date.
  • Added make_clickable() WordPress function to convert plain text URI to HTML links.

1.4.1

  • Added CRON schedule to refresh expired tokens because Facebook no longer allows non-expiring tokens.
  • Fixed 1 pixel images filtered through Facebook’s safe_image.php file.
  • Added ability to turn off displaying Facebook icons.
  • Added additional security features.

1.3.1

  • Made the feed validate XHTML 1.0 Strict.
  • Made a cURL and allow_url_fopen check.
  • Feed will now use the same locale as WordPress.
  • Added ability to turn of SSL certificate verification.
  • Added ability to display profile picture from Facebook pages with demographic restrictions.

1.2

  • Added default.po file to support localization.
  • Added thoroughness check.
  • Added ability to show status messages.
  • Added ability to show post comments.
  • Added ability to open links in a new window or tab.
  • Feed will now display a greater variety of wall posts.
  • Accounted for newline character

1.1

  • Fixed a PHP Notice error when displaying video posts.
  • Added shortcode capability.
  • Added a property to limit posts to only the user (posts by other users are not displayed).
  • Added a privacy setting to limit the feed to only public posts.
  • Added contextual help.
  • Added better error handling.

1.0

  • This is the initial version.

Back to the top

Upgrade Notice

1.7.4

Added a feature to request your App Scoped User ID if your Facebook ID returns a blank feed. Also, I finally updated the Facebook App configuration guide.

1.7.3

Added a feature to limit the posts displayed in the feed to only posts that were directly posted to the timeline associated with the Facebook ID you assign to the plugin. Also, fixed a incompatibility bug introduced with the latest Facebook Graph API.

1.7.2

Fixed a timing bug where the access token renew check would be scheduled to run before the expiration date was stored in the database.

1.7.1

A minor update to add group permissions to the feed.

1.7

The plugin now has the ability to display feeds from different Facebook pages. Also, a German translation of the plugin has been provided.

1.6

Facebook removed the likes count from the feed. This update uses a different method to get the likes count for each post. The plugin also displays the likes count for each comment.

1.5.5

The help section has been updated.

1.5.4

Hopefully this update will send fewer email notifications when your token is about to expire. Also, changed all URLs to use https.

1.5.3

Fixed a minor bug introduced in v1.5.2.

1.5.2

Facebook changed public privacy setting to be a blank entry, so I have adjusted the plugin to account for that. Also, for some users, the style sheet would be embedded more than once. This update should fix that.

1.5.1

This is a minor shortcode bug fix.

1.5

This update adds an option to disable the make_clickable() WordPress function added in v1.4.2. Also, the automatic Facebook access token renewal added in v1.4.1 never worked properly. So now the plugin will now notify the WordPress admin that their Facebook access token is about to expire a week from the expiration date. Renewing the token should simply be a matter of clicking “Save Changes” on the settings page for the plugin.

1.4.2

This is a minor update that adds the make_clickable() WordPress function to convert plain text URI to HTML links.

1.4.1

This update adds additional security features. It also adds a CRON schedule to refresh expired tokens because Facebook no longer allows non-expiring tokens.

1.3.1

This update should validate under XHTML 1.0 Strict. It also checks to see if cURL is loaded or allow_url_fopen is on. The feed will now use the same locale setting that WordPress is using.

1.2

This upgrade provides support for localization. Feel free to use the ‘default.po’ file in the ‘languages’ directory to create a translation of the plugin.

1.1

This upgrade provides added security measures and better error handling.

1.0

This is the initial version.
Back to the top

1,629 thoughts on “JSL3 Facebook Wall Feed

  • Rob says:

    How do I get this plugin to only display the date and a caption of the most recent wall post! I need to keep it small to fit in my side menu with out alloqing a scroll bar.

    • Takanudo says:

      To limit the plugin to the most recent wall post, you can set the “Number of wall posts to get” property of the widget to 1. To display just the date and caption would require modifying the code. How comfortable are you with modifying html and php?

    • Takanudo says:

      On second thought, you may be able to do this by modifying the style sheet. Add this to the bottom of the style sheet on the settings page:

      /* remove everything except message */
      #facebook_status_box .fb_post .fb_photo
      {
      display: none;
      }
      #facebook_status_box .fb_post h5
      {
      display: none;
      }
      #facebook_status_box .fb_post .fb_time img
      {
      display: none;
      }
      #facebook_status_box .fb_link_post
      {
      display: none;
      }
      #facebook_status_box .fb_commLink
      {
      display: none;
      }
      #facebook_status_box h2
      {
      display: none;
      }

  • Phillip Ross says:

    The app is showing on my website, but there is no info. It is blank. When I ran a Facebook diagnostic it came back regarding Open Graph with:

    Inferred Property: The og:url property should be explicitly provided, even if a value can be inferred from other tags.
    Inferred Property: The og:title property should be explicitly provided, even if a value can be inferred from other tags.
    Inferred Property: The og:image property should be explicitly provided, even if a value can be inferred from other tags.
    Inferred Property: The og:locale property should be explicitly provided, even if a value can be inferred from other tags.

  • Natasja says:

    Hello Takanudo,
    I also get a blank widget. The token was placed in the settings, I did all steps on your site. Can you help me how to get the post in the widget?

    Kind regards
    Natasja

  • Plugins works great except that it show ‘Facebook Status’ at the top of the widget text area (bottom of homepage). How do I remove this? Have browsed through the ‘settings code edit’ options and the ‘edit code’ but am not finding it. Thanks!

    • Takanudo says:

      To remove the ‘Facebook Status’ add the following to the bottom of the style sheet on the settings page for the plugin.

      /* Remove Facebook Status */
      #facebook_status_box h2
      {
      display: none;
      }

  • Gary Dates says:

    I set up everything following your instructions above, but I never got an Access Token so there is no info being displayed in the widget. Also, is it possible to display this info the the main body of a WP page?

  • Gary Dates says:

    OK. That fixed it! Now the FB content appears in the widget on my site. GREAT!!

    One last request….is there a way to place this content into a non-widgetized area such as the main content area on any given WP page?

    • Takanudo says:

      I’m glad it is working for you. Unfortunately, placing the content into a non-widgetized area is not possible with this version. However, it is definitely something I will work on for the next version.

  • Jason Adams says:

    I didn’t get an access token and feed is blank. Any ideas?

    Regards,
    Jason
    fly fishing flies

  • Jason Adams says:

    My feed is blank, and I didn’t get a access token?

    Can you help

  • mel says:

    Thank you so much!!! This plugin is amazing!!! Just wondering if it is possible to only display status updates and posts by the user, rather than all activity on the wall? Many thanks!!!!!!

  • Simen says:

    Hi, the facebook widgets is blank. But i get a access token. hmmmmm….

  • Tim says:

    No Access Token is showing up in my JSL3 Facebook Wall Feed Settings page, and the feed as it displays in my WordPress site appears to be blank. I went to https://developers.facebook.com/apps and the Site Domain is mydomain.org and the Site URL is http://beta.mydomain.org (mydomain is of course not what it really says, but the domain is as it should be). Can you help? Thanks on advance!

    • Takanudo says:

      Can you give me the following information:

      WordPress version:
      JSL3 Facebook Wall Feed plugin version:
      PHP version:
      mySQL version:

      Also, try doing the following:

      1. Log into your Facebook account.
      2. Go to your Privacy Settings
      3. For “Apps and Websites” click “Edit Settings.”
      4. For “Apps you use” click “Edit Settings.”
      5. For the app you created for the JSL3 Facebook Wall Feed, click the x and “Remove App”
      6. Go back to your WordPress Dashboard.
      7. Go to the plugin settings page and delete the values for Facebook ID, App ID, and App Secret. Then click “Save Changes”. You will get an error message from facebook.
      8. Go back to the plugin settings page and reenter your information and click “Save Changes”.

      Let me know what happens.

      • Tim says:

        Thanks for your quick reply!

        I followed the steps you listed and then Facebook prompted me to log in and allow the app access again. I allowed it access again. Then I refreshed my WordPress site and nothing was different: still no access token and still no feed visible.

        WordPress version: 3.2.1
        JSL3 Facebook Wall Feed plugin version: v1.1
        PHP version: 5.2.13
        mySQL version: 5.0.51a

        Do you have any other suggestions?

  • Oranda says:

    Hello,

    i am trying out this application. I followed the steps but never got to fill in the Access Token.

    I am not sure what steps to take,

    thanks

    Oranda

    • Takanudo says:

      Can you give me the following information:

      WordPress version:
      JSL3 Facebook Wall Feed plugin version:
      PHP version:
      mySQL version:

      Also, try doing the following:

      1. Log into your Facebook account.
      2. Go to your Privacy Settings
      3. For “Apps and Websites” click “Edit Settings.”
      4. For “Apps you use” click “Edit Settings.”
      5. For the app you created for the JSL3 Facebook Wall Feed, click the x and “Remove App”
      6. Go back to your WordPress Dashboard.
      7. Go to the plugin settings page and delete the values for Facebook ID, App ID, and App Secret. Then click “Save Changes”. You will get an error message from facebook.
      8. Go back to the plugin settings page and reenter your information and click “Save Changes”.

      Let me know what happens.

  • Tricia says:

    I too have followed all the instructions and received the token but the widget is blank. Any suggestions?

    • Takanudo says:

      Can you give me the following information:

      WordPress version:
      JSL3 Facebook Wall Feed plugin version:
      PHP version:
      mySQL version:

      Also, try doing the following:

      1. Log into your Facebook account.
      2. Go to your Privacy Settings
      3. For “Apps and Websites” click “Edit Settings.”
      4. For “Apps you use” click “Edit Settings.”
      5. For the app you created for the JSL3 Facebook Wall Feed, click the x and “Remove App”
      6. Go back to your WordPress Dashboard.
      7. Go to the plugin settings page and delete the values for Facebook ID, App ID, and App Secret. Then click “Save Changes”. You will get an error message from facebook.
      8. Go back to the plugin settings page and reenter your information and click “Save Changes”.

      Let me know what happens.

      • Tricia says:

        Tak:

        Here is the information that you requested:

        WordPress version: 3.2.1
        JSL3 Facebook Wall Feed plugin version: 1.1
        PHP version: 5.2
        mySQL version: 5.0

        I am also hosted on a Linux operating system. Wasn’t sure if that made a difference. I did try your steps and it didn’t make a difference, it is still blank. I even tried uninstalling the plugin and reinstalling it and regenerating the Secret.

        • Takanudo says:

          Would you mind telling me what permissions are set on your Facebook App?

          1. Log into your Facebook account.
          2. Go to your Privacy Settings
          3. For “Apps and Websites” click “Edit Settings.”
          4. For “Apps you use” click “Edit Settings.”
          5. For the app you created for the JSL3 Facebook Wall Feed, click “Edit”
          6. Tell me what is under “This app can also:”

  • Justin says:

    Is there a way to call this directly from within a page template using php? Tried to do something like this

    Didn’t seem to work. Think I’m on the right track though. Any help would be awesome.

    Great plugin! Thanks so much for taking the time to make it!

    • Justin says:

      It took out my code.. Sorry

      the_widget(‘JSL3_FWF_Widget’)

      • Takanudo says:

        Try adding this if you are using version 1.1 of the plugin:

        <?php
        $jsl3_fwf_limit = 100;
        $jsl3_fwf = new JSL3_Facebook_Wall_Feed();
        $jsl3_fwf_dev_options = $jsl3_fwf->get_admin_options();
        $jsl3_fwf_feed = new UKI_Facebook_Wall_Feed(
        $jsl3_fwf_dev_options[ 'fb_id' ],
        $jsl3_fwf_dev_options[ 'app_id' ],
        $jsl3_fwf_dev_options[ 'app_secret' ],
        $jsl3_fwf_limit,
        $jsl3_fwf_dev_options[ 'token' ],
        $jsl3_fwf_dev_options[ 'fb_id_only' ],
        $jsl3_fwf_dev_options[ 'privacy' ] );
        $jsl3_fwf_feed->get_fb_wall_feed();
        echo $jsl3_fwf_feed->display_fb_wall_feed();
        ?>

        • Justin says:

          Thanks so much for the quick response! It’s doing the same thing that my first attempt did. It’s showing the widget with absolutely no posts in it. However, in thinking about it, I am trying to test this locally. Is that why this would not be working accurately right now?

          • Takanudo says:

            Yes. Your facebook app is going to prevent you from accessing it outside the domain you specified when you created the app.

          • Justin says:

            Cool. Well I thought I set up the URL’s correctly. I got that API 191 error code at first but changed up the URL and domain settings to match my local settings but clearly there’s something that is not right about this set up. It’s really not worth it to try and go through the trouble of making this work locally when it clearly will work perfectly fine on a live server. I’ll just style it as much as I can and do the rest when it’s live. Thanks again for your help and the plugin!!!

        • Pablo says:

          Hey,
          Your plug-in is awesome.
          I’m using new version of the plugin 1.3.1. When I try to put the_widget(‘JSL3_FWF_Widget’) I recive the jsl3 but without content.
          Whereas I put your code (above). There is nothing included at my page… 🙁
          Could you give me any solution??

          Thanks a lot

  • Sandi says:

    I am still developing this site for a client. I had him login to his FB account to setup the App and send me the FB id, App ID and App secret. When I enter these codes, however, I am getting the following error “An error occurred with TheFPIConsortium. Please try again later.” This is the correct FB page name, but there is something not right with the setup. Is it possible for me to setup this app for my client without having to login to his FB acct? I am under a deadline to get this site finished for my client and I am stumped (love this plugin though and really want to make it work). Help?

    • Sandi says:

      I have another question. I saw there was an upgrade to your plugin which I implemented. But now there is a style in the div id:
      #facebook_canvas { background-color: #FFEBE8; border-color: #CC0000; }
      …These colors dont fit with my color scheme, but I cannot find this div in order to restyle these 2 colors to my site colors. Where is it hiding?

      Thanks in advance!

      • Takanudo says:

        The “facebook_canvas” div is right under the “Facebook Status”.

        <div id="facebook_status_box">
        <h2>Facebook Status</h2>
        <div id="facebook_canvas"> </div>
        </div>

        • Sandi says:

          Thanks for the info about it not working on an IP address; I thought I was loosing my mind … LOL. I will wait until the site goes live for this part of my question.

          I have still been unsuccessful in the 2nd part trying to get the colors of the facebook_canvas div to change. Is this div on the uki_facebook_wall_feed.css? The only facebook_canvas reference I can find is:
          #facebook_status_box #facebook_canvas {
          overflow: auto;
          height: 409px;
          }
          Currently it is displaying a pink border and light pink bg. When I firebug it, it is showing like this:

          …but I cannot find the facebook_canvas div on the style sheet other than the one I posted above (#facebook_status_box #facebook_canvas).

          I hope this makes sense … thanks!

          • Sandi says:

            I see only part of my message posted, I hope you understand my question. Thanks

          • Takanudo says:

            What you are seeing is an error message box without an error message in it. 🙂 I’ll need to fix that in the next version. However, once you successfully connect to facebook, that box will disappear.

    • Takanudo says:

      The error usually occurs when the domain you set up for the app doesn’t match the domain you are using the plugin on. I see you have linked to an IP address instead of a domain name. Running the plugin from an IP address could be causing the problem since you can’t put an IP address on the app. You can set up your own app. Then use its app ID and app Secret with you clients Facebook ID. You will only be able to get public posts, though.

  • Sandi says:

    Awesome – thanks so much for your quick replies!

  • Rach says:

    Hey

    I may be experiencing a similar issue to that of someone else further up this thread. I’ve created the fb app, filled in the appropriate fields on the wp plugin, received an access token. I’ve also allowed access via facebook, changed my privacy settings to public, but I am getting this error when I include the shortcode:

    Exception: SETTINGS: Unrecognized pref_type 0 for NullProfileSettings pref name default_non_connection_tab.

    Is there a privacy setting in facebook that I am missing?

    Any help would be greatly appreciated.

    Thanks!

    Rach

    • Takanudo says:

      I sent you en email.

    • Takanudo says:

      I can’t find anything on your error. Would you mind telling me what permissions are set on your Facebook App?

      1. Log into your Facebook account.
      2. Go to your Privacy Settings
      3. For “Apps and Websites” click “Edit Settings.”
      4. For “Apps you use” click “Edit Settings.”
      5. For the app you created for the JSL3 Facebook Wall Feed, click “Edit”
      6. Tell me what is under “This app can also:”

      • Rach says:

        Hi Tak:

        In fb the settings are:

        Manage your pages
        **** may login as one of your Pages

        Access posts in your News Feed

        Access your data any time
        **** may access your data when you are not using the application

        thanks!

        Rach

  • Jay Zenner says:

    I’m trying to set this up to display my Rotary club’s facebook page for which I am an administrator. However, when I start the process it tells me to switch to my personal account. I don’t want my personal stuff to display on the Rotary site. Is it possible to use this with pages? If so, how do I do it.

    • Takanudo says:

      It should work with pages. Can you tell me what step in the configuration it is asking you to switch to your personal account?

      http://takanudo.com/jsl3-facebook-wall-feed/#jsl3_fwf_config

      • Jay Zenner says:

        At the point where I save the settings on the plugin settings page. It tells me to switch to using my personal page and then I get an API error code 191 The specified URL is not owned by the application. This could be that I’m using a secondary domain for the development and previewdns while I’m working on this. This is the temporary url http://site.durhamrotaryclub.org.previewdns.com.

        I did get the plugin working on my personal site (always a triumph for a non coding guy) so I’m pretty sure I’ve taken the right steps so far.

        Thanks again for your help.

        • Takanudo says:

          Did you create a separate Facebook App for “site.durhamrotaryclub.org.previewdns.com” while you were logged in to your rotary club’s facebook page? If so, make sure its App Domain is “site.durhamrotaryclub.org.previewdns.com” and the Site URL is “http://site.durhamrotaryclub.org.previewdns.com”.

          Next, try logging out of Facebook. Then click “Save Changes” on the settings page of the plugin. When you do, you will be prompted to log back in to Facebook. Log in as your rotary club’s Facebook page. Hopefully, it will take this time.

          When you go live, you’ll have to change the App Domain and Site URL to the domain of your live site and then click “Save Changes” on the settings page of the plugin to validate the changes.

          • Jay Zenner says:

            I did get the plugin working correctly on my personal site going through the steps you suggested so I think I see what has to happen. I think I’m just going to wait until I go live with the whole site to finish the process on the Rotary site. It looks good on my personal site…I even figured out how to change the background color to match the content background. Thanks.

  • laura says:

    Hi

    I have the feed working but it’s bigger (wider) than the box it’s supposed to fit in
    Any ideas?

    • Takanudo says:

      Try adding this to the bottom of the style sheet on the settings page:

      /* Adjust width */
      #facebook_status_box
      {
      width: 225px;
      }

  • Kellie says:

    Amazing, this is working really well for me, but I have a question that may have already been answered however … how do I change the links to ‘open in new window’? Thanks in advance

    • Takanudo says:

      Unfortunately, you cannot change the links to open in a new window without modifying the actual plugin. However, I will add that capability in the next version of the plugin.

  • Ian Souter says:

    is it possible to use this app to access a business page’s feed? i post way too many political things to pull my personal FB wall feed 🙂

  • Jon says:

    This plugin has worked for me on another site but for some reason refuses to work on the current site I’m working on.

    Error: No access token returned. Please double check you have correct Facebook ID, App ID, and App Secret.

    I have no extra spaces on any of those fields.
    My app domain is mydomain.com and the site url is http://www.mydomain.com.

    I am running :
    WP 3.3
    PHP 5.3.3
    mySQL 5.0.77

    Any help would be appreciated.

    • Takanudo says:

      What version of the plugin are you using? Usually, this error occurs if you have an incorrect App ID or App Secret. Can you double check them? Doing a cut and paste from your App page is probably the best way to go.

      • Michele says:

        I have the same problem.
        The plugin was tested on another domain where it works perfectly but in the actual domain i get this error

        The app ID and app Secret have been cut and copied from the facebook application page

        Any suggestions?
        Thanks

      • Jon says:

        I grabbed it straight from the plugin repository.

        I triple checked my App ID and App Secret as well. They were copy and pasted from my App page and are both correct.

        Any other ideas?

        • Jon says:

          I should also mention that I created a new app for the site I am currently working on and that the Facebook feed I am trying to get is from a page. /pages/Cheer-Sport-Sharks/54430856975

          For the Facebook ID I just used 54430856975

          • Takanudo says:

            Would you mind telling me what permissions are set on your Facebook App?

            1. Log into your Facebook account.
            2. Go to your Privacy Settings
            3. For “Apps and Websites” click “Edit Settings.”
            4. For “Apps you use” click “Edit Settings.”
            5. For the app you created for the JSL3 Facebook Wall Feed, click “Edit”
            6. Tell me what is under “This app can also:”

        • Takanudo says:

          I put out an update a few days ago, so depending on when you grabbed it you could have v1.1 or v1.2. Your plugins page will tell you what version you have. Also, did you create a new app for the site you are having problems with?

        • Jon says:

          Here is what is says:

          This app can:

          Access my basic information
          Includes name, profile picture, gender, networks, user ID, l…See More

          Access my content
          Facebook Status

          Manage my pages
          **** may login as any of my 1 Pages, including: ****

          Access posts in my News Feed

          Access my data any time
          **** may access my data when I’m not using the application

  • Michele says:

    I have the same problem.
    The plugin was tested on another domain where it works perfectly but in the actual domain i get this error

    WordPress 3.3
    PHP 5.3.2
    MySQL 5.0.51a
    Plugin 1.2

    The app ID and app Secret have been cut and copied from the facebook application page

    Any suggestions?
    Thanks

    • Takanudo says:

      Just to be clear, did you get an access token? Also, did you create a new app for the domain you are having problems with? What is the App Domain and Site URL for the app you are having trouble with?

      • Michele says:

        After migrating the site on right domain i’ve created a new facebook application, inserted all new necessary data and allowed developper to access my information, but after doing this, the plugin returns this error:

        No access token returned. Please double check you have correct Facebook ID, App ID, and App Secret.

        The application domain is http://www.pompon.it and the site URL using this plugin is http://www.pompon.it/disco

        Sorry for my bad english

        Thanks

        • Takanudo says:

          You may be having the same problem that Jon had. You can try his fix:

          http://takanudo.com/jsl3-facebook-wall-feed/comment-page-2/#comment-156

          Or you can try the development version, which has a fix. Just delete the ‘jsl3-facebook-wall-feed’ directory in your ‘/wp-content/plugins/’ directory and replace it with the directory in the zip file.

          http://downloads.wordpress.org/plugin/jsl3-facebook-wall-feed.zip

          • Michele Rubin says:

            I’ve tried both solutions but the plugin return the same error and it don’t get the access token..

          • Takanudo says:

            I would like to see the actual error message being generated by cURL, if any. Would you be willing to modify the php? I’m assuming you have the development version installed. If so do the following:

            1. Open ‘/wp-content/plugins/jsl3-facebook-wall-feed/php/class-jsl3-facebook-wall-feed.php’
            2. Add a new line after line 720, which says ‘curl_exec( $ch );’
            3. On the new line 721 add the following:
            echo 'CURL_ERROR_2 = ' . curl_error($ch);
            3. Line 719 is empty, add the following two lines:
            echo 'CURL_INFO = ' . print_r(curl_getinfo($ch), TRUE);
            echo 'CURL_ERROR_1 = ' . curl_error($ch);
            4. Save the file.
            5. Click ‘Save Changes’ on the settings page for the plugin.
            6. A line with ‘CURL_INFO =’ in front of it followed by a line with ‘CURL_ERROR_1 =’ in front followed by another line with ‘CURL_ERROR_2 =’ in front of it will display at the top of the page.

            Let me know what those lines say.

            Or you can try the latest development version, which I changed to, hopefully, display a better error message. Just delete the ‘jsl3-facebook-wall-feed’ directory in your ‘/wp-content/plugins/’ directory and replace it with the directory in the zip file.

            http://downloads.wordpress.org/plugin/jsl3-facebook-wall-feed.zip

          • Michele says:

            I’ve installed the latest development version and the error now is:

            [7] couldn’t connect to host

          • Takanudo says:

            Do you know if your server is behind a proxy? If it is not, then I do not think I can help you. It would seem that ‘https://graph.facebook.com’ or port 443 is blocked on your server. You may want to contact your server administrator about putting in an exception. I am sorry I could not be of more help.

  • I have spent hours trying to find tutorials, web support or any other answer on how to add a Facebook like button on my website. I have asked the questoin on Word press support and no answer. I uploaded your plug in read your directions and I get an error message from FAcebok try back later.

    What in the holy moly do I have to do to get Facebook on my webpage. I’m not the sharpest techno knife in the drawer, but I’ve tried everything and am sooooo frustrated!

    • Takanudo says:

      I have never seen a “try back later” error. Are you getting this every time you click “Save Changes” on the settings page for the plugin? Did you get an access token? What is the App Domain and Site URL for your app?

  • Jon says:

    I should also mention that the feed I am trying to get is from a page (which has worked for me before).

    The page is /pages/Cheer-Sport-Sharks/54430856975.
    The Facebook ID I entered is 54430856975.

1 2 3 27

Leave a Reply

Your email address will not be published. Required fields are marked *