[ASP.net][Facebook] 在網頁中加入 Open Graph Tags
2012-10-05
Facebook 最近是一顯學，尤其是現在按讚之後，就可以很有威力的分享到牆上..
但是在牆上的標題，內文，還有圖片，要怎麼制定呢?!
其實你可以在這個網址 http://developers.facebook.com/docs/reference/plugins/like/
找到方法…
輸入之後，就可以取得放在 <head></head> 裡面得meta code.
但是在ASP.net 裡面如何透過程式在header 中加入這些meta ..
這邊主要目的是可以 因為不同產品或是帶入不同key 譬如 product.aspx?id=1
可以因為不同資料而呈現不同的Open Graph Tags.
這邊提供一段作法，免得自己忘記…
//Title
HtmlMeta titleEle = new HtmlMeta();
titleEle.Attributes.Add("property", "og:title");
titleEle.Attributes.Add("content", "抬頭");
Page.Header.Controls.Add(titleEle);
//Type
HtmlMeta typeEle = new HtmlMeta();
typeEle.Attributes.Add("property", "og:type");
typeEle.Attributes.Add("content", "product");
Page.Header.Controls.Add(typeEle);
//URL
HtmlMeta urlEle = new HtmlMeta();
urlEle.Attributes.Add("property", "og:url");
urlEle.Attributes.Add("content", "http://www.mallgic.com");
Page.Header.Controls.Add(urlEle);
//Image
HtmlMeta imgEle = new HtmlMeta();
imgEle.Attributes.Add("property", "og:image");
imgEle.Attributes.Add("content", "http://image.varcind.com/index.aspx?tk=xxx&f=jpg");
Page.Header.Controls.Add(imgEle);
//Site Name
HtmlMeta siteEle = new HtmlMeta();
siteEle.Attributes.Add("property", "og:site_name");
siteEle.Attributes.Add("content", "站台名稱");
Page.Header.Controls.Add(siteEle);
//Admin
HtmlMeta adminEle = new HtmlMeta();
adminEle.Attributes.Add("property", "fb:admin");
adminEle.Attributes.Add("content", "100001962382625");
Page.Header.Controls.Add(adminEle);
這樣放在Code 裡面就可以…
讚一下: