SquarespaceでXを使用する

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

最終更新日 2024年9月19日

かつては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 カ⁠ード用に最適化されています⁠。

備考

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 ハンドルを収集できます⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。