プロダクトカード
このカードは2015年の7月3日に廃止され、画像付きサマリーカードに統合されました。
The Product Card is a great way to represent product and retail items on Twitter. This Card type is designed to showcase your products via an image, a description, and allow you to highlight two other key details about your product.
The Tweet below from @iHeartRadio shows a Photo Card below the 140 characters:
Our system recognizes when URLs are included in a tweet, and crawls your site to fetch the Card type and content. To learn more about how our Card system works, read our Getting Started Guide.
The Product Card requires an image of size 160 x 160 or greater. It prefers a square image but we crop/resize oddly shaped images to fit as long as both dimensions are greater than or equal to 160 pixels.
Sample Code
Adding a Product Card to your tweets is as simple as adding the below meta tags to your site:
<meta name="twitter:card" content="product"> <meta name="twitter:site" content="@iHeartRadio"> <meta name="twitter:creator" content="@iHeartRadio"> <meta name="twitter:title" content="24/7 Beatles — Celebrating 50 years of Beatlemania"> <meta name="twitter:image" content="http://radioedit.iheart.com/service/img/nop()/assets/images/05fbb21d-e5c6-4dfc-af2b-b1056e82a745.png"> <meta name="twitter:label1" content="Genre"> <meta name="twitter:data1" content="Classic Rock"> <meta name="twitter:label2" content="Location"> <meta name="twitter:data2" content="National">
Be sure to provide your own site attribution and content.
Once the tags are live, you can test your Card using our Twitter Card Validator.
App Downloads and Deep Linking
In addition to displaying your content in a more engaging way, the Summary Card can also drive downloads of and even link directly into your mobile applications. For more information, see Cards for Mobile Developers.
Additionally, you can learn how to deep-link from this Card into your mobile app by reading here.
Reference
Define the product card with these properties:
| Card Property | Required |
|---|---|
|
Must be set to a value of “product” |
Yes |
|
The Twitter @username the card should be attributed to. Required for Twitter Card analytics. |
Yes |
|
The title of your content as it should appear in the card. You may specify an empty string if you wish no title to render. |
Yes |
|
A description of the content in a maximum of 200 characters |
Yes |
|
A URL to the image representing the content. Image must be less than 1MB in size. The image will be cropped to a 1:1 aspect ratio. |
Yes |
|
Providing width in px helps us more accurately preserve the the aspect ratio of the image when resizing |
No |
|
Providing height in px helps us more accurately preserve the the aspect ratio of the image when resizing |
No |
|
This field expects a string, and you can specify values for labels such as price, items in stock, sizes, etc |
Yes |
|
This field also expects a string, and allows you to specify the types of data you want to offer (price, country, etc.) |
Yes |
|
This field expects a string, and you can specify values for labels such as price, items in stock, sizes, etc |
Yes |
|
This field also expects a string, and allows you to specify the types of data you want to offer (price, country, etc.) |
Yes |
For a full list of supported tags, please see the Cards Markup Tag Reference.