社交媒体共享按钮
Social media share buttons
在stackoverflow上,在我帖子的左侧,有3个社交媒体共享按钮。
是否有方法跟踪人员是否成功与其共享?
我之所以这么问,是因为我跟踪那些"喜欢"、"+1"answers"推特"的用户来共享页面,但现在我正在使用该公司提供的社交按钮,如facebook、gplus、twitter,它们会导致我的网站加载缓慢。如果用户想在以后的某个时候重新共享页面,这也会带来问题,因为facebook已经将其标记为喜欢,我更喜欢一种共享页面的方式。
我已经用我目前的javascript知识尝试了一些事情,但都无法解决。
执行以下订阅
-
Facebook:订阅edge.create活动(http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/)
-
Twitter:对
onTweet
参数进行回调(https://dev.twitter.com/docs/anywhere/welcome#tweetbox) -
Google+:对
callback
参数进行回调(https://developers.google.com/+/插件/+1按钮/)
然后在您的回调函数中,只需AJAX即可将您想要的任何内容返回到服务器进行存储。:)
快乐编码!
将其放入标题
<!-- For Facebook -->
<meta property="og:url" content="https://you-domain.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Site Title" />
<meta property="og:description" content="Site Description" />
<meta property="og:image" content="Image you want to set for posts" />
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>
(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_US/sdk.js#xfbml=1" fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));
</script>
<!-- facebook Script End -->
Here are the Series of Button (Facebook, Twitter, Google+, Pinterest, LinkedIn ) put where you want to show share buttons, then Design them from CSS
<!-- For Facebook -->
<a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=URL_you_want_to_Share">Facebook</a
<!-- For Twitter -->
<a data-size="large" href="https://twitter.com/intent/tweet?text=URL_you_want_to_Share">Twitter</a>
<!-- For Google+ -->
<a href="https://plus.google.com/share?url=<URL_you_want_to_Share" onclick="javascript:window.open(this.href,'','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">Google+</a>
<!-- For Pinterest -->
<a href="https://www.pinterest.com/pin/create/button/?url=URL_you_want_to_Share" data-pin-custom="true">Pinterest</a>
<!-- For LinkedIn -->
<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script><script type="IN/Share" data-url="URL_you_want_to_Share"></script>
相关文章:
- 很棒的共享按钮application.coffee文件在哪里
- mozilla firefox上没有显示Facebook共享按钮
- 如何在用户单击共享时禁用共享按钮,并在3小时后启用
- Facebook共享按钮返回空网址
- jQuery:共享按钮(sharrre)在本地和服务器上都不起作用
- 将文本设置为google+共享按钮
- 如何在facebook垂直共享按钮旁边插入横幅
- 添加此共享按钮不显示图像
- 使用动态og标签进行测试的facebook共享按钮
- Facebook共享按钮/history.pushstate/错误的url
- Facebook共享按钮错误
- 共享按钮计数不适用于动态加载的页面
- 汤博乐共享按钮不工作
- Facebook共享按钮不;在使用Javascript和Ajax的Webmethod中似乎不起作用
- 如何使用共享按钮将所有内容对齐到一行来解决问题
- 在facebook共享按钮sharer.php中指定url
- facebook共享按钮的不同url
- 两个单选按钮共享一个“id”
- 我怎么能得到一个回调从googleplus弹出's按钮共享动作
- 如何使“共享此按钮”共享它旁边的链接