MovableTypeにFacebookのOpen Graph protocol(OGP)を対応させる方法
» tips
» Facebook» MovableType» OGP |
|
[2011年6月20日 09:20]
ども、ブログご無沙汰気味のヤガーです。
久しぶりにちゃんと技術っぽい事書かないとなぁと思いまして、いまさらですがOGP対応の話題など取り上げたいと思います。
といっても、すでに詳しく書かれているページもたくさんあるでしょうから、今回はボクがブログで使用しているMovableTypeでの実装方法にフォーカスしています。
いきなりですが、個別ブログ記事テンプレート用の完成版のソースです!
<meta property="og:title" content="<$MTEntryTitle remove_html="1"$>" /> <meta property="og:type" content="article" /> <meta property="og:url" content="<$MTEntryPermalink$>" /> <meta property="og:site_name" content="Creazy!(クリエイジー!)" /> <MTSetVarBlock name="og_image"><mt:entrybody regex_replace='/[\S\s]*src="(https?:\/\/.+?)(\.jpe?g|\.gif|\.png)"[\S\s]*/i',"$1$2"></MTSetVarBlock><mt:If name="og_image" like="(https?:\/\/.+?)(\.jpe?g|\.gif|\.png)"><meta property="og:image" content="<$MTGetVar name="og_image"$>" /><mt:Else><meta property="og:image" content="http://creazy.net/img/logo_ogp.jpg" /></mt:If> <meta property="og:description" content="<$MTEntryExcerpt convert_breaks="0" words="120" $>" /> <meta property="fb:admins" content="100001083970301" /> <meta property="fb:page_id" content="131869520198765" />
それぞれのブログ用の差し替える部分もありますから、このまま貼りつけちゃ駄目ですよー。
いまさら書いただけあって、ちょっと工夫した部分もありますw
詳しい説明は続きをどうぞ。
» 続きを読む » MovableTypeにFacebookのOpen Graph protocol(OGP)を対応させる方法

ヤガー (yager)