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.
Related
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 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>
I found yesterday the some of the links of my website I want to post, can't be posted on my Facebook page.
After some research and reading in https://developers.facebook.com/tools/debug/og/object/, I found the some of the posts in my site are blocked but not all of them.
I got this message:
This link is blocked, or you have triggered an excessive amount of
scrapes. If you think you're seeing this by mistake, please let us
know.
and this also
fb:app_id hasn't been included in the meta tags. Specify the app ID so
that stories shared to Facebook will be properly attributed to the
app. Alternatively, app_id can be set in url when open the share
dialog. Otherwise, the default app id( 966242223397117 ) will be
assigned.
And website is clean doesn't indicate any virus ...ets.
Some of the post's are OK but other are blocked and I can't get idea what is the difference between them.
Also check my open graph meta tag's, they also looks Ok. Any ideas how to fix this issue?
for the app_id issue:
Go to the following page: https://www.facebook.com/insights
Then use the "Create an App" and "Add your Domain" buttons to generate the app id for your site to be included in the meta tags on your web pages.
<meta property="fb:admins" content="1234" />
<meta property="fb:app_id" content="your_app_id" />
I have the same problem. It started after I updated my Yoast plugin to the latest version.
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>
Hey guys I think I screwed my self up here but hope you will be able to help me out.
I have recently added the facebook like button my home page, I did not create a page for it but linked it to my facebook app id before I made a page and used its actual page ID.
<meta property="fb:page_id" content="APPID" />
So when I clicked like it created a new page for my website however I can not add my self as the admin.
I have added fb:admins meta tag.
<meta property="fb:admins" content="USERID" />
I still cannot add my self as the admin, any help would be much appreciated :)
Facebook caches everything so probabily it "saved" the link without you as the admin.
A possible solution for this is to refresh facebook's cache using the URL Linter found here http://developers.facebook.com/tools/lint/ .
Just enter the url where the the like button is installed and it will refresh the information.