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に登録できることを確認しました。

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

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