Twitterフィード
Last updated
Was this helpful?
Last updated
Was this helpful?
PageFlyの要素(Xにブランド名が変更)は、ソーシャルネットワークをページに統合してコンバージョン率を高めるために設計されています。この要素を使用すると、商品やストアのソーシャルプルーフを追加したり、ブランドのソーシャルメディアページを訪問者に紹介したりできます。
Xは世界で最も人気のあるソーシャルプラットフォームの1つであり、場所や国籍に関係なく、顧客とより簡単につながるのに役立ちます。PageFly X (Twitter) 要素を使用することは、顧客があなたやあなたのブランドコミュニティにはるかに簡単な方法でアクセスできるようになるため、プロフェッショナリズムと顧客サポートへの献身を示すことにもなります!
ステップ1:要素アイコンをクリック > PageFlyタブでX (Twitter) フィード要素を選択します
ステップ2:必要な要素をエディタにドラッグアンドドロップし、使い始めます
X (Twitter) フィード要素には、可能な限り最高のコンバージョン率のためにコンテンツの表示を微調整できる多くのパラメータが付属しています。
レイアウトで要素を選択し、[General]タブと[Styling]タブに移動してその設定を表示します。
| Twitter URL: ストアのTwitter URLを入力します |
Content loading: 要素のコンテンツ読み込み時間を最適化します。2つのオプションがあります:Lazy load または Standard - Lazy load: ビューポートで表示されたときにのみコンテンツを読み込み、PageSpeedを向上させます - Standard: 読み込み時間とユーザーエクスペリエンスのバランスをとります。
Overall width: X (Twitter) 要素の幅を調整します。フィードボックス(最大値は1000 px)
Overall height: X (Twitter) 要素の高さを調整します。フィードボックス(最大値は1000 px)
| Spacing: X (Twitter) 要素の周囲に必要なスペースを作成するために、マージンとパディングを調整します。 |
Border: 境界線のスタイルをカスタマイズし、角を丸くするために境界線の半径を設定します。
Effects: これらのパラメータを使用して、X (Twitter) 要素の視覚的な外観を向上させます: - Opacity: 要素の透明度レベルを調整します。0%(完全に透明)から100%(完全に不透明)までです。 - Enable shadow: このオプションを切り替えて、要素に影の効果を追加します。
Display 注:このパラメータグループはBasic Editorでのみ利用可能です。以下の表示タイプから選択できます: - Inline: 要素は他の要素とインラインで表示され、同じ行に沿って流れるようになります。 - Block: 要素は親コンテナの全幅を占め、新しい行から始まります。 - Flex: このオプションを使用すると、フレックスボックスのプロパティを使用してより複雑なレイアウトを作成できます。Flexを選択した場合、以下の設定をさらに構成できます: - Flex direction: アイテムの方向を設定します(行または列)。 - Flex wrap: アイテムが複数行に折り返すのを制御します。 - Align items: クロス軸に沿ってアイテムを整列させます。 - Align content: コンテナ内のフレックスラインを整列させます。 - Justify content: 主軸に沿ってアイテムを整列させます。
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エディタから削除されました。
バージョン 4.15.0
バージョン4.15.0では、「Content Loading」という新しい設定が追加され、ライブプレビューでの読み込みエクスペリエンスを最適化し、ページ速度を向上させるための2つのオプションがあります。
Lazy Loading: ユーザーのビューポートに入ったときにのみコンテンツが読み込まれ、初期読み込み時間を短縮し、帯域幅を節約します。
Standard: コンテンツが通常通り読み込まれ、インターネット接続が速いユーザーにとってはよりスムーズなエクスペリエンスを提供する場合があります。
Generalタブの ATTRIBUTES、VISIBILITY、ANIMATION パラメータについては、で詳細情報をご確認いただけます。
Stylingタブの詳細については、をご確認ください。
重要事項: Gen 2レイアウトは、従量課金制()でのみ利用可能になります。