[Facebook] 在Blogger 設定 facebook meta tag.
2012-10-10
Facebook 可以制定你網頁所顯示的資料,如果你有設定有人在Facebook上面分享的時候..
就會出現 ..
他會插入圖文,還有敘述,但是如果你沒有設定就會很醜..
在這邊有教學 http://developers.facebook.com/docs/reference/plugins/like/
如果你懶得看 其實圖案如下:
至於C# 要如何插入 可以參考我之前寫的文章 http://no2don.blogspot.com/2012/10/aspnetfacebook-open-graph-tags.html
//Title HtmlMeta titleEle = new HtmlMeta(); titleEle.Attributes.Add("property", "og:title"); titleEle.Attributes.Add("content", "文章標題"); Page.Header.Controls.Add(titleEle);
但是在Blogger 中有點麻煩..
因為她有樣板的概念,所以很多地方要帶入關鍵字,讓Blogger 的Server 能夠取代那些字..我整里了一下..
你只需要開啟範本 然後放在</head> 上面就可以了..
<meta expr:content='data:blog.pageTitle' property='og:title'/> <meta content='blog' property='og:type'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta content='當麻許の碎碎念' property='og:site_name'/> <meta content='當麻許 , C# , Silverlight , Windows Phone , Mallgic , MVP , Microsoft , Facebook超自然研究社社長' property='og:description'/> <meta content='100001962382625' property='fb:admins'/> <meta content='356241317793071' property='fb:app_id'/>
注意喔 其中 expr:content='data:blog.pageTitle' 就會插入文章抬頭.
expr:content='data:blog.canonicalUrl' 就會插入網址 其中我沒有插入圖片og:image 是因為如果你插入的話每一個被按讚圖片都會一樣
所以我沒有特別設定..
參考一下…