Display Twitter View Summary Link

Written by Saran on , Updated December 21, 2013
You might have noticed some tweets have view summary link in Twitter.com, and probably you are curious to implement the same for your website contents. Well the trick is very simple, all you need to do is add few lines of HTML code to your webpages, and users who tweet your content will have a "view summary" (a.k.a Twitter Card) link added on the tweets.
Just add following HTML code before the head section in your web pages.

Twitter Summary Card

For blog posts, news articles, products and restaurants, summary card can be used. twitter:card should be set to a value of summary. [cc lang="html"] [/cc]

Twitter Photo Card

To display images, twitter:card must be set to "photo" and provide a twitter:image. Image must be minimum size of 280px wide by 150px height, otherwise Photo card will not work. [cc lang="html"] [/cc]

Conclusion

Currently this feature is available to only limited websites. As a website owner you must opt-in to have Twitter cards displayed for your domain, and Twitter must approve the integration. Click here to apply.
  • If some one wishes to be updated with newest technologies after that he must be visit this web page and be up to date all the time.
     Reply
  • Thanks for the article but I just noticed that your on this page is blank. and results in an error on the twitter preview tool.
     Reply
  • Hi, I do believe this is a great website. I stumbledupon it ;) I may come back yet again since i have bookmarked it. Money and freedom is the greatest way to change, may you be rich and continue to guide others.
     Reply
New question is currently disabled!

  • About Sanwebe.com

    Sanwebe.com was founded in 2011 by Saran Chamling. A blog truely inspired by the ever changing web development world. It is a small effort to provide useful tips, tutorials and related resources to web developers.
© Sanwebe.com 2011-2024. All codes MIT license | Snippets | Contact