向網站新增社交網路功能



如今,您會發現許多網站都集成了社交網路服務,以使其網站更受歡迎和有趣。在本節中,您將學習如何將社交網路整合到網站中。

  • 當人們訪問您的網站並且他們喜歡您網站上的某些內容時,他們通常希望與朋友分享。

  • 為了方便使用者,您可以簡單地顯示一些圖示,使用者可以點選這些圖示來在任何社交網路網站(如 Facebook、Twitter 等)上分享頁面或帖子。

  • 要顯示這些字形或圖示,您可以將 LinkShare 幫助器新增到頁面中。

  • 訪問您頁面的使用者如果在該社交網路網站上有帳戶,則可以點選單個字形/圖示,然後他們可以在該網站上釋出到您頁面的連結或帖子。

讓我們來看一個簡單的示例,我們將在這個示例中在我們的網頁上新增社交網路網站的選項。首先,我們需要建立一個新的 CSHTML 檔案。

Social Networking Site

在“名稱”欄位中輸入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:https://:36905/LinkSharePage,您將看到以下輸出。

Link Share

讓我們點選 Twitter 圖示,您將在新標籤頁中看到以下 Twitter 登入頁面。

Log In To Twitter

遊戲卡片

當人們線上玩 Microsoft Xbox 遊戲時,每個使用者都有一個唯一的 ID。每個玩家的統計資料都以遊戲卡片的形式儲存,其中顯示了他們的聲譽、遊戲得分和最近玩的遊戲。如果您是 Xbox 遊戲玩家,則可以透過使用GamerCard 幫助器在網站中的頁面上顯示您的遊戲卡片。

讓我們來看一個簡單的示例,我們將在這個示例中顯示遊戲卡片,首先我們需要建立一個新的 CSHTML 檔案

Gamer Card

在“名稱”欄位中輸入GameCard.cshtml,然後點選“確定”,然後替換以下程式碼。

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

讓我們執行應用程式,您將看到以下輸出。

Xbox Gamer
廣告

© . All rights reserved.