将社交网络添加到网站

如今，您会看到许多网站都集成了社交网络服务，以使他们的网站更受欢迎和有趣。在本章中，您将了解如何将社交网络集成到网站中。

  • 当人们访问您的网站并且喜欢您网站上的某些内容时，他们通常会想与朋友分享。

  • 为了方便用户，您可以简单地显示图标，人们可以单击这些图标来共享页面或在任何社交网站（例如 Facebook、Twitter 等）上发帖。

  • 要显示这些字形或图标，您可以将 LinkShare 帮助程序添加到页面。

  • 如果访问您页面的人拥有该社交网站的帐户，则可以单击单个字形/图标，然后他们可以发布指向您页面的链接或在该网站上发帖。

让我们看一个简单的示例，在该示例中我们将在网页上添加社交网站选项。首先，我们需要创建一个新的 CSHTML 文件。

社交网站

在“名称”字段中输入LinkSharePage.cshtml ，然后单击“确定”。替换 LinkSharePage.cshtml 文件中的以下代码

<!DOCTYPE html>
<html>
   
   <head>
      <title>LinkShare Example</title>
   </head>
   
   <body>
      <h1>LinkShare Example</h1>
      Share: @LinkShare.GetHtml("LinkShare Example")
   </body>
      
</html>

让我们运行该应用程序并指定以下 url - http://localhost:36905/LinkSharePage，您将看到以下输出。

链接分享

让我们点击 Twitter 图标，您将在新选项卡中看到以下 Twitter 登录页面。

登录 Twitter

游戏卡

当人们在线玩 Microsoft Xbox 游戏时，每个用户都有一个唯一的 ID。每个玩家的统计数据以玩家卡的形式保存，显示他们的声誉、玩家分数和最近玩的游戏。如果您是 Xbox 玩家，您可以使用GamerCard 帮助程序在站点的页面上显示您的玩家卡。

让我们看一个简单的例子，我们将在其中显示一张游戏卡，首先我们需要创建一个新的 CSHTML 文件

玩家卡

在“名称”字段中输入GameCard.cshtml，然后单击“确定”，然后替换以下代码。

<html>
   <head>
      <title>Xbox Gamer Card</title>
   </head>
   
   <body>
      <h1>Xbox Gamer Card</h1>
      @GamerCard.GetHtml("major nelson")
   </body>
   
</html>

让我们运行该应用程序，您将看到以下输出。

Xbox 玩家