Php 如何更改facebook共享按钮图像?

Php 如何更改facebook共享按钮图像?,php,facebook,Php,Facebook,我正在我的网站上使用Facebook共享按钮。但这是facebook开发者网站的默认共享按钮。我不知道如何使用我自己的自定义png图像来代替默认的共享按钮。我也学习了facebook开发者教程,但没有得到任何帮助。我也在各种网站上搜索过,但是没有关于我现有代码的帮助。我想,这不包括在内。这是我的密码: 在header.php中: <div id="fb-root"></div> <script> // facebook like (function(d, s,

我正在我的网站上使用Facebook共享按钮。但这是facebook开发者网站的默认共享按钮。我不知道如何使用我自己的自定义png图像来代替默认的共享按钮。我也学习了facebook开发者教程,但没有得到任何帮助。我也在各种网站上搜索过,但是没有关于我现有代码的帮助。我想,这不包括在内。这是我的密码:

在header.php中:

<div id="fb-root"></div>
<script>
// facebook like
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

//像facebook
(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_GB/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
在我的一个动态页面中,我有facebook共享按钮:

<div id="deal_shares"><div id="facebook_share" class="fb-share-button" data-href="' . BASE . 'deals/' . $this->bus_url . '/' . $this->deal_url . '" data-layout="button"></div>


那么,如何通过修改现有代码来使用自己的自定义png图像呢?

右键单击要更改“Inspect element”的按钮然后找出它是否真的是一个图像或CSS如果它是一个图像找到图像所在的位置并上传与旧图像同名的文件,或者它是一个CSS在google中查找按钮生成器,然后从那里粘贴代码。

您可以使用自己的图像作为共享按钮,方法是使用Javascript或通过使用FB.ui共享对话框:

php甚至不需要应用程序:

1)创建一个简单的锚定标记链接,其中包含要显示的图像。在锚标记上有一个onclick方法,它实际上可以完成真正的工作

 <a href="#" onclick="fb_login();"><img src="images/fb_login_awesome.jpg" border="0" alt=""></a>

不,你不能像那样改变社交插件的外观。即使你可以,这也是不允许的。首先,你发布了关于登录的信息,但他只是想分享一些东西。话虽如此,publish_stream多年来一直被弃用。哦,我读了上面的教程,但它的代码片段完全不同。我可以通过保留现有代码来更改图像吗?您可以将任何图像与我的答案中的代码一起使用,只需单击调用FB.ui share即可。但您不能更改现有代码中的图像。社交插件是黑匣子,你不能改变外观,也不允许改变。也就是说,我的答案中的选项是唯一可能的。哦,我看到我的朋友了。这就是为什么在网络上没有太多关于社交插件外观和行为定制的内容。
 window.fbAsyncInit = function() {
FB.init({
    appId   : 'YOUR_APP_ID',
    oauth   : true,
    status  : true, // check login status
    cookie  : true, // enable cookies to allow the server to access the session
    xfbml   : true // parse XFBML
});

 };

function fb_login(){
FB.login(function(response) {

    if (response.authResponse) {
        console.log('Welcome!  Fetching your information.... ');
        //console.log(response); // dump complete info
        access_token = response.authResponse.accessToken; //get access token
        user_id = response.authResponse.userID; //get FB UID

        FB.api('/me', function(response) {
            user_email = response.email; //get user email
      // you can store this data into your database             
        });

    } else {
        //user hit cancel button
        console.log('User cancelled login or did not fully authorize.');

    }
}, {
    scope: 'publish_stream,email'
});
}
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());