I have this website named 1FAKT and i have integrated Facebook comments on it. Strangely comments made in Facebook comments are visible in desktop template BUT are not showing in mobile template.
Example:
Post in desktop: Desktopo Link
Same post in mobile: Mobile Link
Mobile is default active in Facebook script. Then what's the problem?
I recently had a similar issue. For me, this was due to css flex-box properties that I had assigned to div containing facebook comments plugin. When I removed the styles for this div the plugin worked fine. You may also want to try assigning data-mobile="false" property to your comments div. See below for an example of code that worked for me.
<div style='text-align:center;'>
<div class="fb-comments" data-href="http://localhost:8000/es/comments" data-width="600" data-numposts="10" data-mobile:"false"></div>
</div>
Related
I'm trying to integrate the Facebook comments plugin in a Shopify theme. I need to activate moderation, so that a moderator has to accept comments, before they're actually published on the site.
I have added <meta property="fb:app_id" content="XXXXX" /> to the <head> of my theme, I added <div id="fb-root"></div><script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v10.0&appId=XXXXX" nonce="UznvJecH"></script> to the <body>, and I added <div class="fb-comments" data-href="{{ shop.url }}/blogs/{{ article.handle }}" data-width="100%" data-numposts="5" data-lazy="true" data-colorscheme="dark"></div> where I want the comment widget to show up.
(Each instance of XXXXX is of course replaced with the app ID of an app I created in my Facebook Developers account. The app was set to live status, and it has my account set as a moderator under "roles".)
The widget is showing up fine, and you can post comments. But the comments are published to the site right away, and they never show up in my Comment Moderation tool view.
Seems like the plugin isn't connected properly to the moderation app, but I can't figure out why. Does anyone have an idea what I could be doing wrong?
For future interest: Like mentioned in the comment above, the problem turned out to be Shopify's password page, that prevents Facebook from properly connecting the app.
I tested it on a live theme without a password page, and it works as intended.
I have Facebook share button on my Wordpress site. I have the open graph call in my functions.php. The problem I'm having is when you press the share button below a single post you get the meta description of the site from header.php along with a random image posted to Facebook.
When you use twitter which I have linked to my Facebook page you all the meta info along with the correct image for that particular post the same with a Facebook linked Pinterest account.
I've used the Facebook developer tool scraped various post URL and the all came back with the correct meta info and image error free. Can anyone explain this issue to me.
I figured out what the issue was.
Posting solution in case anyone might come across the same problem.
add: <?php the_permalink(); ?> to the data-href= URL:
<div class="fb-share-button" data-href="<?php the_permalink(); ?>" data-layout="button"></div>
oppose to:
<div class="fb-share-button" data-href="YOUR SITE URL" data-layout="button"></div>
This will load all pertinent info into the Facebook Iframe for Facebook Posting.
I am working to create a website using wordpress. There are a number of posts in my web site. I am to add the facebook comment button that appears below every single posts in my site. For this purpose I used the facebook social plugin.
I added the codes generated at facebook developers site to my single post page file. Now the problem is: The same comments appear in every page in my posts everywhere. how can I make this a specific one .
<div class="fb-comments" data-href="http://rabindraadhikari.com" data-width="600" data-numposts="3" data-colorscheme="light"></div>
I want to change the data-href part of the code so that it assigns the url according to the page where it is displayed.
The format of the posts url belonging my site is www.domain-name.com/post-id
How can it be done??
Somewhere, I found it can be done like this but it didnt work
<div class="fb-comments" data-href="+location.href+" data-num-posts="3" data-width="470"></div>
location.href is a property from javascript, so
<script>
document.write('<div class="fb-comments" data-href="'+location.href+'" data-num-posts="3" data-width="470"></div>');
</script>
I feel like people have been having the opposite of this problem, I cannot figure how to have links open up outside of fb and not with the iframe.. I am posting material that rests in an FB app hosted by my server. The page has links to other sites, but when they open up they are still in the facebook iframe.
using basic:
<a href= "http...."><b>Blank.com</b>
looks like this
Click link...
I'm a rookie and any help would be great. Thanks
target="_blank" works if you have set up an app for the iframe.
Have you tried the target attribute?
example.com
We have a Face book page.We add a custom FBML tab.Now we want to add Comment Face book plugin.I tried to add an script what i got from Face book Social Plug in.The code is
<div id="fb-root"></div><script
<src="http://connect.facebook.net/en_US/all.js#appId=178089302222317&xfbml=1"></script><fb:comments numposts="10" width="425"
publish_feed="true"></fb:comments>
After that i put this script to custom FBML page but its not reflecting any thing please suggest to solve this issue.
Thanks in advance.
You should start over and not use FBML but use an iframe instead.
You are trying to create an app on a page tab. To do this take a look at the FB dev site and it shows you how to get started with an iframe based app and then how to get that to work on a page tab.
https://developers.facebook.com/docs/guides/canvas/#tabs
Once you move to iframes you can use all of the social plug-ins and other advanced features like the Graph API.
<fb:comments xid="some_unique_id_doesnt_matter_what" canpost="true" candelete="false" publish_feed="true" numposts="10" returnurl="http://facebook.com/YOURPAGE">
<fb:title>Headline</fb:title>
</fb:comments>
this is what you are looking for.. your code doesnt work in FBML, yours is XFBML
<fb:title>
is optional