ソーシャル ネットワーク X (旧 Twitter) とSquarespaceの間でコンテンツを共有することで、より幅広いオーディエンスにリーチできます。

かつてはTwitterとして知られていた X は、ユーザーがニュース、意見、その他のコンテンツを280 文字以内で共有するソーシャル ネットワーキング プラットフォームです。Xへの連携は、ユーザーにお客様とのやり取りを促す優れた方法です。このガイドでは、SquarespaceでXを使用するさまざまな方法について説明します。

備考: XのAPIに対する最近の変更により、以下の操作はできなくなりました。

• 新しいTwitter ブロックを追加したり、既存のTwitter ブロックのフィードを更新すること
• XアカウントをSquarespaceに連携する
• コンテンツをXで共有すること

サイトにTwitter ブロックがある場合は、埋め込みブロックに置き換えることをお勧めします。コンテンツをXで共有するには、そのURLを手動で共有できます。

Here's what you can do with this integration:

X アイコンを表示

TwitterがXにリブランディングする前にお客様がソーシャルアイコンに追加していた場合、URLその機能を継続し、Twitter アイコンが表示されます。X アイコンを表示するには、[ソーシャル リンク] パネルでtwitter.comURLをx.comURLに置き換えます。

ソーシャル アイコンを追加する

ソーシャル アイコンを表示するには、次の手順を実行します。

1. [ソーシャル リンク] パネルを開きます。
2. プロフィールのリンクを追加します。サイトにX ソーシャル アイコンを表示するにはx.com URLを使用し、Twitter アイコンを表示するにはtwitter.com URLを使用します。
3. 「ソーシャル アイコンを表示する」をご覧ください。 
4. [保存] をクリックします。

詳細な手順については、 「ソーシャル リンクの追加」を参照してください。

プロフィール リンクを追加すると、ほとんどのテンプレートにソーシャル アイコンが自動的に表示されますが、すべてではありません。ソーシャル リンク ブロックを使用してソーシャル アイコンを追加することもできます。

投稿のフィードを表示する

最近の投稿のフィードを表示するには、次の手順を実行します。

1. ページまたは投稿を編集し、[ブロックを追加] または挿入箇所をクリックしてから、[埋め込み] をクリックします。ヘルプについては、 「ブロックを使用してコンテンツを追加する」をご覧ください。
2. https://publish.twitter.com/に移動します。
3. 埋め込むコンテンツのURLを入力します。投稿、プロフィール、リスト、ハンドル、またはハッシュタグを埋め込むことができます。
4. 下にスクロールして、サイズやカラー テーマなど、コンテンツの表示オプションをカスタマイズします。
5. 生成されたコードをコピーするには、[コードをコピー] をクリックします。
6. 埋め込みブロックに戻り、コンピューターのブロック エディターで [コードスニペット] をクリックするか、Squarespaceアプリで [コード] をタップしてから、埋め込みコードをテキスト フィールドに手動で貼り付けます。

投稿のコレクションをサイトに埋め込む方法の詳細は、Xの資料をご覧ください。

コンテンツをXに共有する

コンテンツをXで共有するには、そのURLを手動で共有できます。URLを手動で共有すると何が表示されるかについては、「ソーシャル投稿でのコンテンツの表示方法」をご覧ください。商品を共有する場合は、Twitter カードの使用を検討してみましょう。

Twitter カードを追加する

Twitter カードは画像や商品価格などの情報を投稿に添付し、ユーザーがフィード内のコンテンツをプレビューできるようにします。Squarespace CommerceサイトはTwitter カード用に最適化されています。

Note: Twitter cards won't work if you have a password enabled. For help disabling a password, visit Removing a site-wide password and Removing a page password.

プレビューするには、Xを開いてリンクをポスト コンポーザーに貼り付けます。カードのプレビューが自動的に表示されます。どのように表示されるかをプレビューするために投稿を公開する必要はありません。

Xのハンドルを収集する

フォーム ブロックを使用して、訪問者のX ハンドルを収集できます。