Labels

Social share buttons in asp.net

How to add a share buttons in our asp.net website to enable user to share their content in social website like facebook, linkedin, twitter etc.
All social network website provide their code, apis( in their developers  area)  to share, but  just because of lack of knowledge ( and how to use this code ) we faces a lot of problem and spend  a lot of time so here is the simple way to implement  such share button to your own website.


 Linkedin share button with callback:-
Bellow is the Linkedin share button script you can also get it from Linkedin developer area sites and can custmise.


<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-onsuccess="lnksuccess" data-onerror="error" data-url="<%=strShareUrl %>"></script>


 If you want to track or invoke your page function after sharing successfully or want to show error on your page if there is an error in sharing, you can do so through this code..
 <script>
    function lnksuccess(url) {
        alert("url = " + url + "  shared successfully");
    }
    function lnkerror(url){
      alert("something goes wrong in url sharing");
    }
</script>
Twitter share button with callback:-
Bellow is the twitter share button script you can also get it from twitter developer area sites and can custmise.
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://c-sharp-corner.blogspot.in/2012/06/social-share-buttons-in-aspnet.html" data-text="Enter Data text here" data-size="large" data-count="none">Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


 If you want to track click event of of the rendered tweeter button or want to track tweet button event (when you are tweeting something in tweeter website),bellow is the code. 

 <script>
  window.onload = function() {
     twttr.events.bind('tweet', function(event) {
         alert("Thanks for sharing on twitter");
     });

     twttr.events.bind('click', function(event) {
         alert("You are going to share in twitter");
     });
   }
</script>


 Another way to share in tweeter:

The Most simple way to share a link on twitter in given bellow you can pass your link url ,text or via (web reference) in querystring named url , text, via respectivily.
But you can not catch any callback from twitter side i.e. user has share or not (shared succefully or something wrong)
Facebook share button:-
Just pass your url as a query string named u and facebook render that url content data and link for sharing..



Labels:

Popular Posts