Skip the navigation
)

How to Embed Tweets on Your Website or Blog

It's not hard to embed tweets on your site along with details about replies, retweets, and favorites.

By Angela West
January 7, 2012 01:25 PM ET

PC World - Twitter has had a busy past three months, launching a redesign, an open-source Android security tech, and Tweetdeck as a Web application. Now it's offering a way to make your website or blog more interactive with easy-to-embed tweets that require using just one line of code or a link to add.

This new method will let your visitors to your website interact with embedded tweets, and view details such as replies and retweets. This can improve your website while requiring a minimal amount of coding. Here's how to how to embed the new code and get started.

What Embedded Tweets Look Like

In the example at right, the new embedded tweets appear on a senator's website. Note that you'll have to click on the date/time stamp in the lower left corner of that module to get information on the tweet, and you'll need to have access to the redesign of Twitter to see favorites, retweets and replies. Otherwise, you'll just get the usual permalink.

One really cool feature is that any tweets with a photo will embed that photo within any text in the tweet, as in the example below. The catch: The tweet that you're embedding needs to have the picture uploaded to pic.twitter.com in order to show up in an embedded tweet. Photos uploaded to any other service won't work. If you want to make your photo tweets easier to share in light of this, you may want to start uploading your pictures to Twitter's own service.

First, the New Twitter

Icons for Home, Connect, and Discover should be at the top left of your profile if you have the new design. If your account isn't yet active on the new Twitter design, you won't be able to get the code to embed tweets. If your Twitter profile doesn't have the features announced here, you're not on the new design yet. If you've downloaded the new version for Android or iPhone, you'll get earlier access to the new Twitter when logging in on your PC's browser. A Twitter representative confirmed that the new version of Twitter.com is still in progress.

Get the Embed Code and Find the Permalink

If your account already appears with the new Twitter design, then you're in business. To get the embed code, you'll have to go to your tweet's permalink page. There is no obvious spot on a tweet, even in the new redesign, to get your permalink. Instead, the permalink is hidden within the timestamp on the tweet. Click the timestamp (see the image below), and you're there. From your tweet's permalink page, click on "Embed This Tweet". Copy and paste the code you're given into your website or blog where you want the tweet to show up, and that's it.

Originally published on www.pcworld.com. Click here to read the original story.
Reprinted with permission from PCWorld.com. Story copyright 2012 PC World Communications. All rights reserved.
What is Tech Briefcase?
TechBriefcase is a new, free service where IT Professionals can Search, Store and Share IT white papers and content like this. Learn more
Bookmark content
Speed up your research efforts with content across the web.
Search and Store
Find the white papers you need. Create folders for any topic.
View Anywhere
Open your briefcase on your iPhone, tablet or desktop. Share with colleagues.
Don't have an account yet?
Additional Resources
Security KnowledgeVault
WHITE PAPER
Security is not an option. This KnowledgeVault Series offers professional advice how to be proactive in the fight against cybercrimes and multi-layered security threats; how to adopt a holistic approach to protecting and managing data; and how to hire a qualified security assessor. Make security your Number 1 priority.

Read now.

Cut Communications Costs Once and for All
WHITE PAPER
New IP-based communications systems are being deployed by small and midsized businesses at a rapid rate. Learn how these organizations are enabling faster responsiveness, creating better customer experiences, speeding office or mobile interactions, and dramatically reducing existing communications costs.

Read now.

Desktop Apps White Papers
Practice Management: Double Billing Rate and Improve Patient Services
Would you like to double your billing rate and achieve faster payment for services?

Download this customer success story to see how One Health...
Mission Critical Data Explosion and Customer Case Study
Would you like to double your tier 1 storage capacity while simultaneously reducing your storage footprint?

Download this customer success story to see how...
Protecting Against Database Attacks and Insider Threats: Top 5 Scenarios
Read this new eBook to learn the top five scenarios and essential best practices for preventing database attacks and insider threats.
Database Activity Monitoring Is Evolving
Read the analyst report and learn how you can leverage the core capabilities of a DAP solution for better database security.
Establishing a Strategy for Database Security is No Longer Optional
The options for securing increasingly valuable databases are very broad and deep, and can be confusing. This research provides an overview of three...
All Desktop Apps White Papers
Desktop Apps Webcasts
Distributed Database Security with Real-time Monitoring
View this demo and learn how IBM InfoSphere Guardium database activity monitoring can help protect your sensitive data in distributed DBMS environments with...
InfoSphere Warehouse Packs Demo
These flash modules make warehousing more tangible and relevant to business users through detailed explanations of the InfoSphere Warehouse Packs.
Delivery Management -- Extending Lifecycle Management
Date: Wednesday, June 20, 2012, 1:00 PM EDT

Siloed organizations continue doing the wrong things and doing things wrong, leading to increased costs,...
Leverage automation today to reduce IT complexity
Date: Tuesday, June 5, 2012, 2:00 PM EDT

Whether your B2B complexity is caused by multiple technologies due to M&A, business or application specific...
Redefine Expectations in the Data Center
Need to do more with less? Watch this video to learn how HP ProLiant Gen8 servers can help your business deploy servers three...
All Desktop Apps Webcasts
Newsletter Sign-Up

Receive the latest news test, reviews and trends on your favorite technology topics

Choose a newsletter
  1. View all newsletters | Privacy Policy
IT Jobs