インラインシェアボタンのカスタマイズ方法（画像、URL、その他）
ユーザーがコンテンツを共有したときに表示されるタイトル、説明、画像、URLをカスタマイズしたいですか？正しい場所に来ましたね。(Sticky Share Buttonsをカスタマイズする方法については、こちらをご覧ください。 詳細はこちら。)
ことがよくあります。 オープングラフプロトコル タグはこの情報にあなたのページからのコンテンツを入力しますが、あなたが望む情報が抽出されていない場合は、より関連性の高い情報に調整することができます。例えば、ユーザーがあなたのホームページをシェアした場合、製品の画像を追加したり、より魅力的な説明文を提供したりすることができます。
Properties in <div> tags
You can specify the URL, title, image, and description that’s shared by <strong>adding</strong> the following tags in the tool placement code <strong><div class=”sharethis-inline-share-buttons”></div> </strong>wherever you want the ShareThis tool to appear.
| データネットワーク | コンテンツを共有するソーシャルプラットフォームを指定します。 |
| data-url | 共有したいURL（短縮URLでも可）の指定 |
| データ・ショート・url | data-urlと組み合わせて使用できる短縮URLを指定します。 |
| データタイトル | 共有したいタイトルを指定します（一部のメールチャネルではメールの件名）。 |
| データ-イメージ | 共有コンテンツに表示させたい画像へのリンクを指定する |
| データの説明 | 共有したい要約文/説明文を指定する |
| データユーザー名 | Twitter のユーザー名を指定します。 |
| データメッセージ | メールシェアのボディコピーを指定する |
| データメール件名 | メールの件名を指定します |
例このボタンは、"Sharing is great!"というタイトルで、ShareThis のホームページを共有するように設定されています。
備考
- このカスタマイズは、すべてのソーシャルチャンネルで利用できるわけではありません。
- data-url属性は、特定のURLを設定したり（ユーザーがどのページを共有しているかにもかかわらず）、追跡リンクを追加するのに役立ちます。
優先順位
ShareThis コードがプロパティの共有を処理する際の優先順位を覚えておくことが重要です。一般的には、エラーを防ぐために、ページ上で共有プロパティを指定する方法を1つにすることをお勧めします。
- 動的に指定されるJavaScriptのプロパティ（すなわち最優先事項）
- タグで指定されたプロパティ（例：2 番目の優先順位）
- Open Graph Protocolタグ（＝優先順位が最も低いもの）