How To Configure Facebook AWD WordPress Facebook OpenGraph Plug-In

BY digiTech - January 18, 2012
Web Design Austin

How To Configure Facebook AWD WordPress Facebook OpenGraph Protocol Plug-In

Austin WordPress Developer | Facebook OpenGraph | Austin Web Design

As promised in our previous post on The Best Facebook OpenGraph plugin for WordPress, this post will walk you through exactly how to setup and configure the Facebook AWD plugin for WordPress. This plugin is extremely powerful, but with all of that power you also get a lot of options so I will walk you through the process.

 

The first step is to login into your wp-admin dashboard and click plugins -> add new. In the search field type “Facebook AWD” and click search. Facebook AWD All in one should appear in your search results and go ahead and install the plug-in. Now activate the plug-in and the easy part is over! You will notice that a new tab has appeared on the left navigation of your WordPress dashboard called “Facebook AWD” so hover over the new Facebook AWD tab and click settings so we can configure the plug-in.

Here is an example of a properly configured Facebook AWD Settings panel. The first option is optional, and if you are a novice or not familiar with code I would recommend setting XFBML to no. The second field is for the Facebook App ID and a lot of people get confused on how to set this up. For your convenience I wrote a blog post on How To Setup Facebook App ID for use with the facebook open graph protocol and Facebook AWD. Once you have your Facebook App setup enter the App ID in the designated field and move forward. Then you need to find the Admin ID which is your regular profile ID for your personal Facebook page, and your page admin ID if you have a Facebook fan page, and we have a guide for how to find your facebook admin id and how to find your Facebook page admin ID for your convenience. Both of these two fields are optional but highly recommended as it will link back correctly with both of your profiles.

Austin Web Design | Facebook OpenGraph Plugin | Austin WordPress

Once you have both of these fields populated with your Facebook ID’s, make sure activate open graph is set to yes and activate Facebook connect to no then click save. Now lets configure the Open Graph protocol settings! Hover over Facebook AWD and click Open Graph. The first tab will be the frontpage tab which is your homepage. These settings are fairly self explanatory, and Facebook AWD comes with some variable features such as %BLOG_TITLE% which will automatically insert the blog title into the corresponding field, click the tabs section to get started. As you can see from the screenshot below I have used the %BLOG_TITLE% variable for my “Title”, select the corresponding type below that depending on your particular business or industry, mine is set to company. The next field is the description which will appear much like a meta description for your homepage, so I have just copied and pasted my meta description from my SEO plugin into the description field here. If you do not have or know what a meta description is, well Google it, then you can type up a 160 character paragraph about your website integrating useful keywords. Once your description is done you will want to insert an image URL into the image field, this is going to be the small thumbnail that will appear in Facebook feeds when someone likes your page, for the homepage I generally use a standard company logo. It is best to make the image proportionate, and 50px by 50px is recommended but if it is larger it will be automatically resized. Use your Media -> add new to upload the image into your WordPress site then copy and paste the URL into this field. The next three fields are the same ID numbers that we located earlier, just copy and paste the same ID’s into these fields if they have not been auto-populated already. Lastly enter your site name, for mine I used the same as my meta title for SEO purposes, if you are familiar with SEO principles then feel free to copy and paste your meta title here, if not just type up a tagline about your website then click save! The other tabs and settings are unnecessary for 99.9 percent of all users.

Austin Web Design | Austin WordPress Developer | Facebook AWD

Now all we have left is to configure your pages, posts and archives with similar settings and your Facebook AWD OpenGraph protocol installation will be complete! Click the next tab which is pages, then click the tags section which again the only section 99.9% of users will need to fill out. This configuration is going to be the same as the homepage configuration except we get a few extra variables to work with such as %POST_TITLE% and %POST_EXCERPT%. Take a look at the screenshot below and you can see how I have configured the settings for the Pages, I prefer to use the blog title variable for the title on this one as well since these are the primary core pages of my website and not posts. I selected article for my type which is fairly standard for pages and I would recommend using this setting or the website tag. I then used the post excerpt variable to automatically input the first 160 characters of the current pages text into this field. Then copy your Facebook ID’s like before, and enter the site name and click save. Only one more to go!

Austin Web Design | Austin SEO | San Antonio WordPress

Lastly lets setup the Posts tab, you can configure the other tabs as well using the same settings but most people do not have like buttons on these pages so would find it pointless. So click the Posts tab, then click tags again, and make sure you have disable tags for this type set to no. I have configured the posts exactly like I configured my pages except for the title I used the post title variable to automatically append the blog post title to this field which I would recommend you do as well. So copy over your data just like we did on the pages section, click save and you are done! Now go integrate some like buttons on your page and watch your social networks grow! Oh yea don’t forget to click Like on this page 🙂

Web Design Austin | SEO Austin TX | WordPress Development

BY digiTech

1 Comments

  • Thanks that was helpful…I am using Facebook AWD its different and doesn’t have all the options you have (ex. the Page ID) PS> Have you had any issues with your comments disappearing? My comments are not showing up and I read that I should edit my permalinks but I haven’t tried this yet. Any suggestions?

Would you like to share your thoughts?

Leave us a comment and we’ll get back to you!