How to Add Facebook Recommendation Box to Oxwall Forum Topics

How to Add Facebook Recommendation Box to Oxwall Forum Topics

The Facebook recommendation box displays your website contents recommended on Facebook by you or your users in the past. To generate the recommendations, the plugin considers all the social interactions with URLs from your site.

Why Does it Matter?

This widget helps your readers to view older post recommended by other users on Facebook but apart from keeping your site relevant, it does a lot to improve your search engine ranking.

Here is what I mean: Sometimes the Google search engine (for example) will rank a website base on the percentage of the bounce rate the website receives. (Bounce rate is when a user visits only one page of website) The lower you bounce rate the better for you: That is to say; a person with 28% bounce rate will get a better search engine ranking than someone with 78% bounce rate.

Why You Often Get Bounce Rate from Organic Search Traffic

Now this is the secret: I placed those ten boxes just below this article to enable you view my previous articles. Not only I mine doing this for you, I’m also trying to prove to search engines that you got the right information you were searching for from my blog. The moment you click on any of those boxes, you just confirmed that.
Now go back to your oxwall powered site. Check the forum topics. What do you  think is missing? What do you think is your reader’s next action after reading a fantastic news you just publish on your news forum? Being in such a ‘desolated’ environment, my best guess is that the user will close the window/tab or simply bookmark the page for future reference.
Now, Imagine you have a recommend box right below each of your oxwall forum topics, quite similar like the one you used to have on Blogger and WordPress
I guess the mare thought of that is so comforting?
Yes, that’s exactly what I’m going to show you how to do on this tutorial.

Adding Facebook Recommendation Box to Oxwall Forum Topics

Installing Plugin

For this widget to work properly, you need to install the facebook social plugin. If you have done that before skip this part, otherwise follow the steps below:
  • Goto http://yoursite.com/admin/settings/page
  • In the custom header code section paste the code below:

<div id=”fb-root”></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = “//connect.facebook.net/en_US/all.js#xfbml=1”;
  fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

  • Scroll down and hit the save button.

Implementing Recommendation Box to Forum Topics 

  • Login to your cPanel account.
  • Browse to the directory /ow_plugins/forum/views/controllers in your oxwall installation path.
  • Open topic_index.html file in the Edit mode.
  • Find the following diversion:

<div class=”ow_left” style=”width: 70%;”>

  • Just above/before this code paste:

 <div class=”fb-recommendations” data-site=”http://www.eobasi.com/” data-action=”Comma separated list of action of action types” data-width=”600” data-height=”400” data-header=”true“></div>

 Change the Following…

  1. www.eobasi.com -Your website url
  2. 600 -Change the width to fit in your website
  3. 400 -Change the height of the recommendation box
  4. true -Set to false to turn off the header text (‘Recommendation‘)

When you are finally done with this changes, you can save your changes.

  • Refresh your forum page and enjoy your new widget. vizz…
Always remember that you *must clear your website cache before your changes can come alive… Chikinah 🙂

The following two tabs change content below.

Ebenezer Obasi

Senior executive editor at EwtNet
A web developer, IT undergrad, terrible entrepreneur, internet freak and a man of a few other incongruous talents, Ebenezer has been writing on technology since 2012, and plans to do so until a few days before his ultimate fate: cryogenic preservation. If resurrected, he is likely to go back to writing on technology.
  • TAGS :

Recieve Free Email Updates!

Leave a Reply