2017-01-09 7 views
2

AMP-PinterestをAMPページに追加しました。私は、画像上のPinItボタンを取得するには、 data-pin-hover="true"を設定したいと思います。何らかの理由で動作しません。AMP-PinterestのPinItボタンで画像をホバー

<head>でありますこと:

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

<body>中です(そしてもちろん他のAMPのもの)

ここ

は、私がこれまで持っているものです
<amp-pinterest height=28 width=56 
    data-do="buttonPin" 
    data-url="URL" 
    data-media="IMG_URL" 
    data-pin-hover="true" 
    data-description="DESC"> 
</amp-pinterest> 

また、amp-img's宣言にdata-pin-nopin="false"data-pin-no-hover="false"を追加しました(デフォルトではfalseに設定されていない場合もあります)。詳細:https://www.ampproject.org/docs/reference/components/amp-pinterest):

<amp-img alt="NAME" src="IMG_URL" width="600" 
height="400" layout="responsive" data-pin-nopin="false" 
data-pin-no-hover="false" /> 

しかし、それはまだ動作しません(PinItボタンは上/)amp-imgの下に表示されます。

質問: 私は何か間違ったことがあったのか、AMP-Pinterestを使って画像を表示することができないのでしょうか? (私は例を見つけることができません)。

答えて

2

残念ながら、現時点では、このオプションはamp-pinterest(のドキュメントやその他の例を参照してください)には対応していません。あなたが上または下に表示されないようにピン留めボタンの好まない場合amp-pinterest samplesに見られるようにしかし、あなたの代わりに、それは、画像に埋め込まれていることができます。

埋め込みピンウィジェット

ピンウィジェットを埋め込むには、data-doembedPingに設定してください。 data-url属性には、Pinterestリソースの完全修飾URLが含まれている必要があります。

+1

残念ながら、私はPinterestリソースを指摘したくありませんが、私のサーバー上のイメージにします。しかし、それは大丈夫です - 私は画像を浮かべようと間違っていないかどうかを確認したかったのです。この場合、このボタンを下または上に置くと思います。どうもありがとう! – pidabrow