SOY CMS / SOY Shop

ブログトップ

TwitterのProduct Cardsプラグインを追加しました

2013年04月18日

 

2013年4月18日に公開したSOY Shop 1.11.2で、

Twitter Product Cardプラグインが標準同梱される様になりました。

 

今回はそのプラグインの説明です。

 

このプラグインは、

Twitterで最近追加されたAPIのTwitter Cardsの内、

ネットショップのコンバージョン率を上げると言われているProduct Card用タグの設置を行うものです。

Twitter Cards | Twitter Developers

Product Card | Twitter Developers

 

正しく設定すると

(画像:Product Card | Twitter Developers)

 

上記の画像の様に

ツイートされた際に商品情報が詳しく表示される様になります。

 


 

使用方法はプラグインインストール後に記載されている内容に従い、

テンプレートにメタタグ用のCMSタグを追加し、

Twitter Cards用のメタタグが表示されることを確認してください。

 

 

メタタグの出力が確認できましたら、

Twitter Cardsの表示を行うサイトの登録ですが、

 

はじめに

Card Validator | Twitter Developersを開き、

 

 

Validate URLsタブをクリックします。

 

 

タブをクリックすると、

URLの入力欄が表示されますので、

Twitter Cards用のタグが出力されているページのURLを入力します。

 

 

表示されている内容に間違いがなければ、

Request Approvalボタンが表示されますので、

後は指示に従って設定してください。

 

 

追記

このプラグインはRequest Approvalボタンの表示まで確認できています。

 

Twitter Cards自体新しい仕様らしく、

登録中にエラーが発生して、私はこれ以上動作を確認できていません。

 

その点はご了承ください。

 

追記2 2013/5/16

Twitter Cardsに登録できることを確認しました。

 

こんな感じの表示になりました

 

ニワトリさんからの贈り物 神奈川県銘菓指定のクリーム・ブリュレ | コトブキ園 神奈川県相模原市の養鶏場