amp-pinterest
Introduction
The amp-pinterest
component allows embedding a save button or pin widget.
Setup
Import the amp-pinterest
component in the header.
<script async custom-element="amp-pinterest" src="https://cdn.ampproject.org/v0/amp-pinterest-0.1.js"></script>
Save button
Set data-do
to buttonPin
to enable pinning content on your site. These attributes are required:
data-url
: the URL to be shared.data-media
the absolute image URL to be pinned.data-description
: the default description that appears in the pin create form.
<amp-img src="/static/samples/img/amp.jpg" width="300" height="169" alt="an image"></amp-img>
<amp-pinterest height="18" width="56" data-do="buttonPin" data-url="https://amp.dev/documentation/examples/" data-media="https://amp.dev/documentation/examples/" data-description="amp-pinterest in action">
</amp-pinterest>
Embed pin widget
To embed the pin widget, set data-do
to embedPin
. The data-url
attribute must contain the fully-qualified URL of the Pinterest resource.
<amp-pinterest width="236" height="326" data-do="embedPin" data-url="https://www.pinterest.com/pin/228065168607834583/">
</amp-pinterest>
Se le spiegazioni riportate in questa pagina non rispondono a tutte le tue domande, non esitare a contattare altri utenti AMP per discutere il tuo caso d'uso specifico.
Vai a Stack Overflow Ci sono funzioni non descritte?Il progetto AMP invita tutti a partecipare e dare il proprio contributo! Ci auguriamo che tu possa partecipare regolarmente alla nostra community open source, ma saremo anche lieti di ricevere eventuali contributi una-tantum sulle questioni che ti interessano.
Modifica esempio in GitHub-
Written by @sebastianbenz