我一直想在我的应用程序中添加 Facebook 共享按钮,但我遇到的问题是它们看起来都不同。我看到类似的网站this具有定制设计的共享按钮。有谁知道一个好的教程,或者有任何关于如何解决这个问题的指示?
在 Facebook 上分享内容非常简单,这是我的自定义分享按钮的 HTML。
<div id="share_div">
<div id="share">
<a class="click" href="http://www.facebook.com/dialog/feed?app_id={{fbapp_id}}&link={{link_url}}&message={{share_message|urlencode}}&display=popup&redirect_uri={{link_url}}" target="_blank">
Share
</a>
</div>
</div>
其中所有 {{variables}} 都将替换为正确的值:fbapp_id
是您的 Facebook 应用程序的 ID。link_ur
l 是附加到共享内容的链接(例如指向您网站的链接)
和share_message|urlencode
是共享的消息,需要对其进行 urlencode 编码。
这里还有一些 css 来将其设置为像真正的 facebook 按钮一样的样式:
#share {
border:1px solid #0D386F;
background-color:#5D7DAE;
height:24px;
width: 100px;
}
#share a.click {
font-size:13px;
font-weight:bold;
text-align:center;
color:#fff;
border-top:1px solid #879DC2;
background-color:#5D7DAE;
padding: 2px 10px;
cursor: pointer;
text-decoration:none;
width:80px;
display:block;
}
但我让您享受自定义的乐趣,重要的部分是 a 标签的 href
它能回答你的问题吗?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)