ShareThis' Squarespaceにツールをインストールする方法

ShareThis makes it easy to install social share, follow, reaction, and more ウェブサイトツール on your Squarespace site so visitors can quickly share and engage with your content.

In this guide, you’ll learn how to install ShareThis on Squarespace using the Code Injection feature and then enable the apps you need in the ShareThis Platform. Whether you’re adding inline share buttons to blog posts or reaction buttons to product pages, the steps below will help you get everything set up in just a few minutes.

Requirements

If your site is on a Personal (legacy) or Basic plan, Code Injection isn’t available, so you won’t be able to add the ShareThis script and our tools won’t work on that site.

In order for ShareThis tools to work on your Squarespace website, follow the steps below to add your unique ShareThis code to the <head> section of your website: 

  1. Log in or sign up to the ShareThis プラットフォーム.
  2. Add your domain.
  3. Copy your unique ShareThis installation script.
    • You can find it in Step 1 of any App page (e.g., Inline Share Buttons, Sticky Share Buttons, Follow Buttons).
    • Or, you can find the same script in Settings → Setup inside the Platform.
  4. Squarespaceのウェブサイトにログインします。
  5. 左のナビゲーションバーで「設定」をクリックし、続いて「詳細設定」をクリックします。 
  6. オプションのリストから「コード・インジェクション」をクリックします。
  7. ステップ3でコピーしたユニークなShareThis コードをヘッダーフィールドに貼り付け、「保存」をクリックします。
  8. In the ShareThis Platform, open the app you want to use and click Enable App to activate it on your site.
  9. (Optional but recommended) Customize your app.
    • Choose between Smart Share Buttons or manual selection of networks.
    • Adjust colors to match your brand.
    • Set button size, shape, alignment, and enable share counts if desired.

インラインShareThis ツールの追加

インラインツールは、あなたのサイトで動作するようにコードの余分なスニペットを必要とします。インライン共有ボタン、フォローボタン、反応ボタン、ソーシャルフィードツールをウェブサイトにインストールしたい場合は、ツールを表示したい場所に配置コードを追加する必要があります。

  1. ShareThis プラットフォームで、使用するShareThis ツールを選択し、配置コードをコピーします。インストールするツールによっては、以下のようなコードになるはずです。
  2. ウェブサイト内のページ（ブログ、製品など）に移動します。
  3. ボタンを表示させたい場所にスクロールし、＋（プラス）ボタンを選択します。
  4. コードブロックを検索します。
  5. ステップ1でコピーした固有のShareThis コードを貼り付けます。
  6. Save」をクリックします。

よくある質問

Do ShareThis tools work on all Squarespace plans?

No. ShareThis tools require adding a small installation script to your site using Squarespace’s Code Injection feature. Code Injection is only available on certain higher-tier Squarespace plans (not on Personal/Basic). If your plan doesn’t include Code Injection—or the panel is locked in Settings → Advanced → Code Injection—you won’t be able to install ShareThis on that site.

Why don’t my ShareThis buttons show up on my Squarespace site?

First, confirm that your ShareThis head code is correctly pasted into Settings → Advanced → Code Injection → Header and that you clicked Save. Then check that the app you want (for example, Inline Share Buttons or Follow Buttons) is enabled in the ShareThis Platform and that any required placement code has been added to your page or blog post. Clearing your browser cache or testing in an incognito window can also help.

Can I customize how ShareThis buttons look on Squarespace?

Yes. Design and behavior are controlled in the ShareThis Platform, not in Squarespace. From the Platform, you can choose between Smart or manual network selection, adjust button size, shape, and colors, change alignment, and toggle features like share counts. Once you save your changes there, the updated design will automatically apply to your Squarespace site.

Can I add ShareThis buttons only to specific pages or blog posts?

Yes. For inline tools, you can add the placement code only where you want the buttons to appear—for example, in a Code Block on a specific page, or in Blog Post Item Code Injection for a particular collection. This lets you control exactly where your share or follow buttons are shown.

You may also find these guides helpful: