amp-social-share
ソーシャル共有ボタンを表示します。
プラグインの読み込み
amp-social-shareを使用する場合は別途プラグインの読み込みが必要です。
amp.jsの後にでも読み込ませましょう。
<script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
基本構文と動作
どんな書き方でどんな動きすんのかを。まず簡単なものを。
<amp-social-share type="twitter"></amp-social-share>
各種プロパティについて
| type必須 |
プロバイダタイプを選択します。これは、事前設定済みプロバイダと非設定プロバイダの両方に必要です。
|
| data-share-endpoint |
|
| data-param- |
データを渡したい場合に使用します。
|
主なSNSとデータパラメータの内容について
| Email |
| data-param-subject |
メール件名を指定します。
デフォルトは現ページタイトルが指定されます。
|
| data-param-body |
メール本文を指定します。
デフォルトはcanonicalURLが指定されます。
|
|
| Facebook |
| data-param-app_id必須 |
facebookのappidを指定します。
|
| data-param-href |
シェアしたいURLを指定します。
デフォルトはcanonicalURLが指定されます。
|
| ata-param-quote |
テキストの共有するために指定することができます。
|
|
| LinkedIn |
| data-param-href |
シェアしたいURLを指定します。
デフォルトはcanonicalURLが指定されます。
|
|
| Pinterest |
| data-param-media |
任意ではないものの指定が推奨されています。
共有するメディアのURLを指定します。
|
| data-param-url |
シェアしたいURLを指定します。
デフォルトはcanonicalURLが指定されます。
|
| data-param-description |
共有したいテキストを指定します。
デフォルトは現在のページタイトルとなります。
|
|
| G+ |
| data-param-url |
シェアしたいURLを指定します。
デフォルトはcanonicalURLが指定されます。
|
|
| Tumblr |
| data-param-url |
シェアしたいURLを指定します。
デフォルトはcanonicalURLが指定されます。
|
| data-param-text |
共有したいテキストを指定します。
デフォルトは現在のページタイトルとなります。
|
|
| Twitter |
| data-param-url |
シェアしたいURLを指定します。
デフォルトはcanonicalURLが指定されます。
|
| data-param-text |
共有したいテキストを指定します。
デフォルトは現在のページタイトルとなります。
|
|
| Whatsapp |
| data-param-text |
共有したいテキストを指定します。
デフォルトは現在のページタイトルとなります。
|
|
| SMS |
| data-param-body |
シェアしたいURLを指定します。
デフォルトはcanonicalURLが指定されます。
|
|