I'm writing facebook app in fbml (not in iframe).
I added comments with <fb:comments ...> and it appears to work.
However, to add a comment, user has to click Add a comment... link to see the textarea and post button.
I am wondering is there a way to automatically show the form?
I want it to really look like here:
developers.facebook.com/docs/reference/plugins/comments
(with or without the like button)
well... to answer my own question:
it's documented at
developers.facebook.com/docs/reference/fbml/comments
The showform parameter.
Maybe it will help someone.
Related
On my blog I added the like button to the end of the posts. I have had it installed for about seven months now and it still does not work properly. I added the Javascript SDK and then the appropriate code to my Blogger template (develops.facebook.com) and while it appears on the blog it does not work properly.
Basically, if you click "like" at the end of any post, it will appear in the person's newsfeed but NOT as the individual post. Instead, the generic homepage of "Bases and Baskets" appears in the newsfeed. The interesting thing is that even though the generic logo and blogger description appears, if you click the link itself it sends you directly to the appropriate page. Not sure why...but as you could imagine I would prefer it to work properly and show the article. Also, I want the image at the beginning of the post to appear rather than my Facebook page's profile picture (which you can see here).
Not only is this a problem, but if you click "like" at the end of any one article, the like button remains depressed for ALL posts on the site. For example if one "likes" article A, and ventures to article B, the like button at the end of article B is depressed. Furthermore, the "like" tally at the end of ALL articles is exactly the same (~615).
I can attach a couple pictures that hopefully help, as well.
This has been quite frustrating as you could imagine, and became even more so when I made a new blog, Left Coast Chronicle, recently and everything works! If anybody can help me fix this I will give you all of the info I have to help (email address, chat info, complete HTML template of my blog) if you need it.
Thank you so much!!
First of all: omg...this page is HUGE to load!
Secondly: you have missed one important parameter in your like button: the href attribute.
Your script:
<fb:like font='' href='' layout='button_count' send='false' show_faces='false' width='450'></fb:like>
Solution:
<fb:like href='LINK_TO_BLOG_POST' layout='button_count' send='false' show_faces='false' width='450'></fb:like>
Otherwise, the like button will like the current site it sits on (which is - you guessed it - the home page http://www.basesandbaskets.com/)
Third: you have the <div id='fb-root'></div> before each like button. Please use this only ONCE!
Hope this helps.
I just want to ask a simple question about facebook like box http://developers.facebook.com/docs/reference/plugins/like-box/ I just want to remove the fan page profile photo.. Is there a solution for this? Thanks!
First: It is against the facebook rules to change or hide things in the social plugins.
That being said, afaik it is not possible anymore to use custom css in the social plugins. A long time ago you could pass the absolute URL of a css file to the plugin code but it does not work anymore.
I would recommend using a simple Like button. If you really need the stream of the page too, you could just use an app to read them by yourself, in that case even with your own design.
I just thought to answer this question as someone else might need this information in the future. All you need to do is reduce the width of the facebook like box. That’s it. I have done that in my website www.bringhopes.ca.
You can add the following CSS to hide the image
img.profileimage
{
display:none;
}
We are using a facebook like button on a gallery page. When you click the like button, the parent page information is provided instead of the "item" information - but when the link is shared individually on facebook, it pulls the right information.
I tried using Facebook's debug tool, and it pulls the correct information.. the issue seems to be when its on the page. I've checked the meta info and it all looks right...
Any ideas?
https://developers.facebook.com/docs/reference/plugins/like/
Put in the correct sub-link and generate the like button again > Test it first, directly in the like button generator.
If the data is shown correctly in the debugger, then i am pretty sure the problem is that you don´t use the correct/same link in the like button. It would be important to see your usage of the like button. It´s possible that you have an escape character problem, so only the basic link is used.
I implemented facebook comments across a legacy, custom CMS. I used the XFBML implementation. Everything works as expected except when clicking the links back to the article page from a commenter's facebook feed the comment box does not show any comments. The link is of this form:
{Article URL}?fb_comment_id={comment_id_string}
And if I remove the comment parameter and only go to the article url the comment box renders correctly with the comment and all other comments on the article. So, it's some issue with the fb_comment_id parameter. One weird thing about how I had to implement the comments is, because of how the routing on the site works, I could not use server side code to set the the URL parameter in the <fb:comments> object. So I had to use this jquery code in the <head>:
<script>
// assign current page to comments url
$(document).ready(function() {
$('fb\\:comments').each(function(){
$(this).attr('href', window.location);
});
});
</script>
And used this for the actual <fb:comments> code:
<fb:comments href="{site's root URL}" num_posts="8" width="570"></fb:comments>
So, I figure doing this client side may be causing the issue. Not doing this server side is a hard constraint though, and everything else works so I'm hopeful there may be some way to make this work. If making the comment link work correctly is impossible, a reasonable hack would be to rewrite the link in the facebook feed so that it just points to the article url without adding the comment parameter. Any suggestions? Thanks!
NOTE: I've also tried using the html5 comments implementation and there is the same issue.;
Once facebook has rendered the iframe based upon your fb:comments tag, does it have the correct url? I am thinking it does not. You may have to call FB.XFBML.parse() after you inject the complete
Please help. I've spent hours on this. With Twitter I had no trouble adding a button to my website using iWeb but with facebook.....
The best way I can describe my problem is this: I go through all of the required steps to obtain the plug-in for my facebook page (http://www.facebook.com/thekitchensinkwma). I then "get code", copy the code, drag HTML Snippet onto my desired page in iWeb, then paste the code into the appropriate window (BTW: I've tried all 3 codes several times). When Click the "Apply" button, the "Like" button does not appear.
I'm at my whit's end! Please help. Thanks.
Martin
Without seeing the page I have two initial thoughts you can run down:
Your CMS [iWeb or whatever you are using] is altering the fb-root tag which is required for the button to show. Twitter only uses javascript.
Your page is appearing via iframe, javascript or something from the system is causing Facebook to believe you may be hiding the button to fake a click.
If this is happening with both the iFrame and Scripted method a url will be helpful as it may be more complex.
Try adding <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> to the HTML-tag.
Would be easier if you provided a link though.