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. ログイン または 登録する を、ShareThis プラットフォームに追加しました。
  2. 使用したいShareThis ツールを選択し、「Enable tool 」ボタンをクリックして有効化します。 
  3. そして、ボタンをカスタマイズするために、ソーシャルチャンネル、サイズ、形状を選択し、さらに、カウントを表示するために必要な最小のシェア数などの追加要素を設定します。
  4. 右上の「Activate code」ボタンを選択します。ポップアップで「コードをコピー 」ボタンをクリックします。
  5. BigCommerceのウェブサイトにログインしてください。
  6. 左側のナビゲーションバーで、「Storefront」を選択し、「Script Manager」を選択します。
  7. Script Managerで、Create a Scriptを選択します。 
  8. 以下のアップデートを適用します。 
    1. スクリプトの名前 ShareThis
    2. スクリプトタイプ。選択肢をスクリプト に変更
    3. スクリプトの内容です。ステップ4でコピーしたユニークなShareThis コードを貼り付けます。
  9. Save」をクリックします。

インライン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 ツールは、ウェブサイトのバックエンドに表示されない場合がありますので、表示するには公開されているウェブサイトにアクセスする必要があります。