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:
- ログイン または 登録する を、ShareThis プラットフォームに追加しました。
- 使用したいShareThis ツールを選択し、「Enable tool 」ボタンをクリックして有効化します。
- そして、ソーシャルチャンネル、サイズ、形状を選択して、ボタンをカスタマイズします。
- 右上の「Activate code」ボタンを選択します。ポップアップで「コードをコピー 」ボタンをクリックします。
- お客様のHTMLサイトにログインします。
- 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 ツールの追加
インラインツールは、あなたのサイトで動作するようにコードの余分なスニペットを必要とします。インライン共有ボタン、フォローボタン、リアクションボタン、ソーシャルフィードツールをウェブサイトに設置したい場合は、ツールを表示させたい場所に配置コードを追加する必要があります。
- ShareThis プラットフォームで、使用するShareThis ツールを選択し、配置コードをコピーします。インストールするツールによっては、以下のようなコードになるはずです。
- あなたのウェブサイト(ブログ、製品など)のページに移動し、ShareThis プラットフォームからコピーした配置コードを、ShareThis ツールを表示させたい場所に貼り付けます。
注意:CSSのルールやプロパティ(コンテナのFlexプロパティなど)によっては、十分なスペースが与えられていない場合、ShareThis ツールが表示されなかったり、正しく動作しなかったりすることがあります。
ホットヒント
プラットフォームはカスタマイズが可能です。 カスタムシェアボタン または、CSS スタイルを使用してShareThis' ツールの外観をカスタマイズすることができます(特定の部分またはツール全体のクラスを使用します)。