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

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

Wixの無料プランをお持ちの方は、そのプランに含まれる エンベデッドコードブロック方式というように、共有ボタンが正しい内容を共有するための追加手順が必要になります。有料版をご利用の場合は カスタムコード方式 をクリックすると、数分後にはすべての設定が完了しているはずです。

カスタムコード方式を使用する

  1. ログイン または 登録する を、ShareThis プラットフォームに追加しました。
  2. 使用したいShareThis ツールを選択し、[Enable tool] ボタンをクリックして有効にします。
  3. そして、ボタンをカスタマイズするために、ソーシャルチャンネル、サイズ、形状を選択し、さらに、カウントを表示するために必要な最小のシェア数などの追加要素を設定します。
  4. 右上の「コードを有効にする」ボタンを選択します。ポップアップで、「 コードをコピーする」ボタンをクリックします。
  5. Wixウェブサイトにログインし、ダッシュボードで［Settings（設定）］を選択します。
  6. Advancedまでスクロールし、Custom Codeを選択します。
  7. カスタムコードの追加]ボタンをクリックします。
  8. ポップアップウィンドウに、手順4でコピーした固有のShareThis コードを貼り付けます。
  9. 以下のアップデートを適用します。
    1. スクリプト名：ShareThis スクリプト
    2. ページにコードを追加します。すべてのページ（特定のページのみに Sticky Share Buttons を使用する場合を除く）。
    3. コードを入れてください。ヘッド
  10. 適用］をクリックします。

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

  1. ShareThis プラットフォームで、使用するShareThis ツールを選択し、配置コードをコピーします。インストールするツールによっては、以下のようなコードになるはずです。
  2. Wixウェブサイトにログインし、ダッシュボードで［Settings（設定）］を選択します。
  3. Advancedまで スクロールし、Custom Codeを選択します。
  4. カスタムコードの追加]ボタンをクリックします。
  5. ポップアップウィンドウに、ステップ1でコピーした固有のShareThis コードを貼り付けます。
  6. 以下のアップデートを適用します。
    1. スクリプト名：ShareThis div
    2. Pagesにコードを追加します。すべてのページに表示させない場合は、ボタンを表示させるページを選択します。
    3. コードを配置します。本文-開始」または「本文-終了」のいずれかを選択します。
  7. 適用］をクリックします。

エンベデッドコードメソッドを使用する

  1. ログイン または 登録する を、ShareThis プラットフォームに追加しました。
  2. 使用したいShareThis ツールを選択し、「Enable tool 」ボタンをクリックして有効化します。 
  3. そして、ボタンをカスタマイズするために、ソーシャルチャンネル、サイズ、形状を選択し、さらに、カウントを表示するために必要な最小のシェア数などの追加要素を設定します。
  4. 右上の「Activate code」ボタンを選択します。ポップアップで「コードをコピー 」ボタンをクリックします。
  5. Wixウェブサイトにログインし、Edit Site（サイト編集）を選択します。
  6. 左側のサイドバーで、「＋追加」を選択します。次に、「埋め込み」をクリックし、続いて「HTML iframe」をクリックします。 
  7. ポップアップウィンドウで「コードを入力」をクリックし、ステップ4でコピーした固有のShareThis コードを貼り付けます。
  8. (For inline tools) In the same window, paste your placement code (ShareThis <div> tag) directly after the script. You can find your placement code in the ShareThis Platform by selecting the ShareThis tool you want to use. 
  9. 必要に応じてシェアボタンを調整する（参照 エンベデッドコードメソッドに関する注意事項).
  10. 右上の"Apply "と "Publish"の順にクリックします。

<strong>Note for Embed Code Method: </strong>In order for your sharing buttons to share the correct content, you will need to customize the data being shared through your buttons by adding data attributes. For example, to share the URL of your page, you can craft your Inline Share Buttons’ <div> tag to be:

data-url=“URL”>
インラインシェアボタンのURLをカスタマイズする方法については、こちらをご覧ください。 詳細はこちら。.