コード不要でSquarespaceにTwitterフィードを追加する方法

Exploding Topicsによると、以前はTwitterとして知られていたXの月間アクティブユーザー数は約611億80万人です。Xのユーザーの約XNUMX%は経済的に活動的な人々です。つまり、経済的に活動的なユーザーは購入する可能性が高く、つまり、あなたが提供するコンテンツは可処分所得のある人々にとって関連性が高いということです。 

というわけで Twitterフィードを追加する ウェブサイトへのTwitterフィード埋め込みは、業界では重要なトレンドとなっています。このブログでは、ウェブサイトにTwitterフィードを埋め込むための様々な方法と、Twitterウィジェットの高度なオプションをご紹介します。さあ、時間を無駄にすることなく、早速始めましょう。 

SquarespaceのウェブサイトにTwitterフィードを追加するさまざまな方法 

Squarespace ウェブサイトに Twitter フィードを表示する方法はいくつかあります。 

a.) Twitterのネイティブ埋め込みコードを使用する

Squarespaceには、Twitterを直接連携するためのTwitterフィードブロックが組み込まれていません。これはTwitter APIの最近の変更によるものです。現在、Twitterはプロフィール、ハッシュタグ、またはリストの埋め込みコードを生成する無料ツールを提供しています。

これを行う方法は次のとおりです。 

1. ページ/投稿を編集する 

• Twitterに投稿したいページに移動します。 
• [ブロックの追加] (または挿入ポイント) をクリックし、[埋め込み] を選択します。

2. Twitterの埋め込みツールを使用する 

• ロケーション選択 https://publish.twitter.com/
• 表示する Twitter コンテンツの URL を入力します (プロフィール、リスト、特定のハッシュタグ、または単一の投稿など)。

3. フィードをカスタマイズする 

• 色やサイズなどの表示オプションを調整します。 

4. 埋め込みコードをコピーする 

• Twitter ページのコピーコードをクリックします。 

5. Squarespaceに貼り付ける

• Squarespace Embed ブロックで、「コード スニペット」(またはアプリでは「コード」) をクリックします。
• 埋め込みコードを貼り付けます。
• 変更を保存します。

注：この埋め込みオプションでは、Twitterフィードを自動的に更新することはできません。ウェブサイト上のTwitterフィードを変更したい場合は、この手順を繰り返す必要があります。 

サードパーティ製ウィジェットの使用 Tagembed （手順付き）

サードパーティツールを使用する Tagembed これは、SquarespaceのウェブサイトにTwitterフィードを追加する最良の方法の1つです。手順を見てみましょう。 

1。 作成する Tagembed アカウント 

新規ユーザーの場合は、 Tagembed 無料で入手できます。既存ユーザーの方は、プラットフォームにログインするだけで、

3つのオプションが表示されたボックスが表示されます。「ウェブサイトのソーシャルフィード」をクリックします。

必要な情報をすべて入力し、メールアドレスを確認してください。 

2. フィードを集める 

• 「ソースネットワークを選択」ダイアログボックスが表示されます。コンテンツソースとして「Twitter」を選択します。

• 次のオプションから希望するフィード タイプを選択します。 

1. Handle
2. ハッシュタグ
3. メンション
4. 高機能 

「フィード作成」ボタンをクリックします。

ここでTwitterフィードが作成されます。必要に応じてフィードをモデレートできます。

「カスタマイズ」タブをクリックして、フォントや配色などを調整し、ギャラリーの視覚的な魅力を高めます。

3. Twitterフィードを埋め込む 

• 「公開」オプションをクリックし、ドロップダウン メニューから「ウェブサイト」を選択して、チャンネルの名前を入力します。 

• 「テーマ」タブからギャラリーのレイアウトを選択します。「コードを生成」をクリックします。適切な「ギャラリータイプ」とウェブサイトのプラットフォームを選択します。 

• Squarespaceアカウントにログインし、ウィジェットを埋め込むページを開きます。

• +ブロックの追加/編集をクリックし、コードを選択します。

• コピーしたコードを貼り付けて適用をクリックします

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

Tagembed は、ユーザーが自分のウェブサイトに Twitter フィードを埋め込むことができる最高のソーシャルメディア アグリゲーター プラットフォームの 1 つです。Twitter に加えて、 Tagembed こともできます 集約コンテンツ Twitter、Instagram、TikTok、Blueskyなどのプラットフォームから。 Tagembed そのカスタマイズ力こそが最大の魅力です。 

Squarespaceのウェブサイトでは、ユーザーはTwitterフィードのあらゆる側面をカスタマイズできます。カスタマイズ機能を見てみましょう。 Tagembed. 

a.) 複数のレイアウトとテーマ 

Tagembed 様々なレイアウトとテーマが用意されているため、ユーザーはTwitterフィードを視覚的に魅力的な方法で表示できます。これらのレイアウトには、カルーセル、グリッド、リストなどがあります。これにより、ユーザーはウェブサイト上でTwitterフィードの基本的な外観を管理およびカスタマイズできます。 

b.) フォントとテキストのカスタマイズ 

Tagembed ウィジェットで使用されるフォントとテキストスタイルをユーザーが変更できるようにします。これにより、フォントとテキストがブランドイメージに合致していることを確認できます。ユーザーはテキストのサイズと配置を調整して、Twitterウィジェットの読みやすさを向上させることができます。 

c.) フィルタリングとモデレーション 

Tagembed 表示されるコンテンツを完全に制御できます Twitterウィジェットは、コンテンツがブランドにふさわしいものであることを確認する機能です。コンテンツモデレーション機能を使用すると、憎悪的なコンテンツやブランドアイデンティティに反するコンテンツを削除できます。 

d.) カスタム CSS 

Tagembed カスタムCSSを追加して外観をカスタマイズする機能を提供します 埋め込まれたソーシャルメディアフィードこの機能により、コーディングの知識を持つユーザーは、プラットフォーム内で提供される標準のカスタマイズ オプションを超えてデザインを微調整できます。

Squarespaceウェブサイトに追加できるTwitterテーマとレイアウトの種類 

以下は、Squarespace Web サイトに追加できる Twitter フィードの一部です。 

1. ライブハッシュタグフィード

Twitterハッシュタグフィード ウェブサイト上でブランドの存在感を示す最適な方法の一つです。これにより、ユーザーは特定のハッシュタグを含むTwitterコンテンツをリアルタイムで表示できます。このライブTwitterハッシュタグフィードは、ブランドに関連するキャンペーンイベントや特定のトレンドトピックをハイライトします。 

2. Twitterカルーセルフィード 

Twitterカルーセルフィードを使用すると、ユーザーはウェブサイト上でツイートをローテーション形式で表示できます。これにより、訪問者は限られたスペースで一度に複数の投稿を閲覧できます。これにより、ウェブサイトをすっきりとダイナミックに保つことができます。 

3. Twitterニュースカード

別の 素晴らしいTwitterフィードタイプ ユーザーがウェブサイトで活用できるのは、Twitterニュースカードです。このTwitterニュースカードフィードは、ニューススタイルのカードレイアウトにツイートを埋め込むのに役立ち、速報、お知らせ、業界ニュースなどをウェブサイト上で直接強調表示するのに最適です。

4. Twitterグリッドフィード 

Twitter Gridは、フィードタイプとして、Twitterフィードをすっきりと表示するのに役立ちます。複数列のグリッドレイアウトにより、整理されたモダンな外観を維持しながら、より多くのコンテンツを一度に表示できます。 

5. Twitterのメイソンリーフィード

Twitter Masonryは、ツイートをパズルのピースのように組み合わせることでスペースを最適化し、スタイリッシュなレイアウトで表示するTwitterフィードです。これにより、視覚的に魅力的なグリッドが作成されます。このフィードタイプは、厳密な統一構造に縛られることなく、さまざまな種類のツイートを表示するのに最適です。

6. Twitterフォトウィジェット

Twitterフォトウィジェットは、画像を含むツイートを、画像中心のすっきりとしたウィジェットで強調表示します。Twitterフィードのビジュアルコンテンツを強調して、ウェブサイトをより魅力的で活気のあるものにしたいブランドやクリエイターに最適です。 

7. Twitterスライダーフィード 

Twitterスライダーを使えば、ユーザーはツイートを洗練された自動スクロールスライダー形式で表示できます。訪問者はページを圧迫することなく、投稿を横方向に閲覧できます。これにより、インタラクティブな方法でコンテンツを常に新鮮で魅力的なものにすることができます。

8. Twitterサイドバーフィード 

Twitterサイドバーフィードは、ウェブサイトのサイドバーに縦型のTwitterフィードを表示し、リアルタイムの最新情報に素早くアクセスできる、スタイリッシュで優れた方法です。メインコンテンツエリアを占有することなく、ユーザーがサイトを閲覧しながら最新情報を入手できます。

9. Twitter シングルポストスライダーフィード

Twitterシングルフォト投稿スライダーフィードは、回転するスライダーで一度に1つのツイートを特集するのに役立ちます。これにより各投稿に焦点が当てられるため、お知らせ、お客様の声、重要な最新情報や注目記事の掲載に最適です。 Twitter のエンゲージメントを高めます。

10. Twitterのビビッドフィード 

Twitter Vivid Feedを使えば、鮮やかで目を引くデザインやアニメーションでツイートを表示できます。鮮やかなレイアウトはTwitterフィードの視覚的な魅力を高め、どんなウェブページでも目立ち、注目を集めます。

最後のメモ 

SquarespaceのウェブサイトにTwitterフィードを統合することで、ユーザーエンゲージメントを大幅に向上させ、リアルタイムのコンテンツをオーディエンスに提供できます。カルーセル、グリッドレイアウト、ライブハッシュタグフィードなど、様々なオプションをご用意しており、あらゆるブランドのニーズと美的感覚に合ったスタイルが見つかります。SquarespaceのウェブサイトでTwitterフィードを活用することで、ウェブサイトの鮮度を維持し、ユーザーとの繋がりを強化し、意図的なインタラクションとソーシャルプルーフを促進できます。