Synchronized Facebook and website? - facebook

When I use Facebook JavaScript SDK, I login in my website by facebook. It login facebook too. And when I logout facebook in my web, it logout facebook too. Why and how can I fix?
I only use
<div class="fb-login-button" data-max-rows="1" data-size="large" data-button-type="login_with" data-show-faces="false" data-auto-logout-link="true" data-use-continue-as="false"></div>
When login by facebook to my website, I only want to get information of facebook account.

Related

Embed content in facebook feed

How can I share embed content on facebook? For instance this facebook post https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fvine%2Fposts%2F1119625504750685&width=500 links to a Vine item that embeds an iframe. The iframe is from facebook itself, but it runs some javascript from Vine. Can I do that for my own product, or is it some kind of partnership between facebook and Vine?
I could not find anything about such embedding in fb docs. To clarify, I'm not trying to put facebook content in my website, but my content into facebook.
From their website
https://developers.facebook.com/docs/plugins/embedded-posts
Such as from here:
<html>
<title>My Website</title>
<body>
<script src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5"
async></script>
<div class="fb-post"
data-href="https://www.facebook.com/20531316728/posts/10154009990506729/"
data-width="500"></div>
</body>
</html>

facebook sharer - wrong link / share home not page where share button is

I want to use a Facebook share button on a page in my website, but when I use the code on the Facebook documentation, the link shared is the link of the home of my website, not the link of the page where the share button is.
How can I change that?
<a href="#"
onclick="
window.open(
'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
'facebook-share-dialog',
'width=626,height=436');
return false;">
Share on Facebook
</a>

Synchronizing AddThis widget with Facebook likes?

I'm wondering if it is possible to synchronize the likes between the like button on your actual page & the likes you get on facebook itself!?
For example..... we currently have 15 likes on FB but the AddThis widget on our website only shows 1 like.
So I'm wondering, is there a way you can synchronize the two either with AddThis or ShareThis; doesn't matter the platform, just would prefer it to be synchronized.
I take it if you grab the code from facebook itself rather then use these services then it will be synchronized?
If you specifically point your like URL fb:like:href="THE URL" to your Facebook page when you call the AddThis like button it should be in sync with the likes there.
Like so:
<a class="addthis_button_facebook_like" fb:like:href="THE URL TO YOUR FACEBOOK PAGE"></a>
For example:
<a class="addthis_button_facebook_like" fb:like:href="http://www.facebook.com/nike"></a>
Because you reference FB Social Plugins in your tags, I can confirm that this is definitly the case for Facebook's own like button.
<div class="fb-like" data-send="false" data-layout="standard" data-width="450" data-show-faces="false" data-colorscheme="light" data-action="like" data-href="http://www.nike.com/"></div>
gives the likes for that site. And:
<div class="fb-like" data-send="false" data-layout="standard" data-width="450" data-show-faces="false" data-colorscheme="light" data-action="like" data-href="http://www.facebook.com/nike"></div>
Gives the likes displaying for their FB page.
I believe the issue there is a misunderstanding of the platforms or possible confusion with semantics. Someone can 'like' content on your website via a widget which will share that like to their Facebook profile. Additionally, you can display the amount of likes your website's page has with a Facebook widget or AddThis widget.
However, if you share a page from your website's Facebook page and users can like that, however that will not increment the displayed likes in the widgets aforementioned. Hopefully that clears it up?

Social media share buttons don't redirect back to fan page iframe product page

A friend of mine added a store to my fan page that uses the iframe...basically putting a website inside a facebook frame. It has a SSL certificate. We added social media like buttons to each product page by using addthis.com code. See below. The code below works on the product page, however the problem is when you share it to facebook or google+, the link that is provided for that product, when clicked, takes the user to the hosting url where the zencart resides.
<link rel="image_src" href="<?php echo "http://" . $_SERVER['HTTP_HOST'] . "zencart1/images/" . $products_image; ?>" />
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" glusone:size="medium"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true}; </script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-501a85992fdcfe86"></script>
<!-- AddThis Button END -->
Fan Page: https://www.facebook.com/TracyLoganDesigns
Go to the category Scarves - this is where I have a test product.
When you click on the product test link once it's been shared on facebook, etc, this is the link it goes to: http://firetreegraphics.com/zencart1...9#.UBrFH01lTjY
How can I set it up so that it will go back to the fan page url?
How can I set it up so that it will go back to the fan page url?
By not liking/sharing the product page hosted on your server, but the Facebook URL of your /page/app combination.
If you want to link to a specific product page inside of your app on Facebook (and not just the start page), then you have to use the app_data parameter inside of that link, and get it’s from the signed_request parameter once your app is loaded into the iframe on Facebook.

Login with Facebook publish_stream

When I create a button with the following code, it does not ask for permissions to publish_stream. What is wrong with the code?
<div class="fb-login-button" scope="email,user_checkins,publish_stream">
Login with Facebook
</div>
Here is the full code; (ps: it doesn't work unless it's hosted on localhost). http://jsfiddle.net/xCTCh