amp-addthis

<script async custom-element="amp-addthis" src="https://cdn.ampproject.org/v0/amp-addthis-0.1.js"></script>

AddThis の埋め込みウェブサイト ツールを表示します。

AddThis を使用する理由

amp-addthis コンポーネントは、シンプルで美しい共有ボタンを実現します。これにより、ウェブサイト ユーザーは、メッセンジャーや、WhatsApp、Facebook、Twitter、Pinterest など、200 を超えるソーシャル チャネルに簡単にコンテンツを共有することができます。

AddThis は、1,500 万以上のウェブサイトで利用されている信頼できるツールであり、全世界で 20 億人以上のユニーク ユーザーが 60 以上の言語でコンテンツを共有しています。

共有ボタン

フローティング

ページの左右や上下に配置可能で、閲覧者が画面をスクロールすると、一緒に移動します。それほど強引にならずに、共有を促進する優れた方法です。

例:

<!--
  This example uses a placeholder pubId.
  Please replace the pubId value with your own after
  creating an account on https://www.addthis.com/dashboard.
-->
<amp-addthis
  width="320"
  layout="responsive"
  data-pub-id="ra-5c191331410932ff"
  data-widget-id="957l"
  data-widget-type="floating">
</amp-addthis>

インライン

共有ボタンをコンテンツに統合することで、シームレスな共有機能を実現できます。

例:

<!--
  This example uses a placeholder pubId.
  Please replace the pubId value with your own after
  creating an account on https://www.addthis.com/dashboard.
-->
<amp-addthis
  width="320"
  height="92"
  data-pub-id="ra-5c191331410932ff"
  data-widget-id="mv93"
  data-widget-type="inline">
</amp-addthis>

属性

実装に関するドキュメント

1. まだ AddThis アカウントを持っていない場合は、https://www.addthis.com/register でアカウントを作成する必要があります。AddThis アカウントの作成は完全に無料で、包括的なウェブサイト ツールや詳細な分析レポートを利用して、サイトのソーシャル トラフィックを把握することができます。
2. ダッシュボードに移動して、共有ボタンをカスタマイズします（現在のところ、AMP がサポートしているのは、フローティング共有ボタンとインライン共有ボタンだけに限られます）。
3. 共有ボタンを自由にカスタマイズして、[Activate Tool] をクリックします。[Get The Code] ページにリダイレクトされます。
4. 最後に、インライン コードをコピーして、共有ボタンを表示するページの body セクションに貼り付けます。フローティング共有ボタンの場合、コードは body 内の任意の場所に配置できます（ツールの設定に応じて画面の左や右に自動的に表示されます）。

以上で設定は完了です。共有ボタンがページ上に表示されます。

詳細な手順については、YouTube の動画をご覧ください。

検証

AMP 検証ツール仕様の amp-addthis ルールをご覧ください。

プライバシー

http://www.addthis.com/privacy/privacy-policy/

AddThis ツールおよび AddThis ツールバーは、エンドユーザーがサイト運営者のサイトとインタラクションする際や、ツールバー ユーザーが AddThis ツールバーとインタラクションする際に使用するデバイスから情報（AddThis データ）を収集します。

主な AddThis データは次のとおりです。

• IP アドレス、モバイル広告 ID（MAID）（これにより、モバイルアプリ デベロッパーはモバイルアプリを使用しているユーザーを識別できます）、モバイルアプリ ID、ブラウザのタイプ、ブラウザの言語、オペレーティング システムのタイプ、エンドユーザーがサイト運営者サイトやツールバーにアクセスした日時。
• ツールバーを使用したユーザー。
• サイト運営者サイト上で行った操作（エンドユーザーがサイト運営者サイトに滞在した期間、エンドユーザーがサイト運営者サイト上で行ったコンテンツ共有操作、エンドユーザーがサイト運営者サイト上で行ったスクロール操作など」）。
• エンドユーザーがサイト運営者サイトの検索や移動に使用した参照元 URL やウェブ検索。
• ツールバー ユーザーが AddThis ツールバーの検索機能に入力したキーワード。ツールバー ユーザーが AddThis ツールバーをダウンロード、インストール、アンインストールした日時。
• エンドユーザーが AddThis ツールを使用する頻度や、ツールバー ユーザーが AddThis ツールバーを使用する頻度に関する情報。
• エンドユーザーやツールバー ユーザーの IP アドレスから取得した位置情報データ。

AddThis データは、該当する法律の求める範囲において、個人情報として扱われます。サイト運営者は、AddThis の利用規約に従い、エンドユーザーの同意と承認を取得し、エンドユーザーから Oracle に収集される AddThis データの規定に関して必要な通知を提供する必要があります。

サポート

AMP に AddThis を実装するうえで、ご質問がある場合やサポートが必要な場合は、こちらからサポートチームへチケットをお送りいただくか、help@addthis.com までメールでお問い合わせください。