将社交网络添加到网站

将社交网络添加到网站


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

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

  • 为了方便用户,您可以简单地显示图标,人们可以点击这些图标来共享页面或在任何社交网站(如 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 登录页面。

登录推特

游戏卡

当人们在线玩 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 玩家

觉得文章有用?

点个广告表达一下你的爱意吧 !😁