ONDrecords【WEBまわりの事をやっております】WEBデザイン・通販システム・予約システムなどが出来ます!

2015wordpress用のFacebookOGP設定タグ

<!-- headタグにパラメーター追加-->
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">

<!--OGP開始-->
<meta property="fb:app_id" content="こちらのURLで取得せよ https://developers.facebook.com/"/>
<meta property="og:locale" content="ja_JP">

<?php
if (is_single()){// 投稿記事

if(have_posts()): while(have_posts()): the_post();
echo '<meta property="og:type" content="article">';echo "\n";//投稿記事にはarticle
echo '<meta property="og:description" content="'.mb_substr(get_the_excerpt(), 0, 100).'">';echo "\n";//抜粋から
echo '<meta property="og:title" content="'; the_title(); echo '">';echo "\n";//投稿記事タイトル
echo '<meta property="og:url" content="'; the_permalink(); echo '">';echo "\n";//投稿記事パーマリンク
endwhile; endif;

} else {//投稿記事以外(ホーム、カテゴリーなど

echo '<meta property="og:type" content="website">';echo "\n";//トップページ・カテゴリーページにはwebsite
echo '<meta property="og:description" content="'; bloginfo('description'); echo '">';echo "\n";//「一般設定」で入力したブログの説明文
echo '<meta property="og:title" content="'; bloginfo('name'); echo '">';echo "\n";//「一般設定」で入力したブログのタイトル
echo '<meta property="og:url" content="'; bloginfo('url'); echo '">';echo "\n";//「一般設定」で入力したブログのURL

}
?>

<meta property="og:site_name" content="<?php bloginfo('name'); ?>">

<?php
$str = $post->post_content;
$searchPattern = '/<img.*?src=(["\'])(.+?)\1.*?>/i';//投稿記事に画像があるか調べる(推奨画像サイズ1200×630)
if (is_single() or is_page()){//投稿記事か固定ページの場合
if (has_post_thumbnail()){//アイキャッチがある場合
$image_id = get_post_thumbnail_id();
$image = wp_get_attachment_image_src( $image_id, 'full');
echo '<meta property="og:image" content="'.$image[0].'">';echo "\n";
} else if ( preg_match( $searchPattern, $str, $imgurl ) && !is_archive()) {//アイキャッチは無いが画像がある場合
echo '<meta property="og:image" content="'.$imgurl[2].'">';echo "\n";
} else {//画像が1つも無い場合
echo '<meta property="og:image" content="http://master-tone.com/storage/wp-content/uploads/2014/04/logo_fb.png">';echo "\n";
}
} else {//投稿記事や固定ページ以外の場合(ホーム、カテゴリーなど)
echo '<meta property="og:image" content="http://master-tone.com/storage/wp-content/uploads/2014/04/logo_fb.png">';echo "\n";
}
?>
<!--OGP完了-->
WEBサイトへの「いいね」ボタンの生成方法は、
下記サイトにログイン後、
https://developers.facebook.com/
「My Apps」→「Get Started with the Facebook SDK」を進んで生成する。

Copyright © 2013 ONDrecords. All rights reserved.