Show Thread Enhancements - Add New Facebook "Like" button to your threads

Please remember to click Mark as Installed if you use this modification.

Facebook has just launched their latest "Like" button to developers to use on any site. What this does is utilizes the Advertising module to add the "Like" button to the first post of each thread. Please see screenshots to get an idea.

In your Admin CP go to Advertising > New Ad > Choose "Thread" from the dropdown and then select the first thread box. Give it a title (I called mine FB Like) leave "First Post Content" at default and paste in this code:

<!-- Facebook Like -->
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURSITE.com/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:px"></iframe>
<!-- / Facebook Like -->

Be sure to change YOURSITE.com to your URL including your forum.

The VBSEO team has instructions on how to make this work for their product here http://www.vbseo.com/f2/facebook-lik...95/#post265997

===========================================
Option 2 (different from above, do not use together) will show at top, see screenshot #3

In Postbit (or legacy) find:

{vb:raw ad_location.thread_first_post_content}

Add this after:

<vb:if condition="(THIS_SCRIPT == showthread) AND ($post[postcount] == '1')"
<!-- Facebook Like -->
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURSITE.com/{vb:link thread, {vb:raw thread}}&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:75px"></iframe>
<!-- / Facebook Like -->
</vb:if>

For additional information on this button and different parameters please visit http://developers.facebook.com/docs/...e/plugins/like

=================================================

For those who have asked, here is the modification adds both the "Like" button and comments to a users profile https://vborg.vbsupport.ru/showthread.php?t=239424

=================================================
Additional locations to place this code:

For CMS, in vbcms_content_article_page add the code below this:

{vb:raw comment_block}

For pictures, in template album_pictureview add the code below this:

{vb:raw picturecomment_commentarea}

For Blog, in template blog_show_entry add at the very top.

[hoadiem]

will this work with 4.0.3

[Ranger375]

yeah it works with 4.0.3

[Red Spider]

im struggling to get this working correctly as per the screenshots in OP.

When i click "like" it on my fb newsfeed it just says "xxx likes xxx forum"... does NOT say "xxx likes xxx on xxx forum" as per the screenshot. any help?

[Crazyfruitbat]

that works great in postbit legacy - front page articles would be great now

[ericgtr]

Originally Posted by Red Spider

im struggling to get this working correctly as per the screenshots in OP.

When i click "like" it on my fb newsfeed it just says "xxx likes xxx forum"... does NOT say "xxx likes xxx on xxx forum" as per the screenshot. any help?

That usually means something isn't right with your forum path, I would double check it.

Originally Posted by Crazyfruitbat

that works great in postbit legacy - front page articles would be great now

I have a location for that a little while back here https://vborg.vbsupport.ru/showpost....3&postcount=95

[ijob]

have installed this. cheers.

how do you include tweets like in my attached image?

[wIrEs]

any way to display "Be the first of your friends to like this." in a different language ? like spanish or french. What i am trying to say is when a user changes the Forum Language from the bottom of the page, the phrase "Be the first of your friends to like this." should change accordingly.
(installed) thanks!

[RockstarNetwork]

Originally Posted by ericgtr

Here's some suggestions.

For CMS, in vbcms_content_article_page add the code below this:

{vb:raw comment_block}

For pictures, in template album_pictureview add the code below this:

{vb:raw picturecomment_commentarea}

This gives you the idea, I haven't added it to the blog yet but it's just a matter of locating the right template.

This doesn't seem to work for me. No like button appears in the CMS article. I tried changing "THIS_SCRIPT == showthread" to "THIS_SCRIPT == content" with no luck either.

Any tips?

[unfv]

It worked for me, I have VB 4.0.3

[RockstarNetwork]

Okay I got it to work by removing the first and last lines containing the "<vb:if..." and "</vb:if>" code. Now to reposition it somewhere that's a bit more appealing...

Also, I'm having the same issue as on the previous page where it links to the forum thread for the article instead of the article itself. Any ideas on how to change that?

Edit: Resolved the above with this code in the cms article template:

<!-- Facebook Like -->
<iframe src="http://www.facebook.com/plugins/like.php?href={vb:raw page_url}&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:75px"></iframe>
<!-- / Facebook Like -->