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が指定されます。
|
|