Webサイトにソーシャルネットワーキングを追加する

最近では、多くのWebサイトがソーシャルネットワーキングサービスを統合して、サイトをより人気のある楽しいものにしていることがわかります。この章では、ソーシャルネットワーキングをWebサイトに統合する方法を学習します。

人々があなたのサイトを訪れ、あなたのサイトで何かを気に入ったとき、彼らはそれを友人と共有したいと思うでしょう。
ユーザーが物事を簡単にするために、クリックしてページを共有したり、Facebook、Twitterなどのソーシャルネットワーキングサイトに投稿したりできるアイコンを表示するだけです
これらのグリフまたはアイコンを表示するには、LinkShareヘルパーをページに追加できます。
ページにアクセスしたユーザーは、そのソーシャルネットワーキングサイトのアカウントを持っている場合、個々のグリフ/アイコンをクリックして、ページへのリンクを投稿したり、そのサイトに投稿したりできます。

Webページにソーシャルネットワーキングサイトのオプションを追加する簡単な例を見てみましょう。まず、新しいCSHTMLファイルを作成する必要があります。

[名前]フィールドに LinkSharePage.cshtml と入力し、[OK]をクリックします。 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 と入力して[OK]をクリックし、次のコードを置き換えます。

<html>
   <head>
      <title>Xbox Gamer Card</title>
   </head>

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

</html>

アプリケーションを実行してみましょう。次の出力が表示されます。

Xboxゲーマー

Asp.net-wp-add-social-networking-website

Webサイトにソーシャルネットワーキングを追加する

ゲームカード