プロダクトピン

プロダクトピンは、あなたのウェブサイトからのピンに最新の価格、在庫状況、商品説明を表示します。実際にその商品を購入できるサイトからのみ、プロダクトピンを追加しています。プロダクトピンを追加する前に、自分のウェブサイトから直接その商品を購入できるかどうかご確認ください。

サイトにプロダクトピンを追加する

  1. Open Graph または Schema.org のマークアップを、プロダクトピンを有効にしたい各ページの HTML コードの <head> と </head> との間に追加します
  2. リッチピン検証ツールを使用してリッチピンデータが表示されることを確認します。
  3. 正しく表示されたら、「申請する」をクリックします。申請の際には、正しいマークアップの種類を選択してください。

Open Graph および Schema.org のマークアップ

各マークアップのリッチピン必須項目は以下のとおりです。強調表示されているテキストまたは緑の数値を編集して、記事に適用してください。

Open Graph のマークアップ:

<meta property="og:title" content="De Young 黄銅製ブックマーク" />
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="15.00"/>
<meta property="og:price:currency" content="USD" />

 
Schema.org のマークアップ:

<div itemscope itemtype="https://schema.org/Product">
<meta itemprop="name" content="De Young 黄銅製ブックマーク" />
<meta itemprop="url" content="Https://shop.famsf.org/do/product/BK5160"/>
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">.00</span>
<meta itemprop="priceCurrency" content="USD” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
content="https://schema.org/InStock"/>
</div>

Etsy、Teachers Pay Teachers、eBay にウェブサイトがホストされている場合、マークアップの追加は必要ありません。これらのサイトの新しいピンの商品情報は 24 時間以内に表示されます。

Shopify からプロダクトピンを追加するには、リッチピン検証ツールのページで商品へのリンクを貼り付けて、末尾に「.oembed」を追加すると商品にリッチピンの情報が表示されます。このページからリッチピンを申請することができます(申請の際、Shopfy を選択してください)。

Shopify ストアにリッチピンを追加する

  1. Shopify サイトで特定の商品の URL を取得します(「Buy」ボタンや「Add to Bag」ボタンのあるページ)。
  2. この商品 URL をリッチピン検証ツールにコピー&ペーストして、商品 URL の末尾に「.oembed」と入力します。
  3. [検証する] をクリックします。
  4. プレビューが表示されたら、「申請する」をクリックします。ウェブサイトから申請する必要がある商品 URL は 1 つのみです。

24 時間以内にプロダクトピンがリッチピンになります。

詳細は Pinterest デベロッパー向けサイトをご覧ください。

ヘルプが必要ですか?
お問い合わせはこちら