Samples codes card twitter

Url:https://dev.twitter.com/cards/types/summarySkip to main content Cards via @webmasterfree Search Card Types Summary Card The Summary Card can be used for many kinds of web content, from blog posts and news articles, to products and restaurants. It is designed to give the reader a preview of the content before clicking through to your website. The Tweet below shows a Summary Card (photo and text) 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. Sample Code Adding a Summary Card to your tweets is as simple as adding the below meta tags to your site: 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. Reference Below are the suggested minimum properties for the Summary Card including title, description, and image. Card Property Required twitter:card Should be set to a value of “summary” Yes twitter:site The Twitter @username the card should be attributed to. Required for Twitter Card analytics. Yes twitter:title A concise title for the related content. Platform specific behaviors: iOS, Android: Truncated to two lines in timeline and expanded Tweet Web: Truncated to one line in timeline and expanded Tweet Yes twitter:description A description that concisely summarizes the content as appropriate for presentation within a Tweet. You should not re-use the title as the description or use this field to describe the general services provided by the website. Platform specific behaviors: iOS, Android: Not displayed Web: Truncated to three lines in timeline and expanded Tweet Yes twitter:image A URL to a unique image representing the content of the page. You should not use a generic image such as your website logo, author photo, or other image that spans multiple pages. The image must be a minimum size of 120px by 120px and must be less than 1MB in file size. The image will be cropped to a square on all platforms. No For a full list of supported tags, please see the Cards Markup Tag Reference. SOLUTIONS Customer Service Build Great Apps Tell Great Stories FABRIC Digits Sign in with Twitter Twitter Social Crashlytics Answers by Crashlytics Beta by Crashlytics MoPub DATA & WEB Gnip REST APIs Streaming APIs Twitter for Websites RESOURCES Documentation Forums Blog Case Studies API Terms Policy Support PROGRAMS Official Partner Events Flight 2014 TOOLS API Status API Console Manage Your Apps Cards Validator Subscribe to Our Newsletter Copyright © 2015 Twitter, Inc. All Rights Reserved About Company Blog Help Status Jobs Terms Privacy Cookies Ads info Brand Advertise Businesses Media Developers © 2015 Twitter, Inc.