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

In order for ShareThis tools to work on your BigCommerce 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. BigCommerceのウェブサイトにログインしてください。
  5. 左側のナビゲーションバーで、「Storefront」を選択し、「Script Manager」を選択します。
  6. Script Managerで、Create a Scriptを選択します。 
  7. 以下のアップデートを適用します。
    1. スクリプトの名前 ShareThis
    2. スクリプトタイプ。選択肢をスクリプト に変更
    3. Script contents: Paste the unique ShareThis code that you copied from step
    4. Save」をクリックします。
  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. BigCommerceウェブサイトの左側のナビゲーションバーで、「Storefront」を選択し、続いて「Web Pages」を選択します。
  3. Webサイトのページ（ブログ、製品など）に移動し、「Webページの詳細」セクションのHTMLアイコンをクリックします。
  4. 手順1でコピーした固有のShareThis コードを、ShareThis ツールを表示させたい場所に貼り付けます。
  5. Update」をクリックします。

コードブロックを使ったインラインShareThis ツールの追加（代替方法）

  1. ページのページビルダーエディタに移動します。
  2. 左サイドバーの「ウィジェット」を選択し、ボタンを表示させたい場所にHTMLのものをドラッグ＆ドロップしてください。
  3. ShareThis Platformからコピーした配置コードをHTMLエディタに貼り付けます。
  4. Save」をクリックします。

注：ShareThis ツールは、ウェブサイトのバックエンドに表示されない場合がありますので、表示するには公開されているウェブサイトにアクセスする必要があります。