# Twitterフィード ### X (Twitter) フィード要素について PageFlyの[X (Twitter) フィード](https://help.pagefly.io/manual/twitter-element/)要素（Xにブランド名が変更）は、ソーシャルネットワークをページに統合してコンバージョン率を高めるために設計されています。この要素を使用すると、商品やストアのソーシャルプルーフを追加したり、ブランドのソーシャルメディアページを訪問者に紹介したりできます。 Xは世界で最も人気のあるソーシャルプラットフォームの1つであり、場所や国籍に関係なく、顧客とより簡単につながるのに役立ちます。**PageFly X (Twitter)** 要素を使用することは、顧客があなたやあなたのブランドコミュニティにはるかに簡単な方法でアクセスできるようになるため、プロフェッショナリズムと顧客サポートへの献身を示すことにもなります！ ### X (Twitter) 要素にアクセスする方法 * ステップ1：要素アイコンをクリック > PageFlyタブで**X (Twitter) フィード**要素を選択します * ステップ2：必要な要素をエディタにドラッグアンドドロップし、使い始めます ![](/files/IM9o84KoNTG0xEt7pYA6) ### X (Twitter) 要素を設定する方法 **X (Twitter) フィード**要素には、可能な限り最高のコンバージョン率のためにコンテンツの表示を微調整できる多くのパラメータが付属しています。 レイアウトで要素を選択し、\[General]タブと\[Styling]タブに移動してその設定を表示します。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXeKlNRBjJR4Y2UI1y6RoHMaE4HrAaezz5XzU8uXo4BUuZgg7K17fzMUpRGL_w56Xr39ScWCi0amJlH_1MZPMo24cTmCRa2zWrFIDgQbj6og11gBQ9t9gJN0qT39Np3Wvq4SiW0mAzXEH69GY8LYpQkeyrf4MAJPplu3yVFPmiOfmWw.png) #### 一般設定 \| **Twitter URL**: ストアのTwitter URLを入力します | | ![](/files/qqcL1wOLU3SOkPPPyPwR) | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Content loading**: 要素のコンテンツ読み込み時間を最適化します。2つのオプションがあります：Lazy load または Standard - Lazy load: ビューポートで表示されたときにのみコンテンツを読み込み、PageSpeedを向上させます - Standard: 読み込み時間とユーザーエクスペリエンスのバランスをとります。 | | ![](/files/pJjADWN22Y7c79V6o7TH) | | **Overall width**: X (Twitter) 要素の幅を調整します。フィードボックス（最大値は1000 px） | | ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXfma8N4U53LizFKDTpZ-IL9JaAvP7E_aMGe6hNoELuKA9eQRM98xYZomAU7GvedQVOqi5v5cwVyC14lQIk1Jv2l0LcsWzruKyxgDgnzgLCdLZU1b1E6-7HxL27-Qm4FoBr8YMLTxMISriTuH1mkeyrf4MAJPplu3yVFPmiOfmWw.gif) | | **Overall height**: X (Twitter) 要素の高さを調整します。フィードボックス（最大値は1000 px） | | ![](/files/DlGdE68aez81uemP6exG) | Generalタブの ATTRIBUTES、VISIBILITY、ANIMATION パラメータについては、[こちら](https://help.pagefly.io/manual/elements-general-settings/)で詳細情報をご確認いただけます。 #### スタイリング設定 \| **Spacing:** X (Twitter) 要素の周囲に必要なスペースを作成するために、マージンとパディングを調整します。 | | ![](/files/4s7uvQ3EIiV2lYBjAehR) | | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Border:** 境界線のスタイルをカスタマイズし、角を丸くするために境界線の半径を設定します。 | | ![](/files/BtxIX4HFYG5fNkyuIf2G) | | **Effects:** これらのパラメータを使用して、X (Twitter) 要素の視覚的な外観を向上させます： - Opacity: 要素の透明度レベルを調整します。0%（完全に透明）から100%（完全に不透明）までです。 - Enable shadow: このオプションを切り替えて、要素に影の効果を追加します。 | | ![](/files/jGmxT8NmqISQe1SEqFPG) | | **Display** 注：このパラメータグループはBasic Editorでのみ利用可能です。以下の表示タイプから選択できます： - Inline: 要素は他の要素とインラインで表示され、同じ行に沿って流れるようになります。 - Block: 要素は親コンテナの全幅を占め、新しい行から始まります。 - Flex: このオプションを使用すると、フレックスボックスのプロパティを使用してより複雑なレイアウトを作成できます。Flexを選択した場合、以下の設定をさらに構成できます： - Flex direction: アイテムの方向を設定します（行または列）。 - Flex wrap: アイテムが複数行に折り返すのを制御します。 - Align items: クロス軸に沿ってアイテムを整列させます。 - Align content: コンテナ内のフレックスラインを整列させます。 - Justify content: 主軸に沿ってアイテムを整列させます。 | | ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXfNRJHz2au7lQ1Acclhacnq43Ji03VHb_eQv2PJSvbRcfXYp5U96QQHs4mBVWFMxWenlC2qhXhJM-dondrzrAYhuyOa_t-Aj5crIPgVT_sjF2xZoBqz4wN8LsN9HdCuLRciOIBggn2FoUr3XLvtrAkeyrf4MAJPplu3yVFPmiOfmWw.gif) | Stylingタブの詳細については、[こちら](https://help.pagefly.io/manual/elements-style-settings/)をご確認ください。 ### ヒントとベストプラクティス **X (Twitter) フィード**要素は、ソーシャルメディアをウェブサイトやランディングページに統合するための強力なツールです。**X (Twitter) フィード**要素は、訪問者が見る可能性が高いページの目立つ場所に配置する必要があります。 さらに、**X (Twitter) フィード**に追加するすべての写真やビジュアルが高解像度で視覚的に魅力的であることを確認してください。これにより、訪問者の注意を引き、フィードをより魅力的にすることができます。 さらに、**X (Twitter) フィード**をブランドのカラースキームと全体的な美しさに一貫させる必要があります。これにより、ブランドアイデンティティが強化され、訪問者にとって一貫したエクスペリエンスが作成されます。 ### よくある質問 2023年のX (Twitter) アカウント数は？ 3億5390万ユーザー PageFlyページにX (Twitter) をAPIを使用してインストールする必要がありますか？ いいえ、X (Twitter) URLのみが必要です。 ### バージョンアップデート **バージョン 4.23.0** バージョン4.23.0では、PageFlyは顧客がGen 2エディタ（フレックスセクションとブロックを含む）とLegacyエディタ（カラムと行を含む）の間で選択できるようになりました。この変更に伴い、X要素の設定がわずかに変更されました。StylingオプションからDisplay設定がFlexエディタから削除されました。 {% hint style="warning" %} **重要事項**: Gen 2レイアウトは、従量課金制（[スロットプラン](https://help.pagefly.io/manual/pricing-plans/)）でのみ利用可能になります。 {% endhint %} **バージョン 4.15.0** バージョン4.15.0では、「Content Loading」という新しい設定が追加され、ライブプレビューでの読み込みエクスペリエンスを最適化し、ページ速度を向上させるための2つのオプションがあります。 * Lazy Loading: ユーザーのビューポートに入ったときにのみコンテンツが読み込まれ、初期読み込み時間を短縮し、帯域幅を節約します。 * Standard: コンテンツが通常通り読み込まれ、インターネット接続が速いユーザーにとってはよりスムーズなエクスペリエンスを提供する場合があります。 {% hint style="info" %} **注**: 特定の使用例とターゲットオーディエンスに対して、パフォーマンスとユーザーエクスペリエンスのバランスが最も取れるオプションを選択してください。 {% endhint %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/pagefly-elements/social/twitter-element.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.