自從微信推出公眾平臺并允許分享文章到朋友圈之后,我看到有越來越多的朋友分享文章到朋友圈。
受冷笑話精選網站的啟發,我們給36氪網站的移動版上加了“分享到微信朋友圈”按鈕,在微信的內置瀏覽器中點擊后可以一鍵分享,而不必點瀏覽器右上角的功能菜單再選擇分享。
由于目前微信并沒有提供這個按鈕的官方支持,很多人問我們這個按鈕是如何實現的,其實很簡單,我們把我們實現的方法分享給大家,希望對那些想在網頁端加這個按鈕的人有所幫助。
下面是代碼(相關參數請自行修改):
function WeiXinShareBtn() { if (typeof WeixinJSBridge == "undefined") { alert("請先通過微信搜索 wow36kr 添加36氪為好友,通過微信分享文章:) "); } else { WeixinJSBridge.invoke('shareTimeline', { "title": "36氪", "link": "http://www.36kr.com", "desc": "關注互聯網創業", "img_url": "http://www.36kr.com/assets/images/apple-touch-icon.png" }); } }
值得注意的是,這個按鈕如果不是在微信內置瀏覽器中打開,點擊后是沒辦法分享的。但是可以設置一個小彈窗,比如我們的彈窗是這樣設計的: