[Facebook] 在Blogger 設定 facebook meta tag.

2012-10-10


Facebook 可以制定你網頁所顯示的資料,如果你有設定有人在Facebook上面分享的時候..
就會出現 ..
2012-10-10_135006
他會插入圖文,還有敘述,但是如果你沒有設定就會很醜..
在這邊有教學 http://developers.facebook.com/docs/reference/plugins/like/
如果你懶得看 其實圖案如下:
2012-10-10_135207
至於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 是因為如果你插入的話每一個被按讚圖片都會一樣


所以我沒有特別設定..

參考一下…


當麻許的超技八 2014 | Donma Hsu Design.