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に登録できることを確認しました。
こんな感じの表示になりました