amp-pinterest
Pinterestウィジェット、Pin Itボタン、またはFollowボタンを表示します。
プラグインの読み込み
amp-pinterestを使用する場合は別途プラグインの読み込みが必要です。
amp.jsの後にでも読み込ませましょう。
<script async custom-element="amp-pinterest" src="https://cdn.ampproject.org/v0/amp-pinterest-0.1.js"></script>
基本構文と動作
どんな書き方でどんな動きすんのかを。まず簡単なものを。
Pin It button
<amp-pinterest height=20 width=40 data-do="buttonPin" data-url="http://www.flickr.com/photos/kentbrew/6851755809/" data-media="http://farm8.staticflickr.com/7027/6851755809_df5b2051c9_z.jpg" data-description="Next stop: Pinterest"> </amp-pinterest>
Pin widget
<amp-pinterest width=245 height=330 data-do="embedPin" data-url="https://www.pinterest.com/pin/99360735500167749/"> </amp-pinterest>
Follow button
<amp-pinterest height=20 width=94 data-do="buttonFollow" data-href="https://www.pinterest.com/kentbrew/" data-label="Kent Brewster"> </amp-pinterest>
各種プロパティについて(Pin It button表示時)
data-do必須 | buttonPinを指定します。 |
---|---|
data-url必須 | URLを指定します。 |
data-media必須 | 表示させる画像のURLを指定します。 |
data-description必須 | 説明文を指定します。 |
各種プロパティについて(Follow button表示時)
data-do必須 | buttonFollowを指定します。 |
---|---|
data-href必須 | URLを指定します。 |
data-label必須 | ボタンラベルを指定します。 |
各種プロパティについて(Follow button表示時)
data-do必須 | embedPinを指定します。 |
---|---|
data-href必須 | URLを指定します。 |