# Facebookフィード ### Facebookフィード要素について [Facebookフィード要素](https://help.pagefly.io/manual/facebook-page-element/)は、ソーシャルネットワークをページに統合してコンバージョン率を高めるために設計されています。この要素を使用すると、ストアや商品に対するソーシャルプルーフを追加したり、ブランドのソーシャルメディアページを訪問者に紹介したりできます。 詳細な手順に進む前に、以下のビデオをご覧ください。 ### Facebookフィード要素へのアクセス方法 * **ステップ1**: 左のツールバーにある「要素」機能をクリックします。 * **ステップ2**: PageFlyタブで、メニューにある「Facebookフィード」要素をクリックします。 * **ステップ3**: ページエディターに目的の要素をドラッグアンドドロップしてから、使用を開始します。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXdLTmPC-rbOV1Tw8Yuse5ryUU-7PtkF0_0VQ1QoG4OHMB6qMjtfQtTHTStR7BMaJNgUEVEogZzQ5fhAjOcV6gZJ-Dych9qYIDLw56uIu0cKGHnJzIXDrgOrXs5jIwb1Y26Cc3K89uDYhDfkkr-wAmXGSnbC) ### Facebookフィード要素の設定方法 Facebookフィード要素には、コンテンツの外観を細かく調整して最高のコンバージョン率を達成するための多くのパラメータがあります。レイアウトで要素を選択すると、そのパラメータが表示されます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-bc0ec26940bf86a669e8d740108adbae05d26297%2FAD_4nXdP0o8GcetXoP-WtVx13HZz_ej-hqnTnuGt2Tn-aDWzYzTujWY-df46XKE50JrsFlRvAylaEEMo7fy7r5L_70hLrC6zQuBuPpftv2NgCuxgde2QSFNl7ljIEKrelDxZIzGXpeHlR1wSg1PW8JsPhfQE_Z-j?alt=media) **General**および**Styling**タブのパラメータは、この要素に固有のものです。 #### 一般設定 | **App ID**: Facebook App IDです。これは必須フィールドです。このリンク にアクセスし、右上の「**Get Start\*\*\*\*ed**」ボタンをクリックして指示に従い、Facebook App IDを取得してください。 | | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXfK4cLVcxMG9HBBcJVDZCPu13QcyU2cCcUMcJZWcg5yN0_1ZHXGmAZHSJiWkwAI88W60mb-9XvHiTXXAASWklxDPg7KgZgaaylM4LKgGuWP_Z2repF1ytJsOeAEoqiiy4_A0Hg4DtuRiWb6oArcU7LwescH) | | **Page URL**: FacebookフィードのURLです。これは必須フィールドです。 | | ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXdu1Nw4CJR9X0DTnqJcvQyrJNMxhqfXTFWO9KVXZLB6DNA2sJ_7hBq87-pA-dcFUDan2T0TNuUOiRY6KzEt3HjWNrkVi21yod5VPDdg_s1ChyHZPYl5HaU0TPQUqzao-sxd99M8GpsT5Fr_JVqpNpyLsdc) | | **Content loading**: 2つのオプションがあります。 - **Lazy Loading**: ユーザーの画面に表示されたときにのみコンテンツが読み込まれるため、帯域幅を節約し、最初のページ読み込み時間を短縮します。 - **Standard Loading**: ページが開いたときにすべてのコンテンツがすぐに読み込まれ、すべてがすぐに表示されます。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-65046b071cecfd8274ca61c1d3773c0151081c96%2FAD_4nXfImup04Fqn8xruFIHQAuguIcbhgpCEyHxQ6c3ZfX4n-4qYDQBdsDx-qsLl89A0yRKesuWCVQvxmNdwJe4QrXd_l8fDUMkBr9i-NpsYUJjDFG0ISFpKhgFgM1FtmADtmku5uF2UkzwPEcL75oJ5vCEcgLE?alt=media) | | **Page Tabs**: Facebookフィードのタブを表示/非表示します。複数のタブを同時に選択できます。 - **Timeline**: Facebookフィードのタイムラインを表示します。 - **Events**: Facebookフィードのイベントを表示します。 - **Message**: 訪問者がFacebookフィードに直接メッセージを送信できるようにします。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-d1ee2e2a1b7e7214138e6b11c6310e17b1f20642%2FAD_4nXebE__bZNzuOFWujDLlr9k_NrEvPLZ_is2hvV0RI-sRyMi6NvfmTQa6YE7XR40AGwbuM4dP7YUYHgunpRfnPBuSD1YOtAcf-E0HsljsHd1XZzdMY9zN3xCSmG5O3fg1GoINTVTaGY9MtwfYmq8nA5olQH3L?alt=media) | | **Overall Width**: ボックスの幅です（最小値180 px、最大値500 px）。 | | ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXcRaZ9fFBL6H8tW3Yn297pwL2sZ_FR_G9DUvHbXDL_nxymtN7GREroC2fCbF5MxIDZXL22fwAsE8IbcrwwiCTxMhhkbKu5a-1UL2-p3kOrCtMX0NvFGpsWsFuT1_pbqCALXO2jAZ6ACu2x1An20ESsM6Y1) | | **Overall Height**: ボックスの高さです（最小値70 px、最大値1000 px）。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-d0650da4e4acec995709b2fb1d6a38be19902c7b%2FAD_4nXfKXCwY4g0dlw3MToRqmfyd2gsGjo5Q6m1i5VBh9mUzCD7Er0VZLjA8jvF_JT37GSV3BX4Agj-CujjNzvAspLkVhK9YzrTLq0960b_VQKp_Zsm1IrpjWLCx2h_fLpI5bA1eyls6aj8ojUNUhat8ecH7l6A-?alt=media) | | **Use Small Header**: Facebookフィード名の横に「**いいね！**」アイコンを配置し、「**メッセージを送信**」ボタンを非表示にします。 | | ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXf7kvtGWQw1A56aYD22o2VtzeP7dnNTG8qHWSaMfkVkkJjhf9h13TBu4w90qPK3moAP2HF7px5btajg46k0oKCEegBD-MTI7vjU3WXhjsDLWsgf7WhEiTbtyo9hbRT54aguaWqgaEMbgkytDb-Y7RsDODQ) | | **Enable Auto Width**: 異なる画面サイズにレスポンシブに対応します。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-4c28d274702c4b1da1d06f7f6e726ac82921df76%2FAD_4nXeDhufSx0GDFyAOc-CbCv7Hu2q57N8jXO5JugHBzPfsTjbAIT78Ehf_GrY9QQZ_B7OPrMUxSqm_EH1q_Uaas7YdJqH5XmjFczYRttWYG7IrYnMPSi4hlw03j8Z4Ivu7NkwBF2QBZjnARn9ylF1g5G7MVtNo?alt=media) | | **More settings**: - **Hide Cover Photo**: Facebookフィードのカバー写真を非表示にします。 - **Show Friend’s Faces**: 訪問者またはFacebookフィードを「いいね！」した訪問者の友人のアバターを表示します。 | | ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXcMoTA1ciUX4eDtiHcBOpswAXiAEhkaqH97ERfjDMqDsrGHI6_dw_j9x6Z2xd4PT-G6wzc1GP7h9sdOa0Qa3-T_OFXxQ8Z_XDNQCSn0DMI3nQ3smosHHSZSRhTscyxJQ8tqJWAkEP_-QTS-T9VrIm4ioJBg) | | Facebookフィードのロゴのみを表示したい場合は、画像のようにPage Tabs内のすべてのオプションを無効にし、「Show Friend’s Faces」を無効にしてください。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-0d7b925a20f0dc268be036cadd0bd511c6bebff7%2FAD_4nXf0ocyOB2YaMLSaJc_R3dMBfcnLDeE_SBiuEMtIb-0Z_-HRTrVCMC5XnqGOc_b-OJyubLk_Kudf2Oi16ri-aJcskgEFaZ7O2s_I0FZc1jzumaSu3mQJP6Tog2f7PpnhWLP0NpUpSKFGkFvcQFRQQfjXLoY?alt=media) | **ATTRIBUTES, VISIBILITY,** および **ANIMATION** パラメータに関するさらに詳しい情報は[こちら](https://help.pagefly.io/manual/elements-general-settings/)から確認できます。 #### スタイル設定 Facebookページ要素がページの全体的なレイアウトと一致するように、スタイルタブで間隔、境界線、タイポグラフィ、色など、さまざまなパラメータを変更できます。 **Styling**タブに関する詳しい情報は[こちら](https://help.pagefly.io/manual/elements-style-settings/)から確認できます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-8f76640cd088a870181cfbd16a98668e3b78a73f%2FAD_4nXdP9NZoK-mfMylhIYuu9WLxBl6WxeZN-OlXpIZ3CJ_xJ1xK170Kc7vLbcZeEL661ADBQqZusU29KBIWwApYCwEfyRKwRUxuAhtdgY2iZ1X0TCxyH_THWyMUdurWNYJ5oE8xx4iWuYIK5lh-ATrC?alt=media) ### よくあるケース #### Facebook App IDが見つからない アプリ内のライブチャットでお問い合わせいただければ、さらにサポートいたします。 ### よくある質問 **1. ShopifyをFacebookフィードにリンクできますか？** はい、Shopify App StoreのFacebook & Instagramアプリを使用することで可能です。 **2. PageFlyにFacebookフィード要素を追加すると何が表示されますか？** いいね！・シェアボタン、タイムライン、イベント、メッセージ、および主要な投稿が表示されます。 ### バージョンアップデート バージョン4.15.0では、Facebook要素に新しい「**Content Loading**」（コンテンツ読み込み）設定が追加されました。このアップデートでは、以下の2つのオプションが提供されます。 * **Lazy Loading**: ユーザーの画面に表示されたときにのみコンテンツが読み込まれるため、帯域幅を節約し、最初のページ読み込み時間を短縮します。 * **Standard Loading**: ページが開いたときにすべてのコンテンツがすぐに読み込まれ、すべてがすぐに表示されます。 これは、ソーシャルメディアコンテンツがウェブサイトのパフォーマンスとユーザーエンゲージメントにどのように影響するかをより細かく制御できるように設計されています。 ### 追加リソース * [PageFlyを使用してShopifyストアにFacebookピクセルを設定する方法](https://help.pagefly.io/manual/setup-facebook-pixel-to-my-page/) * [PageFlyを使用してEtsy、Facebookレビューをインポートする方法](https://help.pagefly.io/manual/how-to-use-import-etsy-facebook-reviews-with-pagefly/)