最終更新日：2026年6月23日 at 10:08 AM
Facebook の外部サイト向け「いいね！」「コメント」ボタン（ソーシャルプラグイン）は、アナウンス通り、2026年2月10日をもって廃止されました。
それに伴い、当サイト内に設置していた「いいね！」ボタンが表示されなくなったため、代わりに「シェア」ボタンを設置することにしました。
シェアボタンのコードは、Meta の開発者向けツール シェアボタン – ソーシャルプラグイン から取得できます。なお、現在はシェア数が表示されない仕様になっています。
当サイトにおいて、シェアボタンへの変更は、ジャストシステムが提供する ホームページビルダー（HPB）の WordPress プラグイン（hpb Dashboard: hpbダッシュボード）のプログラムを修正します。
目次
シェアボタンの設置方法
シェアボタンを表示するため、hpb Dashboard プラグイン内にあるソーシャルボタンを表示するための php プログラム「social_buttons.php」を以下のように修正します。
旧コード（1～5行）をコメントアウトし、新コード（8行以降）を追加し、旧コードの「いいね！」ボタン表示を「シェアする」ボタンに置き換えます。
// Facebookいいね！ボタン表示 : 2026.02.11 削除
//$facebook_like = '<div id="fb-root"></div>
//<script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v24.0&appId='.$fb_appid.'&autoLogAppEvents=1" nonce="FOKrbAYI"></script>
//<div class="fb-like" data-href="'.$STR_DATA_HREF.'" data-send="false" data-layout="'.$facebook_like_layout.'" data-width="'.$facebook_like_width.'" data-size="small" data-share="true"></div>'."\n";
// Facebookシェアボタン表示 : 2026.02.11 追加
$facebook_like = '<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v25.0&appId='.$fb_appid.'"></script>
<div class="fb-share-button" data-href="'.$STR_DATA_HREF.'" data-send="false" data-layout="'.$facebook_like_layout.'" data-width="'.$facebook_like_width.'" data-size="small" data-share="true"></div>'."\n";基本的には、クラス名’fb-like’ を ‘fb-share-button’ に変更するだけで良さそうです。但し、「いいね！」ボタン専用のパラメータは機能しません。
なお、Facebook のシェアボタンを表示するだけであれば、アプリID (変数: $fb_appid) の指定は必須ではありません。
シェアボタンの数値は、そのページや投稿がSNSなどのツールを通じて「共有・引用された合計件数」を示します。具体的には、「いいね！」の数、「シェア」の数、「コメント」の数の合計値が表示されます。
このコードは、Facebook「ソーシャルプラグイン（JavaScript SDK）」を基にした記述となりますが、シェア数のカウント機能は実質廃止されているため注意が必要です。
hpbダッシュボードで新しいアプリIDを設定
ジャストシステム hpb においては、既に設定済みのアプリIDを新しいアプリIDへ変更する場合は、標題 のアイキャッチ画像に示す「hpbダッシュボード」のメニュー「ソーシャルボタン設定 ≫ 挿入できるボタン」の中から「いいね！」をクリックします。
この設定画面では、メニュー「ソーシャルボタン設定 ≫ プレビュー」から「いいね！」ボタンを一度削除してから、再度ボタンをドロップ&ドラッグしても、ユーザーIDとアプリケーションIDの設定・変更（変数 “$fb_appid” の値が変更される）が行えます。
ユーザーIDでは、Facebook のユーザーIDを指定する必要があり、ここでの設定は以下のように Facebook ogp のメタタグにも反映されます。
<meta property="fb:admins" content="ユーザーID"/>
<meta property="fb:app_id" content="アプリケーションID"/>
当方のWordPress環境では、既に更新とサポートが終了している ジャストシステム hpb22 のWordPressテーマのプログラムをベースに、親テーマに対して独自のカスタマイズを加えて運用しております。
ただし、メーカーリリースによる今後のテーマアップデートの可能性を考慮すると、これは極力避け、できる限り子テーマを作成してカスタマイズすることをお勧めします。
Meta for Developers で新たなアプリIDを取得
当サイトでは、「Meta for Developers」においてアプリIDのタイプが「ビジネス」で登録されていました。しかし、このアプリタイプだと「データへのアクセスの更新」の手続きを定期的に行う必要があり、運営が大変面倒だったので、このアプリIDを削除し、更新手続きを必要としない個人の利用にするための新たなアプリIDを作成しました。
最新の Meta for Developers において、新しいアプリ作成画面では、アプリタイプを「ユースケース（使用例）」を選択する方式にアップデートされています。
ここでは「フィルター ≫ その他」から「ユースケースなしでアプリを作成」を選択してからアプリIDの作成を進め、「ビジネス」のタグでは「現時点ではビジネスポートフォリオをリンクしない」を選択します。
この設定でアプリIDを作成した場合、従来の「Meta for Developers」で表示されていたアプリモードのトグルスイッチ「開発／ライブ」は表示されません。
また、作成していた「ビジネスポートフォリオ」については、必要で無くなったので削除しました。
なお、Webサイトやブログに Facebookの「シェアボタン」を表示・設置するだけならば、以降、Meta for Developers のアプリ設定で「ユースケース」を追加・設定したり、アプリ審査を受けたりする必要は原則としてありません。
2026.04.10 追記 / 2026.06.23 更新
上記の件について補足します。シェアボタンでシェア数を表示する場合は、「アプリID」の取得と「ユースケース」の取得が必要です。その場合、現在の仕様では、アプリを使用するためのメタ社へのビジネス認証が必須となっています。
ビジネス認証の手続きは、メタの AI チャットが窓口となりますが、AI 審査をパスしない案件については、却下されるか、または再審査のため人間の審査の待ち行列の方へ回されペンディング状態にされます。
特に個人への認証にはかなりの時間を要し、最長で６週間以上かかったり、「審査中」のままで放置されるケースが大半のようです。
ビジネス認証の手続きの過程で、メタ社の AI チャットは、複数の部門で担当が分かれていて、組織が縦割りであるため、手続きが進まない理由を問い合わせても、担当外で関知しないという理由で他の窓口への問い合わせを勧めて来たりとか、AI の間でたらい回しにされる始末です。
いずれにしても、メタのビジネス認証は手続きは複雑怪奇なので、AI のヘルプをお勧めします。なお、私の感触では、メタへの申請に関しては、Gemini よりも Copilot の方が詳しいようです。
ビジネス認証の審査が通り、アプリを「ライブモード（公開）」に切り替えることで、初めて Facebook のシステム（Graph API）が正常に機能するようになりますが、現在のところ、シェア数が表示される保証はありません。
そのため、シェア数の表示に拘らないのであれば、以下のようにPHPコードの data-layout の中身を、数字枠の出ない “button” （または “icon” ）に変更してください。
data-layout="button"2026.04.11 追記
Rank Math SEO で旧いいね数を引き継ぐ
当サイトでは、先般、最新のSEOプラグイン Rank Math SEO を導入しました。
それに伴い、Rank Math SEO の OGPタグとジャストシステム HPB22 のテーマが出力する OGPタグ が二重出力される問題が発生したため、以下のように、Rank Math SEO のタグを残す方式にシステムを改修しました。
SSLに非対応の過去記事のOGPタグへの対応
SSLに非対応の過去記事（2020年2月6日以前）もFacebookのクローラーに対応させるため、以下のように Rank Math SEO が出力する OGPタグのURLを「https://」から「http://」に書き換えるスニペットをテーマの functions.php に追加します。
/**
* Rank Mathのog:urlを、過去記事のみhttpに書き換える
*/
add_filter( 'rank_math/opengraph/facebook/og_url', function( $url ) {
// 投稿の公開日を取得
$post_date = get_the_date('Ymd');
// 2020年2月6日以前、かつトップページ以外の場合
if ( $post_date && 20200206 >= intval($post_date) ) {
if ( !is_front_page() ) {
// https を http に置換
$url = str_replace( 'https://', 'http://', $url );
}
}
return $url;
});テーマが出力する Rank Math と重複するOGP項目を無効化
HPB22 のソーシャルボタン表示用のプログラム social_buttons を以下のように修正します。Facebook アプリ関連のタグを残し、マークした箇所をコメントアウトします。
<meta property="og:title" content="<?php the_title(); ?> | <?php bloginfo('name'); ?>"/>
<meta property="og:url" content="<?php echo esc_url($STR_OGP_URL); ?>"/>
<meta property="og:image" content="<?php echo esc_url(hpb_get_thumbnail_url($id,'large')); ?>"/>
<meta property="og:image" content="<?php echo esc_url(hpb_get_thumbnail_url($id,'medium')); ?>"/>
<meta property="og:description" content="<?php echo strip_tags(get_the_excerpt()); ?>"/>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>"/>
<meta property="og:type" content="<?php hpb_get_og_type() ?>"/>
<?php $fb_admins = get_option('hpb_social_facebook_admins'); if( $fb_admins != '' ) {?>
<meta property="fb:admins" content="<?php echo $fb_admins; ?>"/>
<?php } $fb_appid = get_option('hpb_social_facebook_app_id'); if( $fb_appid != '' ) {?>
<meta property="fb:app_id" content="<?php echo $fb_appid; ?>"/>上記のコードを以下のように修正します。なお、RankMath SEO でユーザーIDとアプリケーションIDを設定している場合は、マークした行は不要になるため削除してもOKです。
<?php if(false): // Rank Mathと重複するため非表示 ?>
<meta property="og:title" content="<?php the_title(); ?> | <?php bloginfo('name'); ?>"/>
<meta property="og:url" content="<?php echo esc_url($STR_OGP_URL); ?>"/>
<meta property="og:image" content="<?php echo esc_url(hpb_get_thumbnail_url($id,'large')); ?>"/>
<meta property="og:image" content="<?php echo esc_url(hpb_get_thumbnail_url($id,'medium')); ?>"/>
<meta property="og:description" content="<?php echo strip_tags(get_the_excerpt()); ?>"/>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>"/>
<meta property="og:type" content="<?php hpb_get_og_type() ?>"/>
<?php endif; ?>
<?php // ここから下は出力される ?>
<?php $fb_admins = get_option('hpb_social_facebook_admins'); if( $fb_admins != '' ) {?>
<meta property="fb:admins" content="<?php echo $fb_admins; ?>"/>
<?php } $fb_appid = get_option('hpb_social_facebook_app_id'); if( $fb_appid != '' ) {?>
<meta property="fb:app_id" content="<?php echo $fb_appid; ?>"/>
