在文章模板中使用jquery調用facebook總share數,用到jquery解析facebook的json數據:
<script>jQuery(document).ready(function($){
$.getJSON("https://graph.facebook.com/?id=<?php the_permalink(); ?>", function(data){
$('#fbCount').text(data.shares);
});
});
</script>
關閉標籤頁的提醒彈窗(火狐下無效,Chrome下可以):
$(window).bind("beforeunload",function(event) {
return "Don\'t forget to Like us!";
});
給post中所有圖片註冊一次性onclick事件:
jQuery(".entry-content img").one("click",function() {fbs_click2();});
自定義按鈕實現點擊後彈出facebook分享彈框
<!--按鈕圖片,圖片採用鏈接背景的方式-->
<a onclick="javascript:fbs_click1();" href="javascript:void(0);" style="background: rgba(0, 0, 0, 0) url('https://ft.wupo.info/wp-content/uploads/2015/11/btn-fblogin.png') no-repeat scroll left center;border-radius: 5px;
color: #fff;display: inline-block;font-size: 1.3em;height: 45px;line-height: 45px;padding: 0 0 0 45px;text-align: left;">分享到FB</a>
<!--彈框js代碼-->
<script>
function fbs_click1() { u = "http://yourdomin.com/yourpage"; t = document.title; window.open('https://www.facebook.com/sharer.php?u=' + encodeURIComponent(u) + '&t=' + encodeURIComponent(t), 'sharer', 'toolbar=0,status=0,width=626,height=600'); return false; };
</script>
<!--在body關閉標籤前引入facebook代碼-->
<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&version=v2.5&appId=1111828692192135";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
本文更新於 2015/11/28。