Embeding Facebook post to wordpress website is not working - wordpress

I want to embed facebook post to wordpress website. So I have created facebbok app and get APP ID and APP Secret. But when I try to get Access token using Graph API, I am not able to get it Here is screen shot of it http://prntscr.com/jqyvp7
Please help.

for embedding the facebook post in WordPress, you don't need any plugin, just click on the corner of any facebook post and click on embed, get the code and paste it in the code in the text area of any post, or you can also embed in the sidebar using html widget.

Related

How to get all the content of the website article in a facebook instant article?

I am using "Facebook instant articles" feature for my WordPress website.
The instant articles are being generated without any error, and I can see them while using the Facebook app. In the generated instant article only first five lines of the original article's content are displaying. The rest of the content from the article is coming as a hyperlink. Users need to click on READ MORE link which comes after five lines. The link will redirect the user to original link via the browser.
Things I have tried:
I have checked if there is any option for including all the text from an article in STYLE EDITOR in Facebook page's publishing tools section. But didn't find any option there.
If I disable Divi builder everything is working fine. When I enable builder plugin, read more (hyperlink) is coming.
Some more information:
I have not yet tried API option for generating instant articles.
I am using default style editor.
I am using official Facebook instant articles for WP plugin for generating instant articles.
I am not using RSS feed option.
I am using Divi Builder plugin.
Question: How to display all the content from the article in facebook instant article?

Link preview of facebook not working properly

I am facing an issue with facebook open graphs. This is the link of the website:
http://pandolin.com/
The problem is that when I share content from my website (for eg: this page http://pandolin.com/crafting-realism-on-celluloid-production-designers-subrata-and-amit/), the image and description of the post are not present in the link preview. I've attached the required screenshots.
The sharing debugger is giving the website
Response code 0
Server Id is empty
og:description is empty
og:image is empty
the scraper views an empty page instead of the page source
I've tried all the solutions available online. Please help find the bug and guide me by providing a step by step solution of the problem.
I saw that you're using Yoast plugin for your WordPress site. Maybe you can try the following:
Log-in into your WordPress CMS dashboard
Go to "Posts" and navigate to the desired post, as you would like to edit it
Scroll down to the bottom of your post, where you will see Yoast
settings
Click on the share icon in the Yoast settings, as shown in the image
below:
Upload your desired image to be shown in the FB share by default
That's it.

How to use custom button for Google Friend Connect API login button?

I am using Google Friend Connect API to login to my site. And using the default function google.friendconnect.renderSignInButton(params) to render the sign in button. Can I use my own custom button to log into my site or can I customize the button to sync in with the website design. Because the customization option provided in http://code.google.com/apis/friendconnect/docs/gfc_buttons.html are not helpful as I need a completely different looking button than these.
I have a post on my blog which will help you create or have the GFC widget back on your blog or website. the post is on How to add Google friend connect on blogger , in this tutorial are the two ways on which you can add the GFC widget.

Changing open graph image tag based on blog post item

I am maintaining a wordpress blog and am familiar with using the og:image meta tag to set the default image that is included when a like button is pressed. What I want to know is if there is a way to make this image dynamic based on the item liked.
I am trying to build it so that the first image in a particular blog post that is liked is what is pushed to the facebook feed post, with the blog's default image only used if there is no image in the post. Does facebook provide any way to do this with the graph api?
I tried writing javascript to change the meta tag on article pages (rather than the homepage) but found out later the crawler does not run javascript, so am now considering implementing the same but server side with PHP. This still would not solve the problem of Likes from the blog homepage, where there are multiple blog items on the page though. Any advice would be greatly appreciated.
Thanks
The only is changing how the meta tags get rendered to the client, in server code or in your layout template. There is no graph api method for this and you can't modify the tags with javascript as their scraper doesn't execute javascript.
Also, the scraper won't keep re-visiting your site so once it access it, it will be cached until you go to the url linter tool manually. so for the home page, you would probably just want the default image.

facebook "like box" for page

I set up my website's facebook account as a Page on my facebook account (this was probably incorrect, but I didn't know better at the time). I have switched my account to Use Facebook as a Page. I am trying to create a like box with avatars for my website (www.zealforadeal.com). I get the error code: To access this page, you'll need to switch from using Facebook as your page to using Facebook as yourself. How can I create a Like Box for my page (http://www.facebook.com/zealforadeal) ?
(I never use my facebook account for anything other than the Page)
I think you are confused about the purpose of the 'Like box'. The 'like box' shows the people who have 'Liked' your Facebook page,and your Facebook page status updates.https://developers.facebook.com/docs/reference/plugins/like-box/
Just go to the like box page and paste your url (http://www.facebook.com/zealforadeal) into Facebook Page URL field.

Resources