Facebookページブロックを使用すると、ライブのFacebookページフィードをSeedProdの任意のページに直接埋め込むことができます。訪問者はウェブサイトを離れることなく、タイムラインやイベント、メッセージの内容を確認できるため、オーディエンスの関心を維持し、最新情報を提供できます。
表示するタブの制御、ヘッダースタイルの調整、プロフィール写真の表示/非表示、埋め込み高さの設定など、このブロックではFacebookページがサイト上でどのように表示されるかを完全に制御できます。
Facebookページブロックをページに追加する
SeedProdページにFacebookページブロックを追加するには、以下の手順に従ってください：
ステップ1: ブロックを追加する
デザイン ＞ ブロック の下にあるFacebook ページブロックを、ページの目的のセクションにドラッグ＆ドロップします。
ステップ2: コンテンツ設定の構成
追加後、Facebookページブロックをクリックして設定を開きます。「コンテンツ」タブで、表示するFacebookページと表示方法を設定します。
Facebook設定:
- FacebookアプリID：接続済みのFacebookアプリを表示します。アプリIDがまだ設定されていない場合、ページ設定で設定するようプロンプトが表示されます。接続後、「アプリを変更」オプションが表示され、別のアプリに切り替えることができます。
- リンク：埋め込みたいFacebookページの完全なURLを入力してください（例：https://www.facebook.com/yourpage/）。
- タブ：埋め込みページフィードに表示するコンテンツタブを選択します。タイムライン、イベント、メッセージから1つ以上選択できます。タイムラインは最近の投稿を表示し、イベントは今後のイベントを表示し、メッセージはダイレクトメッセージオプションを開きます。
- 小見出し:オンにするとFacebookページのヘッダーをコンパクト版で表示し、埋め込みスペースの縦方向の節約が可能です。
- カバー写真を非表示にする:ページのカバー写真を埋め込みフィードから非表示にするにはオンにします。
- プロフィール写真：ページを「いいね！」した友達のプロフィール写真を埋め込みコンテンツの横に表示するには、この機能をオンにしてください。
- CTAボタンを非表示にする：オンにすると、埋め込みページからアクションボタン（例：いいね！やフォロー）を非表示にします。
- 高さ：埋め込みFacebookページフィードの高さをピクセル単位で設定します。70pxから700pxの範囲で指定してください。
- 配置：埋め込みページの水平方向の配置を設定します — 左、中央、または右。
ステップ3：デザインのカスタマイズ
[詳細設定]タブでは、Facebookページブロックの間隔と表示状態を調整できます。
スペース:
- マージン:Facebookページブロックの周囲の外側スペース（上、右、下、左）を制御します。デスクトップ、タブレット、モバイルごとにデバイス別の値をサポートします。
- パディング：Facebookページブロック内の内側の間隔（上、右、下、左）を調整します。デスクトップ、タブレット、モバイルごとにデバイス別の値をサポートします。
属性：
- CSS ID:Facebookページブロック用の自動生成された一意の識別子を表示します。SeedProdによってカスタムスタイリングやJavaScriptターゲティング用に自動的に作成されます。
- カスタムクラス：テーマやカスタムCSSから特定のスタイルを適用するためのカスタムCSSクラスを追加します。
- カスタム属性:ブロックラッパー要素に任意のHTML属性を追加します。各属性は改行で区切り、以下の形式で入力してください: 属性名|値。
デバイスの可視性:
- デスクトップで非表示:デスクトップ画面でFacebookページブロックを非表示にします。
- タブレットで非表示:タブレット端末でFacebookページブロックを非表示にします。
- モバイルで非表示:モバイル端末でFacebookページブロックを非表示にします。
アニメーション効果：
- 表示アニメーション:Facebookページブロックが画面にスクロールインする際に再生されるアニメーション効果を選択します。バウンス、フェードイン、ズームイン、回転インなど、多数の効果が用意されています。
ステップ4: 変更を保存する
Facebookページブロックの設定と外観のカスタマイズが完了したら、必ず作業内容を保存してください。
Facebookページブロックをページに追加できました！このブロックを使えば、FacebookページのライブフィードをSeedProdのどのページにも簡単に表示でき、訪問者をサイトから離脱させることなくソーシャルメディアとのつながりを維持できます。埋め込みページがすべての訪問者で正しく表示されるよう、FacebookアプリIDの設定を確認してください。