社交分享(facebook分享、twitter分享、link分享、google分享)

facebook分享

<a href="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(document.location.href)+'&t='+encodeURIComponent(document.title),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)"> <i class="fa fa-facebook" aria-hidden="true"></i> Share </a>

twitter分享

<a href="javascript:window.open('http://twitter.com/home?status='+encodeURIComponent(document.location.href)+' '+encodeURIComponent(document.title),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)"> <i class="fa fa-twitter" aria-hidden="true"></i> Share </a>

link分享

<a href="javascript:window.open('http://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title)+'&source='+encodeURIComponent(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)"> <i class="fa fa-linkedin" aria-hidden="true"></i> Share </a>

google分享

<a href="//plus.google.com/share?app=110&url=http%3A%2F%2Fphpstack-175879-514271.cloudwaysapps.com%2Fproduct%2Fdetail%2Fid%2F46" target="_blank" onclick="window.open(this.href,'','scrollbars=1,resizable=1,width=400,height=620');return false;"><div dir="ltr" class="ozWidgetPlusButtonHeight24_"><span id="widget_bounds" style=""><div style="height:24px;" class="ozWidgetRioButton_ ozIdPlusShareButton_" id="button" title="Share"><div class="ozWidgetRioButtonContentWrapper_"><div style="margin:2px 0 0 2px;" class="ozWidgetRioButtonIcon_"><div style="width:18px;height:18px;" class="ozWidgetRioButtonSvgImageWithFallback_ ozWidgetRioButtonIconImage_ ozWidgetRioButtonIconImage18_"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 14 14" class="ozWidgetRioButtonSvg_"><path d="M12.5,6.2V4.7h-1.1v1.5H9.8v1.1h1.5v1.5h1.1V7.3H14V6.2H12.5z"></path><path d="M4.4,6.1v1.7h2.3c-0.2,1-1.1,1.8-2.3,1.8C3,9.6,1.8,8.4,1.8,7S3,4.4,4.4,4.4C5,4.4,5.6,4.6,6,5l1.3-1.3 C6.5,3.1,5.6,2.6,4.4,2.6C2,2.6,0,4.6,0,7s2,4.4,4.4,4.4c2.5,0,4.2-1.8,4.2-4.3c0-0.3,0-0.7-0.1-1C8.5,6.1,4.4,6.1,4.4,6.1z"></path></svg></div></div><span style="font-size:11px;line-height:22px;" class="ozWidgetRioButtonContents_">Share</span></div></div></span></div></a>

Pinterest分享

<a href="javascript:window.open('https://www.pinterest.com/pin/create/button/?url='+encodeURIComponent(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)" onclick="window.open(this.href,'','scrollbars=1,resizable=1,width=600,height=450,top=100,left=350');return false;"><img src="/Theme/default/image/pinterest.png" style="margin-right: 4px;">Pinterest</a>

google分享万能，只需要把链接换一下就行

实际应用

<a href="//plus.google.com/share?app=110&url=http%3A%2F%2Fphpstack-175879-514271.cloudwaysapps.com%2Fproduct%2Fdetail%2Fid%2F46" target="_blank" onclick="window.open(this.href,'','scrollbars=1,resizable=1,width=600,height=450,top=100,left=350');return false;" style="font-size: 14px;margin-right: 50px;"><img src="/Theme/default/image/google .png" style="margin-right: 4px;">Google +</a>
<a href="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(document.location.href)+'&t='+encodeURIComponent(document.title),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)" style="font-size: 14px;margin-right: 50px;"><img src="/Theme/default/image/Facebook.png" style="margin-right: 4px;">Facebook </a>
<a href="javascript:window.open('http://twitter.com/home?status='+encodeURIComponent(document.location.href)+' '+encodeURIComponent(document.title),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)"  style="font-size: 14px;margin-right: 50px;"><img src="/Theme/default/image/twitter-square.png" style="margin-right: 4px;">Twitter</a>
<a href="javascript:window.open('http://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title)+'&source='+encodeURIComponent(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)" style="font-size: 14px;margin-right: 50px;"><img src="/Theme/default/image/linkedin.png" style="margin-right: 4px;">LinkedIn</a>
<a href="javascript:window.open('https://www.pinterest.com/pin/create/button/?url='+encodeURIComponent(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450,top=100,left=350');void(0)" onclick="window.open(this.href,'','scrollbars=1,resizable=1,width=600,height=450,top=100,left=350');return false;" style="font-size: 14px;margin-right: 48px;"><img src="/Theme/default/image/pinterest.png" style="margin-right: 4px;">Pinterest</a>
<a href="https://login.yahoo.com/account/create?specId=usernameReg&src=flickr&done=https%3A%2F%2Fapi.login.yahoo.com%2Foauth2%2Frequest_auth%3Fclient_id%3Ddj0yJmk9NTJmMkVmOFo3RUVmJmQ9WVdrOVdXeGhVMWx3TjJFbWNHbzlNQS0tJnM9Y29uc3VtZXJzZWNyZXQmeD01OA--%26redirect_uri%3Dhttps%253A%252F%252Fwww.flickr.com%252Fsignin%252Fyahoo%252Foauth%252F%253Fsignup%253D1%26response_type%3Dcode%26scope%3Dopenid%252Csdpp-w%26nonce%3Dba8af17bacd85238d60b2f6aaebae5a1" target='_bank' onclick="window.open(this.href,'','scrollbars=1,resizable=1,width=600, height=450,top=100,left=350');return false;" style="font-size: 14px;"><img src="/Theme/default/image/flickr.png" style="margin-right: 4px;">Flickr</a>