X (Twitter) フォローボタンブロックを使用すると、ネイティブのX (Twitter) フォローボタンを任意のSeedProdページに追加できます。訪問者は、サイトから離れることなく、ワンクリックで特定のX (Twitter) アカウントをフォローできるため、ランディングページから直接ソーシャルフォロワーを増やす簡単な方法です。
ボタンのサイズを小または大で表示するか、アカウントのスクリーンネームとフォロワー数を表示または非表示にするか、配置を設定するか、ターゲットオーディエンスに合わせて表示言語を選択するかを選択できます。
X (Twitter) フォローボタンブロックをページに追加する
次の手順に従って、SeedProdページにX (Twitter) フォローボタンブロックを追加します。
ステップ1：ブロックを追加する
デザイン > ブロックの下で、X (Twitter) フォローボタンブロックをページの目的のセクションにドラッグアンドドロップします。
ステップ2：コンテンツ設定を構成する
追加したら、X (Twitter) フォローボタンブロックをクリックして設定を開きます。コンテンツタブのX (Twitter) 設定セクションには、次のオプションがあります。
- X (Twitter) スクリーンネーム:訪問者にフォローしてほしいアカウントのX (Twitter) ユーザー名を入力します（例:
seedprod）。@記号は含めないでください。 - サイズ：小と大のボタンサイズを選択します。
- スクリーンネームを表示:アカウントのユーザー名がボタン内に表示されるかどうかを切り替えます（はい/いいえ）。
- カウントを表示:現在のフォロワー数がボタンの横に表示されるかどうかを切り替えます（はい/いいえ）。
- 配置：デスクトップ、タブレット、モバイルのデバイスごとのコントロールを使用して、ページ上のボタンの水平方向の配置を左、中央、または右に設定します。
- 言語:ボタンインターフェイスの表示言語を選択します。オプションには、自動、英語、アラビア語、ベンガル語、チェコ語、デンマーク語、ドイツ語、ギリシャ語、スペイン語、ペルシャ語、フィンランド語、フィリピン語、フランス語、ヘブライ語、ヒンディー語、ハンガリー語、インドネシア語、イタリア語、日本語、韓国語、マレー語、オランダ語、ノルウェー語、ポーランド語、ポルトガル語、ルーマニア語などがあります。
ステップ3：デザインをカスタマイズする
詳細設定タブでは、X (Twitter) フォローボタンブロックのレイアウトと動作をさらに制御できます。
間隔：
- マージン: ブロックの外側のスペーシングを4つの側面すべてに設定します。デスクトップ、タブレット、モバイルで個別に制御できます。
- パディング: ブロックラッパーの内側のスペーシングを4つの側面すべてに設定します。デバイスごとに制御できます。
属性:
- カスタムクラス: ブロックラッパーに1つ以上のカスタムCSSクラスを追加して、ターゲットを絞ったスタイリングを行います。
- CSS ID: SeedProdは、このブロックに一意のCSS IDを自動的に生成します。カスタムCSSまたはJavaScriptでブロックを参照するために使用できます。
- カスタム属性: ブロックラッパー要素にカスタムHTML属性を追加します。キー|値の形式で、各属性を新しい行に入力します。
デバイス表示:
- デスクトップで非表示: デスクトップ画面で表示されたときにブロックを非表示にするには、トグルします。
- タブレットで非表示: タブレット画面で表示されたときにブロックを非表示にするには、トグルします。
- モバイルで非表示: モバイル画面で表示されたときにブロックを非表示にするには、トグルします。
アニメーション効果:
- スクロールエフェクト: ブロックにスクロールでトリガーされるアニメーションを適用します。方向、速度、ビューポートオフセット制御を備えた垂直スクロールおよび水平スクロールオプションが含まれます。
- マウスエフェクト: マウスの動きによって駆動されるパララックス効果をブロックに適用します。
ステップ4：変更を保存
X (Twitter) フォローボタンブロックの設定が完了し、外観のカスタマイズが終わったら、作業内容を保存してください。
X (Twitter) フォローボタンブロックをページに正常に追加しました！ランディングページに直接フォローボタンを配置することは、訪問者をフォロワーに転換するための低摩擦の方法です。サイズ、配置、フォロワー数の表示を組み合わせて、ターゲットオーディエンスに最適な組み合わせを見つけてください。