「OGPの仕様追加:記事にひもづくFBページや個人アカウントとの連携を強める」を試す
次の記事にあるとおり、Facebook のニュースフィード上に記事が流れるときに「いいね!」ボタンや「フォローボタン」が表示されるように試してみる。
OGPの仕様追加:記事にひもづくFBページや個人アカウントとの連携を強める
http://facebook-docs.oklahome.net/archives/52099811.html
試した環境および前提(Web上に記事はたくさんあるので検索されたし)
- WordPress 3.5.2-ja + Facebook プラグイン(公式)バージョン1.4
- Facebook Developer 登録・アプリ設定を終えていて、かつ Facebook プラグインの設定も完了し動作していること
今回は個人アカウントでなく、Facebook ページにひもづけるようにする。
次のOGPメタデータを埋め込む必要がある。
[crayon]
[/crayon]
URL の YourFBPage はひもづけたい Facebook ページを指定する。
しかしながら、現在のところFacebookプラグインが対応していない様子のため、手動で関連ファイルを編集する。
やりたいこと
- article:publisher を指定したい(記事を Facebook ページにひもづけ)
- article:author をとりあえず消したい(個人とはひもづけない)
(※ プラグインのデフォルト動作では author が出力される)
作業
[crayon]
function my_ogp_filter( $meta_tags ) {
$meta_tags[‘http://ogp.me/ns/article#publisher’] = ‘https://www.facebook.com/YourFBPage’;
unset($meta_tags[‘http://ogp.me/ns/article#author’]);
return $meta_tags;
}
add_filter( ‘fb_meta_tags’, ‘my_ogp_filter’ );
[/crayon]
意味
1行目 フィルタ作成
2行目 article:publisher 追加
4行目 article:author 削除
8行目 フィルタ適用
結果
参考サイト
- OGPの仕様追加:記事にひもづくFBページや個人アカウントとの連携を強める
http://facebook-docs.oklahome.net/archives/52099811.html - Custom WordPress filters and actions
https://developers.facebook.com/wordpress/custom-filters-actions/#fb_meta_tags - Customize Open Graph protocol for your site or network
http://wordpress.org/support/topic/customize-open-graph-protocol-for-your-site-or-network - Facebook Debugger
https://developers.facebook.com/tools/debug