HTML ウェブサイトにShareThis' Tools をインストールする方法

CMS/フレームワークを使用している場合は、必ず他の インストールガイド および プラグイン を使用することで、よりスムーズにインストールすることができます。

In order for ShareThis tools to work on your HTML 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. お客様のHTMLサイトにログインします。
  6. Paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.

注意:プラットフォームがコードを有効化するのに5分から10分かかることがありますが、ShareThis ダッシュボードの認証バナー内のActivate Code>Activate ボタンをクリックして、手動でコードを有効化することも可能です。

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

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

  1. ShareThis プラットフォームで、使用するShareThis ツールを選択し、配置コードをコピーします。インストールするツールによっては、以下のようなコードになるはずです。
  2. あなたのウェブサイト(ブログ、製品など)のページに移動し、ShareThis プラットフォームからコピーした配置コードを、ShareThis ツールを表示させたい場所に貼り付けます。

注意:CSSのルールやプロパティ(コンテナのFlexプロパティなど)によっては、十分なスペースが与えられていない場合、ShareThis ツールが表示されなかったり、正しく動作しなかったりすることがあります。

ホットヒント

プラットフォームはカスタマイズが可能です。 カスタムシェアボタン または、CSS スタイルを使用してShareThis' ツールの外観をカスタマイズすることができます(特定の部分またはツール全体のクラスを使用します)。