SeedProd ドキュメント

SeedProd のドキュメント、リファレンスマテリアル、チュートリアル

X (Twitter) ツイートボタンブロック

X (Twitter) ツイートボタンブロックを使用すると、任意のSeedProdページにネイティブなツイートボタンを追加できます。これにより、訪問者はワンクリックでコンテンツをX (Twitter) のフォロワーと簡単に共有できます。ツイートにはURL、カスタムテキスト、ハッシュタグ、帰属情報を事前入力できるため、コンテンツの共有方法を完全に制御できます。

このブロックは、ブログ記事、商品ページ、ランディングページで、訪問者に口コミを広めてほしい場合に最適です。ボタンは小サイズまたは大サイズに適合し、30以上の表示言語をサポートして、ターゲットオーディエンスに合わせることができます。

SeedProdページに表示されたX(Twitter)ツイートボタンブロック

要件: X (Twitter) ツイートボタンブロックは、すべてのライセンスプランで利用可能です。


ページにX (Twitter) ツイートボタンブロックを追加する

以下の手順に従って、SeedProdページにX (Twitter) ツイートボタンブロックを追加してください:

ステップ1:ブロックを追加する

デザイン > ブロックの下で、X (Twitter) ツイートボタンブロックをページの目的のセクションにドラッグアンドドロップします。

SeedProdページにX(Twitter)ツイートボタンブロックをドラッグして配置する

ステップ2:コンテンツ設定を構成する

追加したら、X (Twitter) ツイートボタンブロックをクリックして設定を開きます。コンテンツタブのX (Twitter) 設定セクションで、以下のオプションが見つかります:

  • URL:訪問者がツイートボタンをクリックしたときに共有されるURLを入力します。訪問者が独自のメッセージを作成できるようにするには、空白のままにします。
  • テキスト:訪問者がボタンをクリックしたときに、訪問者のツイートコンポーザーに表示される事前作成済みのツイートテキストを入力します。訪問者が独自のメッセージを作成できるようにするには、空白のままにします。
  • ハッシュタグ:事前作成済みのツイートに含める1つ以上のハッシュタグを入力します(#記号なしでカンマ区切り)。
  • Via:ツイートを帰属させるX (Twitter) ユーザー名を入力します(@記号なし)。これはツイートに「via @username」として表示されます。
  • 関連:ツイート投稿後にX (Twitter) がユーザーに提案する可能性のあるX (Twitter) アカウントのカンマ区切りリストを入力します。
  • サイズ:のボタンサイズを選択します。
  • 配置:デスクトップ、タブレット、モバイルのデバイスごとのコントロールを使用して、ページ上のボタンの水平方向の配置を左、中央、または右に設定します。
  • 言語:ボタンインターフェイスの表示言語を選択します。オプションには、自動、英語、アラビア語、ベンガル語、チェコ語、デンマーク語、ドイツ語、ギリシャ語、スペイン語、ペルシャ語、フィンランド語、フィリピン語、フランス語、ヘブライ語、ヒンディー語、ハンガリー語、インドネシア語、イタリア語、日本語、韓国語、マレー語、オランダ語、ノルウェー語、ポーランド語、ポルトガル語、ルーマニア語、ロシア語、スウェーデン語、タイ語、トルコ語などがあります。
URL、テキスト、ハッシュタグ、via、サイズ、言語設定が表示されたX(Twitter)ツイートボタンコンテンツタブ

ステップ3:デザインをカスタマイズする

高度な設定タブでは、X (Twitter) ツイートボタンブロックのレイアウトと動作をさらに制御できます。

間隔:

  • マージン: ブロックの外側のスペーシングを4つの側面すべてに設定します。デスクトップ、タブレット、モバイルで個別に制御できます。
  • パディング: ブロックラッパーの内側のスペーシングを4つの側面すべてに設定します。デバイスごとに制御できます。

属性:

  • カスタムクラス: ブロックラッパーに1つ以上のカスタムCSSクラスを追加して、ターゲットを絞ったスタイリングを行います。
  • CSS ID: SeedProdは、このブロックに一意のCSS IDを自動的に生成します。カスタムCSSまたはJavaScriptでブロックを参照するために使用できます。
  • カスタム属性: ブロックラッパー要素にカスタムHTML属性を追加します。キー|値の形式で、各属性を新しい行に入力します。

デバイス表示:

  • デスクトップで非表示: デスクトップ画面で表示されたときにブロックを非表示にするには、トグルします。
  • タブレットで非表示: タブレット画面で表示されたときにブロックを非表示にするには、トグルします。
  • モバイルで非表示: モバイル画面で表示されたときにブロックを非表示にするには、トグルします。

アニメーション効果:

  • スクロールエフェクト: ブロックにスクロールでトリガーされるアニメーションを適用します。方向、速度、ビューポートオフセット制御を備えた垂直スクロールおよび水平スクロールオプションが含まれます。
  • マウスエフェクト: マウスの動きによって駆動されるパララックス効果をブロックに適用します。
スペーシング、属性、デバイスの表示、アニメーション効果が表示されたX(Twitter)ツイートボタン詳細設定タブ

ステップ4:変更を保存

X (Twitter) ツイートボタンブロックの設定が完了し、外観のカスタマイズが終わったら、作業を保存してください。


X(Twitter)ツイートボタンブロックをページに正常に追加しました!ツイートのテキスト、ハッシュタグ、帰属表示を事前作成することで、訪問者の手間が省け、コンテンツが共有される可能性がはるかに高くなります。最良の結果を得るために、このブロックを最も共有されやすいコンテンツと組み合わせてください。

関連記事