訪問者がお客様のソーシャル ページを見つけてフォローできるようにします。

ソーシャル リンクを追加すると、訪問者にソーシャル アイコンが表示され、Web 上のどこにいても訪問者がお客様を見つけやすくなります。アイコンは、Facebook、Instagram、X (旧　Twitter) など、多くの一般的なプラットフォームのロゴを含みます。 任意のWebサイトまたはメール アドレスにつながるリンクまたはメール アイコンを追加することもできます。

このガイドでは、ソーシャル アイコンの追加、スタイル設定、管理方法について説明します。アイコンは次の場所に追加できます。

• 組み込みのソーシャル アイコン領域 (すべてのバージョン7.1のサイト、および一部のバージョン 7.0 のテンプレート)
• ソーシャル リンク ブロック
• カバー ページ (バージョン 7.0)

サポートされているプラットフォームのロゴのリストをご覧ください。

ヒント: Facebook での共有や Instagramの投稿の表示など、コンテンツを共有するアカウントを承認するには、代わりに「ソーシャル アカウントの接続」の手順に従ってください。

以下はソーシャル アイコンの例です。

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

[ソーシャル リンク] パネルにリンクを追加すると、サイト全体にソーシャル アイコンが表示されます。

• URLに基づいてプラットフォームを認識すると、プラットフォームのロゴが付いたアイコンが表示されます。
• 認識できないページまたはサービスからのリンクである場合は、リンク アイコンで表示されます。
• リンクがメール アドレスの場合は、メール アイコンで表されます。

リンクを追加するには、次の手順を実行します。

1. [ソーシャル リンク] パネルを開きます。
2. [ソーシャル リンクまたはメール] フィールドまでスクロールします。
3. プロフィール ページのURLまたはメール アドレスをコピーしてフィールドに貼り付けます。 たとえば、Instagramの場合、http://instagram.com/yourhandle のように、インスタグラムのプロフィールの完全なURLをコピーし、貼り付けます。
4. キーボードの [Enter] キーを押します。
5. 追加するアイコンごとにこの手順を繰り返します。
6. アイコンの順序を変更するには、パネル内でアカウントをドラッグ アンド ドロップします。 ほとんどのテンプレートでは、ソーシャル アイコンは左から右へ同じ順序で表示されます。Flatiron では、右から左に現れます。

アイコンを管理する

[ソーシャル リンク] パネル内のすべてのリンクは、組み込みのソーシャル アイコンとして表示され、ソーシャル リンク ブロックにも表示されます。[ソーシャル リンク] パネルを開いて、いずれかの領域からアイコンを追加または編集できます。どちらかの領域に加えた変更は、サイト全体に反映されます。

ソーシャル アイコンを組み込む

組み込みのソーシャル アイコンが表示される場所は、サイトのバージョンにより異なります。

• バージョン7.1 - 常にサイトヘッダーに表示されます
• バージョン 7.0 - 表示場所と表示可能性は、テンプレートにより異なります

これらのソーシャル アイコンは、[デザイン] パネルでスタイルを設定できます。 アイコンを編集するには、アイコンの上にカーソルを置いて[編集] をクリックします。 詳しくは、組み込みのソーシャル アイコンをご覧ください。

ソーシャル リンク ブロック

ソーシャル リンク ブロックは、ブロックを追加できる場所であればどこでも利用できます。 このブロックの外観は、設定で変更できます。

ここからアイコンを編集するには、ソーシャル リンク ブロックのあるページを開いてブロックをクリックし、[編集] または鉛筆アイコンをクリックします。 詳細については、「ソーシャル リンク ブロック」をご覧ください。

カバー ページ (バージョン 7.0)

すべてのカバー ページにソーシャル アイコンを表示できます。配置はレイアウトにより異なります。

アイコンを編集するには、カバー ページを開き、ソーシャル アイコンにカーソルを合わせ、[ソーシャル アイコンを編集] をクリックします。詳細については、「バージョン 7.0 のカバー ページ」をご覧ください。

アイコンの表示状態を設定する

リンクを追加した後、アイコンを表示するか非表示にするかを決定します。

1. [ソーシャル リンク] パネルを開きます。
2. 編集するアカウントをクリックします。
3. 「ソーシャル アイコンを表示する」にチェックを入れるか、またはチェックを外します。
4. [保存] をクリックします。

これで、パネル内のそのサービスの名前の下に [非表示] または [表示] ラベルが表示されます。 これは、サイト全体のすべてのアイコンに適用されます。

アイコンを削除する

サイト全体からアイコンを削除するには、次の手順を実行します。

1. [ソーシャル リンク] パネルを開きます。
2. 削除するアイコンをクリックします。
3. [削除] > [確認] の順にクリックします。

ヒント: 特定の領域からのみアイコンを削除するには、組み込みのソーシャル アイコンを非表示にするか、ソーシャル リンク ブロックを削除します。

利用可能なプラットフォームのロゴ

ソーシャル リンクにそのプラットフォームのURLを追加すると、これらのロゴが自動的に表示されます。

• 500 ピクセル
• Apple 用ポッドキャスト (詳細については、「Squarespaceを使ったポッドキャスト配信の概要」をご覧ください。 ポッドキャストのカスタム リンクの使用に関するヘルプについては、「Apple 用マーケティング ツール」をご覧ください。)
• Bandsintown
• Behance
• CodePen
• Discord
• Dribbble
• Facebook
• Flickr
• Foursquare Swarm
• GitHub (Squarespace 開発者プラットフォームを使用していて、Git に関する詳細なヘルプが必要な場合は、開発者向け資料をご覧ください。)
• Goodreads
• Google Play
• Houzz
• IMDb (.com で終わるリンクのみ) IMDbアイコンを表示します。
• Instagram
• LinkedIn
• Medium
• Meetup
• Pinterest
• Reddit
• SmugMug
• Snapchat
• SoundCloud
• Spotify
• Stitcher
• The Dots
• Tidal
• TikTok
• Threads
• TripAdvisor
• Tumblr
• Twitch
• Vevo
• Vimeo
• VSCO
• Yelp
• YouTube
• X または Twitter (表示されるアイコンは使用したURLによって異なります。Twitter.com URLには鳥のアイコンが表示され、X.com URLにはXアイコンが表示されます。)

備考: Bandcamp や WhatsApp など、上記以外のプラットフォームへのリンクは、一般的なリンク アイコンとして表示されます。 カスタム画像やロゴをソーシャル アイコンとしてインポートすることはできませんが、クリックスルーURL を含む画像ブロックを追加することで、サイトの他の領域に追加できます。

私のソーシャル リンクには「ソーシャル アイコンを表示」設定がありません

2019年3月21日より前に、[接続済みアカウント] パネルでソーシャル アカウントを承認した場合、それらは [ソーシャル リンク] パネルで自動的に複製されます。ただし、お客様自身が、[接続済みアカウント] パネルでのアイコンの表示を引き続き管理できます。

代わりにソーシャル リンクでのアイコンの表示を管理するには、[ソーシャル リンク] パネルからアイコンを削除してから、プロフィールURLリンクを使用してアイコンを再度追加します。