メインコンテンツにスキップ

Facebook 拡張の使い方

日々の Facebook 拡張機能の使い方は、チームのページ URL を適切なメタボックスに貼り付け、表示すべきサイドバーにウィジェットを配置することです。この記事では、両方のフローと必要になる可能性のあるトラブルシューティング手順について説明します。

今日アップデートされました

Facebook 拡張の使い方

日々の Facebook 拡張機能の使い方は、チームのページ URL を適切なメタボックスに貼り付け、表示すべきサイドバーにウィジェットを配置することです。この記事では、両方のフローと必要になる可能性のあるトラブルシューティング手順について説明します。

チームの Facebook ページを追加する

  1. SportsPress → チームへ移動し、チームを編集します。

  2. Facebook メタボックスで、Page URL フィールドにチームの Facebook ページ URL を貼り付けます。

  3. 投稿を更新します。

チームページへの埋め込み

テーマが Facebook セクションを有効化した SportsPress テンプレート構造を使用している場合、チームページには埋め込まれた Facebook ページが自動的に表示されます。埋め込みは Facebook の公式 Page Plugin SDK を使用し、チームページの専用セクション内で描画されます。

手動で埋め込む場合は、カスタムチームテンプレートから do_action( 'sportspress_team_facebook' ) を呼び出すか、チーム固有のサイドバーで Facebook ウィジェット(後述)を使用します。

Facebook ウィジェットを追加する

Facebook ウィジェットは 2 通りの方法で表示できます。

サイト全体のウィジェット(固定ページ URL)

  1. 外観 → ウィジェットへ移動します。

  2. Facebook ウィジェットをサイドバーまたはフッターエリアにドラッグします。

  3. Title を設定し、固定の Page URL(例: リーグのメイン Facebook ページ)を貼り付けます。

  4. 表示する Tabs を選択します — Timeline は最近の投稿を表示し、Events は今後の Facebook イベントを一覧表示し、Messages はメッセージ送信ボタンを追加します。

  5. ウィジェットを保存します。

チーム認識型ウィジェット

  1. チームページに表示されるサイドバーにウィジェットを配置します。

  2. Use team's Page URL をオンにします。

  3. ウィジェットは、各チームのページに描画されるとき、自動的にそのチームの sp_facebook 値を取得します。Page URL を持たないチームは固定値にフォールバックします(固定フィールドが空の場合は何も描画されません)。

トラブルシューティング

症状

考えられる原因

フロントエンドに埋め込みが何も表示されない

Page URL の形式が正しくない(完全な https://www.facebook.com/... URL である必要がある)、または Facebook ページが非公開設定

ローカル開発環境では表示されるが本番では表示されない

一部のホスティングプロバイダが Facebook SDK へのリクエストをブロックしている — コンソールでブロックされたスクリプトの警告を確認

Tabs オプションが無視される

少なくとも 1 つのタブが選択されているか確認、Facebook は描画に少なくとも 1 つを必要とする

チームページのウィジェットに間違ったページが表示される

「Use team's Page URL」が有効化されていない、またはチームに sp_facebook 値がまだない

こちらの回答で解決しましたか?