I am working on new video website, and I want to make social plugins below every video. If the user wants, he will click the like button and the video picture and its description will appear on the user wall. But I have a problem- It does appear on his wall, but not on friends newsfeed.
I have seen couple of websites doing same thing with social plugins and they got it wokring to appear on friends newsfeed.
What do I need to do in order to make that working properly? Is my website need to be added manually to "approved" websites or somthing similer?
Thanks.
Did you already got the OpenGraph meta tags? You can get your customized Facebook Plugins code and meta tags on http://developers.facebook.com/docs/reference/plugins/like/
Good luck!
Related
I implemented the facebook share button on my web page, but it displays an old description text, I need to have a new text related to every article that I share, the image is updated as new.
Here is the link it's in arabic: http://achabakamagazine.com/new/articles.php?f=1&issueID=320&categoryID=26&articleID=9675&page=4
Make sure you follow Facebook sharing standards.
After that go to Facebook Url Debugger and check your each url stats.
I am working on http://www.ididthisfilm.com/lex_tmp2/thelist/ webpage. There are some videos , images and text on this page. I want to share these contect from this page to facebook , twitter and google plus. Right now I am using plugin add to any to share this. But with plugin i am only able to share title of the page and url of the page. I want to share Images and video and text individually. Please Help.
as per my knowledge I'm never come across any kind of plugin which will allow you to share specifically the page contents and not the full page itself. Whatever social share plugin present in WordPress free plugin repository, it will only allow you to share the page or post itself, not any element within it.
Beside the only content sharing plugin I've seen is this jQuery Pin It Button For Images (Link: https://wordpress.org/plugins/jquery-pin-it-button-for-images/) which will show you a pin button whenever you hover on any images present on your site.
If you want to share specific contents of your page/post, I will suggest you to copy the link and then use HootSuite to one click share to every social media.
Hope this helps.
As I know Facebook, twitter, Sprybirds and google+ uses the meta tags to share the content of a webpage. Facebook uses Open Graph. An example of meta tag uses by facebook for image is <meta property="og:image" content="your-image-path.jpg"> and by twitter <meta name="twitter:image:src" content="your-image-path.jpg">. You only can share contents on these sites which are available in meta tags.You can not share all the page. If you are using wordpress for website or blog then you can use available plugins like all-sociable and otherwise you have to create your own plugin.
If you want to create own buttons to share contents on These sites then you can do these things.
For Sprybirds
For Facebook
For Google Plus
For twitter
Where "PUT-PAGE-URL" is the url of that page from which you want to share the content on these sites. The content of this page will share on these sites.
Request If you are planning to put these buttons and my answer is helpfull for you please don't forget to also create our social networking website Sprybirds.com button on you website.
List item
I am using the following code to share images on facebook but when the dialog box is shown it does not show the image and once it is uploaded facebook just shows a link to image.
<a name="share" type="button" href="https://www.facebook.com/sharer.php?u=www.example.com/myimage" target="_blank">share</a>
This should work like this
<a href="http://www.facebook.com/sharer.php?s=100&p[title]=Our Site Title&p[url]=http://us.oursite.com/default.aspx&p[images][0]=http://www.history.malc.eu/globe.jpg&p[summary]=Our facebook description that is used on the FB share page." target="_blank">
Share this
</a>
EXAMPLE
Use the Facebook debug tool to see how Facebook processes the URL you're sharing.
The Facebook scraper will look for OpenGraph meta tags. You can reference the image you want as a thumbnail with the og:image and og:image:secure_url
Alternatively, if you wanted to upload the image to Facebook so that it goes into the user's album, you should check out How-To: Use the Graph API to Upload Photos to a User's Profile
To be more clear, you should not be sharing a link directly to the image, but rather to a page which has OpenGraph meta tags, one of which should link to the image.
Facebook doesn't support sharing of plain images, only hyperlinks can be shared. Try posting the same image's link on your profile as status. Facebook won't show you any thumbnail for it but just the link. To share a image on facebook, you have to somehow upload it -_-
From the social plugins docs the share initiates a callback from Facebook to the page you want to share. To affect what that shows you would have a page with meta tags (og:image, og:title and og:description) to affect what Facebook puts in the comment on the users timeline.
To show the image, you'd probably need a hosting 'page' that uses a thumbnail of your image in its meta data so that it appears in the users timeline correctly.
Facebook then polls this periodically. This is very similar to the like mechanism.
Make sure you use dont click on share more than once, after that you cant see additional changed you made for next 24 hours
What I Want
I need to create the posts on a page wall with a big preview pictures - like the ones that are displayed when you upload a photo. It will make sense to add those photos to the "Timeline Photos" album of a user (or page) using the Facebook Graph API.
Sure I can poll the users albums list and search for a type:"wall" one (i.e. the Timeline Photos in the English translation), but what if the album does not exist? How do I create one or how do I make Facebook Graph create it?
What Have I Tried
Tried posting to /me/feed with a message and a picture URL (params picture or source), but all it does is just create a type:"link" post with a small picture, while what I need is a type:"photo" one.
Once again, I need that because of the big photo that gets displayed on a wall if post is a photo. For instance, that happens when I upload a picture to the album that gets automatically created for my application. But the issue is that when there are several photos posted one after another, Facebook automatically groups them in a set that belongs to an album.
P.S.
Basically, what I want to achieve is having an ability to send the posts to a page wall with big preview photos on the wall itself that are not grouped by an album name.
Please help. Thanks
Solved by posting a photo to /{page-id}/photos.
https://developers.facebook.com/docs/graph-api/reference/v2.0/page/photos
Is there a widget to get all albums and photos from a facebook page and display them in a simple grid on my website?
Preferably, the widget would use PHP, JavaScript, or a combination.
I have a client who wants to display all the pictures found on their facebook business page on their website. I could manually download and upload each picture from facebook to his website, but I figured this would be a good place to use Facebook's api.
Here is a simple widget. Created it in about 3 hours so its not perfect but it works.
There is no CSS styling either so you can easily style it up.
https://github.com/zechdc/Facebook-Photo-Gallery-Widget
I'm assuming that you want the page to display images that are currently on the page, so when the photos are updated on the business page the website is also updated?
If so see this below tutorial:
http://www.codeofaninja.com/2011/06/display-facebook-photos-to-your-website.html
Looking at the reference to their Graph API it doesn't look to hard, all you need is a photo album id and you can get the photo album as a JSON object:
https://graph.facebook.com/99394368305 (Coca-Cola's wall photos)
You can try SlideshowFx plugin (http://www.oopstouch.com) proposed for Joomla and WordPress.
Initially based on Picasa, they port the plugin to Flickr and Facebook.
A lot of option available.
Check demo here: http://www.oopstouch.com
Regards,
Joël
I use this super duper quick solution. Just replace "{FACEBOOK-PAGE-ID-HERE}" with your facebook page id.
<iframe src="http://facebookgalleria.com/gallery.php?id={FACEBOOK-PAGE-ID-HERE}" scrolling="no" marginheight="0" frameborder="0" width="551" style="height: 769px;"></iframe>