本章詳細講述如何整合,在你的站點上建立社交網(wǎng)絡(luò)服務(wù)。
我們提供的服務(wù)有：做網(wǎng)站、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、洛扎ssl等。為上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學管理、有技術(shù)的洛扎網(wǎng)站制作公司
在本章中，您將學習如何讓社交網(wǎng)站的書簽\鏈接、Facebook或Digg等網(wǎng)站的鏈接、Twitter的feeds， gravatar頭像和Xbox玩家卡添加到您的網(wǎng)站中。
您將學習：
以下是在本章介紹ASP.NET編程時引入的概念：
讓社交網(wǎng)站的鏈接添加到您的站點
如果訪問者喜歡您網(wǎng)站的信息，并且經(jīng)常要分享給朋友時。人們可以點擊一個文字（圖標）形式的鏈接，從而分享內(nèi)容到DIGG（掘客）、Reddit（一個社交新聞?wù)军c）、Facebook、Twitter或相似的網(wǎng)站，在本節(jié)內(nèi)容中，你可以簡單的實現(xiàn)這一功能。為了顯示出這些圖標或文字鏈接，需要加入LinkShare的助手。人們在訪問您的網(wǎng)頁，要分享內(nèi)容時可以點擊一個鏈接，如果他們有一個該社交站點的賬號，則可以將您站點的信息分享到社交站點，并將您的鏈接張?zhí)缴缃徽军c上。
1. 如果您還沒有添加ASP.NET Web Helpers Library到您的站點，請?zhí)砑舆M來，具體方法請參照WebMatrix和ASP.NET網(wǎng)頁入門。
2. 創(chuàng)建一個名為頁ListLinkShare.cshtml，并在其中添加以下標記：
在這個范例中，您可以將您要分享的內(nèi)容做為參數(shù)，分享到社交站點中。當然，這個參數(shù)您是可以自定義的。
3. 在瀏覽器中運行的ListLinkShare.cshtml的頁面。 （確保本頁面在選定的文件工作區(qū)，然后再運行它。）
4. 點擊一個站點的文字（圖標）鏈接，您可以共享您的信息和鏈接到您選定的社交網(wǎng)絡(luò)站點上的頁面中。例如，如果您按一下del.icio.us鏈接，將獲取你的頁面信息到del.icio.us站點的保存書簽頁面中。
在您的站點中加入一個Twitter feed
ASP.NET提供者輔助功能可以讓我們在站點中增加Twitter feed，如果在您的代碼中使用Twitter.Profile方法，可以為您的網(wǎng)頁上顯示特定的Twitter用戶Twitter feed。如果在您的代碼中使用Twitter.Search方法，則可以為您的網(wǎng)站中顯示根據(jù)指定搜索內(nèi)容呈現(xiàn)出來的結(jié)果。并且這個Twitter助手高寬都是可以設(shè)置的。
在您的網(wǎng)站點添加Twitter助手的時候不需要您的賬號信息，這些信息是公開的。
下列步驟顯示了如何建立一個網(wǎng)頁，演示了這兩種Twitter的助手。
1. 如果您還沒有添加ASP.NET Web Helpers Library到您的站點，請查閱第1章所述。同時在這里也需要添加Twitter.Helper到您的站點。
2. 添加一個新的頁面網(wǎng)站名為Twitter.cshtml。
3. 添加下面的代碼和標記到頁面中：
| Twitter profile helper | Twitter search helper |
| @Twitter.Profile(" | @Twitter.Search(" |
4. 將Twitter.Profile語句塊方法參數(shù)中的
5. 在Twitter.Search語句塊主應(yīng)運參數(shù)中的
6. 在瀏覽器中運行頁。
呈現(xiàn)Gravatar網(wǎng)站獲取的形像（頭像）
Gravatar（全球通用頭像）是一個提供可以代表您形像（頭像）服務(wù)的站點。例如Blog評論或論壇發(fā)帖等等，都可以使用Gravatar提供的形像。（你可以注冊自己的gravatar網(wǎng)站的gravatar http://www.gravatar.com/。）如果想在您的站點上提供形像（頭像）功能，則可以使用gravatar助手。
在下面的例子中，您將使用一個單一的表示您自己的gravatar形像。Gravatar還有另一種用法，是當用戶在您站點注冊賬號時，可以指定一個Gravatar形像的地址。（關(guān)于注冊、安全和成員您可以查看第16章）每當顯示用戶信息時，可以顯示該用話指定的Gravatar形像。
1. 如果您還沒有添加ASP.NET Web Helpers Library到您的站點，請查閱第1章所述。
2. 創(chuàng)建一個新的網(wǎng)頁，名為Gravatar.cshtml。
3. 將以下標記添加到您的頁面中：
Gravatar.GetHtml方法顯示的gravatar頁面上的圖像。為了改變圖像的大小，可以設(shè)置第二個參數(shù)。不設(shè)參數(shù)默認大小為80，數(shù)字小于80使圖像變小，大于80的數(shù)字，使圖像放大。
4. 在Gravatar.GetHtml方法，替換<您的Gravatar賬號寫>您為您的gravatar帳戶使用的電子郵件地址。（如果沒有的gravatar的帳戶，您可以使用電子郵件地址）
5. 在瀏覽器中運行頁。頁面顯示您指定的電子郵件地址的gravatar圖像。第二個圖像是比第一次小。
顯示您XBox玩家卡
當人們玩微軟Xbox在線游戲時，每個用戶都有一個唯一的ID。統(tǒng)計信息被保存成一個游戲卡的形式，這張卡里顯示了他們的聲譽，玩家評分，最近玩過的每個游戲。如果您是Xbox玩家，您可以使用GamerCard幫手，在您的網(wǎng)站頁面上顯示您的玩家卡。
1. 如果您還沒有添加ASP.NET Web Helpers Library到您的站點，請查閱第1章所述。
2. 創(chuàng)建一個新頁面名為XboxGamer.cshtml添加下面的標記。
您使用GamerCard.GetHtml的方法時，需要在參數(shù)中指定要顯示玩家卡的別名。
3. 在瀏覽器中運行本頁。該頁面顯示您指定的Xbox玩家卡。
顯示一個Facebook的“Like”按鈕
您可以通過使用Facebook 的助手的LikeButton方法，讓人們很容易的分享您的內(nèi)容與他們的Facebook朋友。
Facebook的助手呈現(xiàn)一個 LIKE 按鈕本身以及其他人的點擊數(shù)（這是從Facebook讀?。?b>如下圖：
當人們在您的站點上點擊Facebook Like按鈕時，一個描述他們喜歡的頁面的鏈接會出現(xiàn)在頁面上。
默認情況下，F(xiàn)acebook Like按鈕是針對當前站點的。還有一種常見的場景——在您的站點上為某一個鏈接添加Facebook Like按鈕，您可以使用Facebook 的助手的LikeButton方法，在參數(shù)中指定一個URL地址，在這種情況下，LikeButton可以鏈接到您所指定的任何網(wǎng)頁。如果您想在站點上列出其他網(wǎng)站，并提供每個網(wǎng)站一個單獨的LikeButton，那么這個功能是非常有用的。
LikeButton方法可以讓您指定如何顯示按鈕，包括：
在下面的例子中，您將創(chuàng)建兩個LikeButton。一個點到當前頁面，另一個鏈到一個特定的網(wǎng)址（如：ASP.NET WebMatrix網(wǎng)站）。為了方便測試該例子，您必須有一個Facebook帳戶。
1. 如果您還沒有添加Facebook.Helper library 到您的站點，請查閱第1章所述。（請注意，F(xiàn)acebook.Helper是在不同的庫中，需要另外添加。）
2. 創(chuàng)建一個新頁面名為FacebookLikeBtn.cshtml添加下面的標記。
點擊到當前頁面，可使用默認配置:
點擊到ASP.NET WebMatrix的配置:
第一個例子中Facebook.LikeButton方法使用所有默認設(shè)置，所以它指向當前頁。第二個例子中包括了參數(shù)項，您可以設(shè)置指定的URL地址到LikeButton上。您可以通過改變action，將like（喜歡）變?yōu)閞ecommend（推薦），默認是like。您可以設(shè)置buttonLayout來改變按鈕的風格，比如可以改變?yōu)閎utton_count（相對于"standard"或 "box_count"）布局方式。如果想要顯示Facebook 主頁上的圖標銨鈕，可以將showFaces設(shè)置為true。最后更改配色方案，您可以修改COLORSCHEME屬性為”dark”（默認是”light”） 。
3. 在您的瀏覽器運行的網(wǎng)頁。該頁面顯示了Facebook 正如您所指定的按鈕。
4. 點擊Recommend（推薦）按鈕，將指向ASP.NET網(wǎng)站。如果你沒有登錄到Facebook的話，將提示您登錄。當您操作成功，就可以看到在墻上的推薦鏈接。
如果您在本地測試在WebMatrix頁面，您將無法測試的第一個鏈接（Like按鈕，指向當前頁）。因為您在本地計算機上運行程序（使用本地主機的URL），那么Facebook不回應(yīng)鏈接。然而，一旦您的網(wǎng)站發(fā)布到互聯(lián)網(wǎng)上之后，鏈接將可以工作。
原文：
http://www.asp.net/web-pages/tutorials/social-networking/13-adding-social-networking-to-your-web-site
資源：
ASP.NET網(wǎng)頁與Razor語法參考
重慶分公司
重慶分公司
