四角形

2分でSquarespaceにTwitterフィードを追加する方法

Squarespaceのウェブサイトを常に新鮮で魅力的な状態に保ちたいですか?最適なソリューションをご用意しました。SquarespaceのウェブサイトにTwitterフィードを追加しましょう。最新のツイート、返信、ブランドニュースなど、Twitterフィードを表示することで、訪問者をウェブサイトに惹きつけることができます。TwitterのUGC(ユーザー作成コンテンツ)をウェブサイトで紹介することで、エンゲージメントの向上にも役立ちます。

Squarespaceのウェブサイトを常に新鮮で魅力的な状態に保ちたいですか?最適なソリューションをご用意しました。SquarespaceのウェブサイトにTwitterフィードを追加しましょう。最新のツイート、返信、ブランドニュースなど、Twitterフィードを表示することで、訪問者をウェブサイトに惹きつけることができます。また、TwitterのUGC(ユーザー作成コンテンツ)をウェブサイトで紹介することで、信頼関係を築き、コンバージョン率の向上にもつながります。

このガイドでは、簡単な手順を説明します。 Twitterフィードを埋め込む Squarespaceのウェブサイトで。また、信頼関係を築くだけでコンバージョン率を向上させるために活用できる、さまざまな種類のTwitterフィードについても詳しく説明しました。

SquarespaceのウェブサイトにTwitterフィードを追加する最も簡単な方法

a. Twitterの公式方法(手動)

b. Taggboxウィジェットの使用(自動)

a. SquarespaceにXフィードを追加するTwitter公式の方法

Twitterの公式メソッドを使用してSquarespaceのウェブサイトにTwitterフィードを追加するのは簡単で、ブランドはこれを効果的な方法として使用できます。 Twitterマーケティングツール。 あなたがそれを行う方法は次のとおりです:

  1. 埋め込みたいツイートに移動する
    まず、埋め込みたいツイートに移動します。ツイート上の3つの点(その他のオプション)をクリックし、「ツイートを埋め込む」を選択します。
  2. 埋め込みコードをコピーする
    選択したツイートの埋め込みコードを含むポップアップが表示されます。このコードをクリップボードにコピーしてください。
  3. Squarespaceのウェブサイトにアクセスする
    Squarespace アカウントにログインし、Twitter フィードを追加するページに移動します。
  4. コードブロックを追加する
    Squarespaceのページエディターで、新しい コードブロック ツイートを表示したい場所。
  5. 埋め込みコードを貼り付ける
    コピーした埋め込みコードをコード ブロックに貼り付けて、変更を保存します。
  6. 変更を公開する
    配置に満足したら、Web サイトを公開して、訪問者に Twitter フィードが表示されるようにします。

この公式の方法により、ツイートはTwitterと全く同じように表示され、フォーマットはそのまま維持され、 Twitterのエンゲージメントの向上これは、Twitter コンテンツを Web サイトに直接追加する最適な方法ですが、いくつか制限があります。

SquarespaceのウェブサイトにTwitterフィードを埋め込む

Twitterハッシュタグアイコン

Twitter
ハッシュタグフィード

今すぐ試す 矢印
Twitterハンドルアイコン

Twitter
ハンドルフィード

今すぐ試す 矢印
Twitterメンションアイコン

Twitter
メンションフィード

今すぐ試す 矢印

| クレジットカードは不要 |

2. Taggboxを使用してSquarespaceウェブサイトにTwitterフィードを追加する

Twitter アグリゲータ Taggboxのようなツールを使えば、Twitterの複数の投稿をSquarespaceのウェブサイトに一度に追加できます。これらのツールは埋め込みを高速化するだけでなく、関連する新しいコンテンツが追加されるとフィードを自動的に更新します。Taggboxを使ってTwitterをSquarespaceのウェブサイトに追加する手順は以下のとおりです。

a.) Taggbox アカウントを作成します。

  • Taggbox のホームページにアクセスし、右上隅にある「無料トライアルを開始」をクリックします。
無料トライアルを開始
  • 3 つのオプションが表示されますので、その中から「ウェブサイトのソーシャル フィード」を選択します。
ウェブサイト上のソーシャルフィードを選択する
  • 新しいページで、オンボーディング プロセスを完了するために求められる詳細を追加します。
業種を追加

b.) Twitterギャラリーを作成する

  • オンボーディングプロセスが完了すると、ギャラリーで使用するネットワークを選択するページにリダイレクトされます。Twitterを選択してください。
ソーシャルネットワークを選択してください
  • Twitterから収集したいコンテンツの種類を選択する必要はありません。例えば、「ハッシュタグ」オプションを選択した場合は、 ハッシュタグフィード Taggbox が X からコンテンツを取得するためのニッチからの URL。
Twitterアカウントを接続する
  • 指定したハッシュタグを含むすべての投稿を含むコンテンツ ギャラリーが作成されます。

c.) フィードを管理およびカスタマイズする

  • 作成されたフィードから、好みに応じてコンテンツを公開または非公開にして、フィードに最適な外観を与えることができます。 
フィードを作成
  • すべての投稿に満足したら、左側のタスクバーから「カスタマイズして公開」オプションに進むことができます。
フィードをカスタマイズする
  • ここでは、Squarespaceウェブサイトの訪問者にとって魅力的なギャラリーを作成するための最適なテーマを選択できます。また、フォント、背景色、カードスタイルなど、Twitterギャラリーのコンポーネントを変更することもできます。 

d.) 埋め込みコードを生成する

埋め込みコードを生成する
  • 生成された埋め込みコードをコピーします。

e.) SquarespaceウェブサイトにTwitterフィードを追加する

  • Squarespace アカウントにログインします。
 Squarespace アカウント 
  • ウェブサイトにアクセスし、Twitterフィードを埋め込みたい場所に移動します。「+編集/追加」をクリックし、「コード」オプションを選択します。
ボタンをクリック
  • Taggbox からコピーしたコードを貼り付けて、変更を保存します。
埋め込みコード

これで、Squarespace ウェブサイトに Twitter フィードが正常に追加されました。

SquarespaceウェブサイトにTwitterフィードを追加する

Squarespace のウェブサイトで Twitter フィードを収集、管理、表示する

無料トライアルを開始
Instagramフィードプレビュー
xアイコン

Twitterウィジェットの高度なカスタマイズオプション

Taggboxのカスタマイズ機能を使えば、ウェブサイトを潜在顧客を引きつける魅力的なものにすることができます。 目を楽しませるTwitterフィード 以下の高度なカスタマイズ オプションがあります。 

  1. AI モデレーションTaggboxには、大規模なコンテンツのスマートなフィルタリングに役立つオートパイロットなどの機能が搭載されています。ルールを設定するだけで、あとは最先端のAIフィルタリングが自動で処理します。この機能により、ウェブサイトには最適なTwitterコンテンツのみが表示され、不適切で関連性のない投稿は表示されなくなります。
  2. Creative ThemesTaggboxでは、Twitterフィードを美しく見せるための複数のテーマから選択できます。これらのテーマは、魅力的な投稿から魅力的なツイートまで、様々な種類のTwitterフィードに最適です。 ビデオフィード または興味深い投稿のコレクション。 主要なテーマ ぜひ試していただきたいのは、写真ウィジェット、グリッド、カルーセル、スライダーなどです。
  3. カスタムCSSTaggboxにはTwitterフィードを魅力的にするために必要なものがすべて揃っていますが、フィードの外観を自由に変更できるカスタムCSSも提供しています。カスタムCSSを使用すると、フィードのあらゆる側面をウェブサイトの美観に合わせて変更できます。   

TaggboxとDirect Twitter (X)埋め込みの比較表

Squarespace サイトで Twitter/X フィードを表示する最適な方法を簡単に比較して選択できます。

機能/側面 Taggbox Twitterウィジェット Twitterへの直接埋め込み
コンテンツの更新 新しいツイートがリアルタイムで自動更新されます。 静的。更新するには再度埋め込みが必要です。
カスタマイズ レイアウト、色、フォント、カード スタイル、カスタム CSS。 基本サイズとライト/ダークテーマのみ。
複数のソース ハンドル、ハッシュタグ、リスト、メンションを組み合わせます。 埋め込みごとに 1 つのソース。
節度 ブランドに関係のない投稿を非表示にする高度なフィルタリング。 モデレーション制御はありません。
レイアウト グリッド、カルーセル、メイソンリー、リスト、サイドバー、ニュース カードなど。 デフォルトのTwitterの外観のみ。
ブランディングコントロール サイトのブランディングに合わせ、境界線を非表示にして UI を調整します。 Twitter ブランディングが常に表示されます。
双方向性 クリック可能なツイート、メディア ライトボックス、「さらに読み込む」。 クリック可能なツイートのみ。
パフォーマンス 非同期ウィジェット。複数のフィードに最適化されています。 複数の埋め込みによりページの速度が遅くなる可能性があります。
アナリティクス 組み込みの分析情報 (クリック、インプレッション、エンゲージメント)。 分析はありません。
使いやすさ ビジュアル エディターを使用したコード不要のセットアップ。 コードを手動でコピー&ペーストします。
SEOの影響 インデックス可能なテキストにサーバー側レンダリングを活用できます。 Iframe; SEO の価値は最小限です。

ヒント: ブランドの一貫性と規模 (複数のソース、モデレーション、分析) を考えると、通常は Taggbox の方が長期的には優れた選択肢となります。

結論

SquarespaceのウェブサイトにTwitterフィードを追加すると、ウェブサイトを常に活気に満ちた状態に保ち、潜在顧客を惹きつけるのに最適です。ウェブサイトでTwitterコンテンツを紹介する最もシンプルかつ効果的な方法を2つご紹介しました。どちらの方法にも長所と短所があります。Twitter公式の方法は非常に簡単で、サードパーティ製のツールは必要ありません。ただし、一度に1つの投稿しか追加できないため、時間がかかります。一方、Taggboxを使えば複数の投稿を一括で追加できるため、作業が大幅に高速化されます。今すぐウェブサイトに最適な方法を選び、その効果を実感してください。