关联:
widget 工具 widget tools (add this , share this, jia this)
1. Facebook
Text link:
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" οnclick="return fbs_click()" target="_blank">Share on Facebook</a>
Small icon and text:
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }</style><a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" οnclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>
Icon only:
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; text-decoration:none; } </style> <a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" class="fb_share_button" οnclick="return fbs_click()" target="_blank" style="text-decoration:none;">Share</a>
custom:
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" layout="button_count" show_faces="true" width="450" action="recommend" font=""></fb:like>
Options:
layout: "standard", "button_count" 和 "box_count";
show_faces: 'true' 和 'false'
action: 'like' 和 'Recommend'
Sources:
http://www.facebook.com/share_partners.php
http://developers.facebook.com/docs/guides/web/
custom your facebook button
http://www.buttonshut.com/facebook-badge.html
登录并获取首页:
<?php
echo 'loading <br/>';$login_email = 'my@sexy.mail';$login_pass = 'my_sexy_password';$fp = fopen("fb_cookies.txt", w);
fclose($fp); echo 'still loading <br/>';if (fb_login($login_email,$login_pass)){
$ch = curl_init();curl_setopt($ch, CURLOPT_URL, 'https://login.facebook.com/login.php?login_attempt=1');curl_setopt($ch, CURLOPT_POSTFIELDS,'charset_test=%E2%82%AC%2C%C2%B4%2C%E2%82%AC%2C%C2%B4%2C%E6%B0%B4%2C%D0%94%2C%D0%84&locale=en_US&email='.urlencode($login_email).'&pass='.urlencode($login_pass).'&pass_placeholder=&charset_test=%E2%82%AC%2C%C2%B4%2C%E2%82%AC%2C%C2%B4%2C%E6%B0%B4%2C%D0%94%2C%D0%84');curl_setopt($ch, CURLOPT_POST, 1);curl_setopt($ch, CURLOPT_HEADER, 0);curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);curl_setopt($ch, CURLOPT_COOKIEJAR, str_replace('\\','/',dirname(__FILE__)).'/fb_cookies.txt');curl_setopt($ch, CURLOPT_COOKIEFILE, str_replace('\\','/',dirname(__FILE__)).'/fb_cookies.txt');curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6 (.NET CLR 3.5.30729)");
$html = curl_exec($ch);curl_close($ch);echo $html;
}function fb_login($login_email, $login_pass){$ch = curl_init();curl_setopt($ch, CURLOPT_URL, 'https://login.facebook.com/login.php?login_attempt=1');curl_setopt($ch, CURLOPT_POSTFIELDS,'charset_test=%E2%82%AC%2C%C2%B4%2C%E2%82%AC%2C%C2%B4%2C%E6%B0%B4%2C%D0%94%2C%D0%84&locale=en_US&email='.urlencode($login_email).'&pass='.urlencode($login_pass).'&pass_placeholder=&charset_test=%E2%82%AC%2C%C2%B4%2C%E2%82%AC%2C%C2%B4%2C%E6%B0%B4%2C%D0%94%2C%D0%84');curl_setopt($ch, CURLOPT_POST, 1);curl_setopt($ch, CURLOPT_HEADER, 0);curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);curl_setopt($ch, CURLOPT_COOKIEJAR, str_replace('\\','/',dirname(__FILE__)).'/fb_cookies.txt');curl_setopt($ch, CURLOPT_COOKIEFILE, str_replace('\\','/',dirname(__FILE__)).'/fb_cookies.txt');curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6 (.NET CLR 3.5.30729)");
$html = curl_exec($ch);$err = 0;$err = curl_errno($ch); curl_close($ch);if ($err != 0){echo 'error='.$err."\n";return(false);} else {echo 'fetching..';return(true);}}
?>
2. Twitter
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="IBTimes" data-related="IBTimes">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
Sources:
http://tweetmeme.com/about/retweet_button
http://twitter.com/about/resources/tweetbutton
3. Stumbleupon
<script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script>
Sources:
http://www.stumbleupon.com/badges/
4. Google +1
<html><head><title>+1 demo: Basic page</title><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script></head><body><g:plusone></g:plusone></body> </html>
更多查看:
http://www.google.com/webmasters/+1/button/
http://code.google.com/apis/+1button/#jsapi
5. Linkedin
<html><head><title>Basic page</title></script></head><body><script src="http://platform.linkedin.com/in.js" type="text/javascript"></script><script type="IN/Share" data-url="www.ibtimes.com" data-counter="right"></script></body> </html>
更多查看:
http://developer.linkedin.com/docs/DOC-1283
http://developer.linkedin.com/index.jspa
6. Disqus
<div id="disqus_thread"></div>
<script type="text/javascript">/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */var disqus_shortname = 'example'; // required: replace example with your forum shortname (you need to register for free)// The following are highly recommended additional parameters. Remove the slashes in front to use.// var disqus_developer = 1;// var disqus_identifier = 'unique_dynamic_id_1234';// var disqus_url = 'http://example.com/permalink-to-page.html';// var disqus_config = function () { this.language = "it"; }; // this will set language to italy for the request, and default is en/* * * DON'T EDIT BELOW THIS LINE * * */(function() {var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
disqus_shortname tells Disqus which website account (called a forum on Disqus) this system belongs to.
disqus_identifier tells Disqus how to uniquely identify the current page.
disqus_url tells Disqus the location of the page for permalinking purposes.
如何出现类似 “We were unable to load Disqus. For more information please see our documentation on identifier and urls.” 的提示错误,可以在JavaScript中加入: var disqus_developer = 1;
更多查看:
http://disqus.com/features/
http://docs.disqus.com/developers/universal/
7. gigya
<html>
<head><SCRIPT type="text/javascript" lang="javascript" src="http://cdn.gigya.com/JS/socialize.js?apikey=2_Y82PzwJ_chSFImHXaIDJClnLyJzmk-VFOavSsaNTzl6m901s_NNxRAS0xJ3bd3_N"></SCRIPT><script>var conf = {APIKey: '2_Y82PzwJ_chSFImHXaIDJClnLyJzmk-VFOavSsaNTzl6m901s_NNxRAS0xJ3bd3_N'};// This method is activated when page is loadedfunction onLoad() {// register for login eventgigya.services.socialize.addEventHandlers(conf, {context: { str: 'congrats on your' }, onLogin: onLoginHandler , onLogout: onLogoutHandler});}// onLogin Event handlerfunction onLoginHandler(eventObj) { alert(eventObj.context.str + ' ' + eventObj.eventName + ' to ' + eventObj.provider + '!\n' + eventObj.provider + ' user ID: ' + eventObj.user.identities[eventObj.provider].providerUID);// verify the signature ...verifyTheSignature(eventObj.UID, eventObj.timestamp, eventObj.signature);// Check whether the user is new by searching if eventObj.UID exists in your databasevar newUser = true; // lets assume the user is newif (newUser) {// 1. Register user // 2. Store new user in DB// 3. link site account to social network identity// 3.1 first construct the linkAccounts parametersvar dateStr = Math.round(new Date().getTime()/1000.0); // Current time in Unix format//(i.e. the number of seconds since Jan. 1st 1970)var siteUID = 'uTtCGqDTEtcZMGL08w'; // siteUID should be taken from the new user record// you have stored in your DB in the previous stepvar yourSig = createSignature(siteUID, dateStr);var params = {siteUID: siteUID, timestamp:dateStr,cid:'',signature:yourSig};// 3.1 call linkAccounts method:gigya.services.socialize.notifyRegistration(conf, params);}document.getElementById('status').style.color = "green";document.getElementById('status').innerHTML = "Status: You are now signed in";}// Note: the actual signature calculation implementation should be on server sidefunction createSignature(UID, timestamp) {encodedUID = encodeURIComponent(UID); // encode the UID parameter before sending it to the server.// On server side use decodeURIComponent() function to decode an encoded UIDreturn '';}// Note: the actual signature calculation implementation should be on server sidefunction verifyTheSignature(UID, timestamp, signature) {encodedUID = encodeURIComponent(UID); // encode the UID parameter before sending it to the server.// On server side use decodeURIComponent() function to decode an encoded UIDalert('Your UID: ' + UID + '\n timestamp: ' + timestamp + '\n signature: ' + signature + '\n Your UID encoded: ' + encodedUID);}// Logout from Gigya platform. This method is activated when "Logout" button is clicked function logoutFromGS() {gigya.services.socialize.logout(conf, {/*no required params*/}); // logout from Gigya platform}// onLogout Event handlerfunction onLogoutHandler(eventObj) {document.getElementById('status').style.color = "red";document.getElementById('status').innerHTML = "Status: You are now signed out";}</script>
</head>
<body οnlοad="onLoad()"><br /><h4>Please sign in using one of the following providers:</h4><br /><br /><div id="loginDiv"></div><script type="text/javascript">gigya.services.socialize.showLoginUI(conf, { height: 85,width: 360,showTermsLink:false // remove 'Terms' link,hideGigyaLink:true // remove 'Gigya' link,buttonsStyle: 'fullLogo' // Change the default buttons design to "Full Logos" design,showWhatsThis: true // Pop-up a hint describing the Login Plugin, when the user rolls over the Gigya link.,containerID: 'loginDiv' // The component will embed itself inside the loginDiv Div ,cid:''});</script><br /><br /><br /><br /><h4>Click the button below to sign out from Gigya platform:</h4><br /><br /><input id="btnLogout" type="button" value="Sign Out" οnclick="logoutFromGS()"/><br /><br /><div id="status"></div></body>
</html>
更多查看:
http://www.gigya.com/
http://developers.gigya.com/040_Demos/038_Comments_Plugin
8. QQ
分享到QQ空间
<script type="text/javascript"> (function(){ var p = { url:location.href, desc:'',/*默认分享理由(可选)*/ summary:'',/*摘要(可选)*/ title:'',/*分享标题(可选)*/ site:'',/*分享来源 如:腾讯网(可选)*/ pics:'' /*分享图片的路径(可选)*/ }; var s = []; for(var i in p){ s.push(i + '=' + encodeURIComponent(p[i]||'')); } document.write(['<a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?',s.join('&'),'" target="_blank" title="分享到QQ空间"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/app_share/share_s.png" alt="分享到QQ空间" /></a>'].join('')); })(); </script>
分享到腾讯朋友
<script type="text/javascript"> (function(){ var p = { url:location.href, to:'pengyou', desc:'',/*默认分享理由(可选)*/ summary:'',/*摘要(可选)*/ title:'',/*分享标题(可选)*/ site:'',/*分享来源 如:腾讯网(可选)*/ pics:'' /*分享图片的路径(可选)*/ }; var s = []; for(var i in p){ s.push(i + '=' + encodeURIComponent(p[i]||'')); } document.write(['<a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?',s.join('&'),'" target="_blank" title="分享到腾讯朋友"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/qzshare/to-py.png" alt="分享到腾讯朋友" /></a>'].join('')); })(); </script>
分享:http://opensns.qq.com/share/
QQ登录:http://connect.opensns.qq.com/
QQ开发平台:http://opensns.qq.com/
QQ like:http://like.opensns.qq.com/
9. Reddit
<script type="text/javascript" src="http://www.reddit.com/static/button/button2.js?url=<?=url?>"></script>
http://www.reddit.com/buttons/
本站关联:
widget 工具 widget tools (add this , share this, jia this)