The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
Add Facebook "Like" button to your threads [vB 3.8.x] Details »» | |||||||||||||||||||||||||||||||||||||||
Add Facebook "Like" button to your threads [vB 3.8.x]
Developer Last Online: Jun 2013
This mod is based on this, but working on vB 3.8.x.
As was said there: 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. DEMO IFrame Method There is two kind of "Like" button (IFrame Method): - With a smallest counter at his side * Code:
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURSITE.com/showthread.php$session[sessionurl]?p=$post[postid]&layout=button_count&show_faces=true&width=&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:20px"></iframe> - With a largest counter (and names of people who have clicked) * Code:
<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.YOURSITE.com/showthread.php$session[sessionurl]?p=$post[postid]&show_faces=false& scrolling="no" frameborder="0" style="border:none; width:450px; height:25px"></iframe> Installation: Go to your Postbit/Postbit Legacy template and search for: Code:
<!-- controls --> If you want that the button only appears in first post of a thread, add this variables at the beginning and end of the code that you previously selected: Code:
<if condition="$post[postcount] == 1">YOUR CODE</if> XFBML Method (recommended) This is a richer way to send the contents of your board to Facebook, because it gives to users the possibility to add more information and also an image of your site is displayed on their FB wall (see the screenshots below). Installation: (provided by cdoyle, thanks mate :up You'll need to register your app here: http://developers.facebook.com/setup/, and get an ID to place into the code below. Code:
<if condition="$post[postcount] == 1 AND !in_array($GLOBALS[forumid], array(40, 39))"> <p><fb:like></fb:like></p> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({appId: 'yourappID', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.type = 'text/javascript'; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script> </if> Internet Explorer browser fix: https://vborg.vbsupport.ru/showpost....5&postcount=70 ----------------------------------------------------------------------------------------------------- For additional information on this button and different parameters please visit http://developers.facebook.com/docs/...e/plugins/like Remember to click Mark as Installed if you use this modification :up: Download Now
Screenshots
Show Your Support
|
3 благодарности(ей) от: | ||
Drhago, TheLegendB, yasser4101 |
Comments |
#122
|
|||
|
|||
I guess I didnt realize about that one, thank you so much. Although I still have the loop of like dislike in firefox.
|
#123
|
||||
|
||||
Many thanks for Mode is the result of a page to load slowly silk
|
#124
|
|||
|
|||
anyone has problems with FF when clicking the like button?
|
#125
|
||||
|
||||
Why would you not simply add this to the social bookmarking template??
In Show Thread templates.. showthread_bookmarksite Paste the following after the existing code Code:
<if condition="$bookmarksite[title]=='Facebook'">
<li>
<fb:like></fb:like>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'YOURAPPID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
</li>
</if>
https://vborg.vbsupport.ru/showthrea...light=facebook The reason this works more nicely, is that a) It puts the LIKE button with the rest of the social networking stuff. b) Vbulletin will only display the Social Bookmarking bits in threads that are GUEST viewable. |
#126
|
|||
|
|||
Hi guys, one problem for me.
I put this code in the Showthread Code:
<div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ appId : '116209095073446', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/it_IT/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script> <fb:like layout="standard" show_faces="false" width="300" action="like" colorscheme="light" /> 1) IE doesn't show anything 2) If I press the Like button and I go in my facebook wall, it doesn't show the infos of the thread. No thread title, no thread url, no thread description. What should I do? |
#127
|
|||
|
|||
:edit
i've solved it with the share-button. Code:
<a name="fb_share" type="button_count" share_url="http://WWW.DOMAIN.COM/showthread.php?p=$post[postid]&t" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> |
#128
|
|||
|
|||
I have applied the IE fix and still not working - is this still an open issue? Or a dead hack?
|
#129
|
|||
|
|||
How about having a like option that links displays who liked the post and also adds to the OP's Karma - but not linking to facebook ?
|
#130
|
||||
|
||||
I'm using the code from the first (top) post and it's working fine for me in IE8 (XFBML method)... is that unusual?
|
#131
|
|||
|
|||
Thanks
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|