如何在.NET MVC应用程序中包含社交媒体共享?

时间:2012-07-30 14:20:57

标签: .net asp.net-mvc-3 twitter

我有一个允许用户添加日记条目的应用。在期刊入口托盘下,我希望有Twitter,Facebook和Google+图标,这些图标将共享每个相应服务的条目。

我可以使用哪个库来处理这个问题?

3 个答案:

答案 0 :(得分:15)

不需要图书馆。每项服务都提供易于使用的代码片段,以包含其服务的共享按钮。将每个代码段放在您希望拥有它的视图中。

答案 1 :(得分:1)

如果您不想使用不同的JavaScript文件来共享您的内容,那么您只需使用此代码即可,因为无需等待从不同站点加载JavaScript文件,您需要下载不同的图像很容易在线获取

//facebook share
<a href="https://www.facebook.com/sharer/sharer.php?    
     u=@Url.Encode(Request.Url.ToString())&t=@Url.Encode(Title)" 
     target="_blank">
     <img src="/images/social-buttons/Facebook.png">
</a>

// twitter
<a href="https://twitter.com/intent/tweet?
   url=@Url.Encode(Request.Url.ToString())&text=@Url.Encode(Title)" 
   target="_blank" title="Tweet">
   <img src="/images/social-buttons/Twitter.png">
</a>

// google
<a href="https://plus.google.com/share?
   url=@Url.Encode(Request.Url.ToString())" 
   target="_blank" title="Share on Google+">
   <img src="/images/social-buttons/GooglePlus.png">
</a>

答案 2 :(得分:0)

是的,每个服务提供商都在其开发者区域提供代码,但您需要逐个学习和分析,这里只是一个链接。

Linkedin分享:

<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>

**CallBack Function :**
 <script>
  function lnksuccess(url) {
    alert("url = " + url + "  shared successfully");
  }
  function lnkerror(url){
    alert("something goes wrong in url sharing");
  }
</script>

查看此内容以获取更多信息(参考)。

Social share buttons for facebook, twitter, linkdin in asp.net