New Feature: Playlist Center! Pick a topic and let our playlists guide the way—like a learning mixtape.

Start learning with our library of video tutorials taught by experts. Get started

Social Media Marketing with Facebook and Twitter
Illustration by Richard Downs

Adding your Twitter feed to your blog or web site


From:

Social Media Marketing with Facebook and Twitter

with Anne-Marie Concepción

Video: Adding your Twitter feed to your blog or web site

You may remember from an earlier movie, I showed you how you can add a Twitter button or badge to your web site or to your blog, which we did here for the Bliss No.5 blog. If you click on this button, then you are immediately brought to Bliss No.5's Twitter page, which is kind of cool. You know the problem is that a lot of people won't click on the button, and you want to promote what it is that you're treating about. You want to show not just a button saying that you are on Twitter, but it would be cool if you could actually show some of your tweets on your web site or on your blog.
Expand all | Collapse all
  1. 1m 3s
    1. Welcome
      1m 3s
  2. 22m 45s
    1. Understanding online marketing
      9m 12s
    2. Comparing Twitter and Facebook
      8m 38s
    3. Preparing for online marketing
      4m 55s
  3. 26m 10s
    1. Setting up your business account
      6m 45s
    2. Creating and applying custom backgrounds
      9m 1s
    3. Tweeting and following
      5m 21s
    4. Following Twitter's terms of service
      5m 3s
  4. 25m 46s
    1. Setting up your personal profile
      7m 42s
    2. Understanding the News Feed
      5m 47s
    3. Controlling access to your posts
      4m 48s
    4. Customizing privacy settings
      3m 30s
    5. Following Facebook's terms of service
      3m 59s
  5. 1h 5m
    1. Crafting follow-worthy Tweets
      8m 55s
    2. Attracting followers
      7m 41s
    3. Following the right people
      6m 10s
    4. Responding to mentions
      5m 40s
    5. Tracking keywords in the Twitter stream
      7m 8s
    6. Using hashtags
      4m 12s
    7. Getting Retweeted
      9m 7s
    8. Adding your Twitter feed to your blog or web site
      4m 51s
    9. Integrating a "Tweet This" feature into your online marketing
      4m 12s
    10. Measuring your impact
      8m 1s
  6. 2h 2m
    1. Touring Facebook Page timeline features and controls
      9m 49s
    2. Creating a new Facebook Page
      7m 50s
    3. Creating a profile picture
      8m 26s
    4. Designing a cover image
      7m 38s
    5. Creating a combined cover-and-profile image
      8m 43s
    6. Using the admin panel
      4m 26s
    7. Editing important Page settings
      7m 19s
    8. Adding and featuring Page admins
      6m 0s
    9. Customizing the apps bar
      5m 39s
    10. Posting to your Page strategically (for EdgeRank)
      5m 18s
    11. Pinning, highlighting, and adding milestone posts to the timeline
      6m 18s
    12. Managing spam by hiding and unhiding user posts
      6m 3s
    13. Using the Notes app for longer posts
      5m 43s
    14. Using Facebook as your Page
      4m 58s
    15. Adding favorite Pages to your timeline
      4m 9s
    16. Building an audience for your Page
      7m 22s
    17. Adding a Facebook Page feed to your web site
      7m 38s
    18. Analyzing traffic with Facebook Insights
      9m 8s
  7. 59m 22s
    1. Reducing your workload with social media management programs
      9m 27s
    2. Enhancing your Page with Facebook apps
      5m 53s
    3. Creating your own iframe app to customize your Page
      14m 55s
    4. Using a third-party iframe app
      6m 39s
    5. Adding a Like button to your content outside of Facebook
      6m 29s
    6. Advertising on Facebook with Facebook Ads
      12m 28s
    7. Advertising on Twitter with sponsored Tweets
      3m 31s
  8. 3m 59s
    1. Next steps
      3m 59s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Social Media Marketing with Facebook and Twitter
5h 27m Intermediate Oct 16, 2009 Updated Apr 16, 2012

Viewers: in countries Watching now:

In Social Media Marketing with Facebook and Twitter, Anne-Marie Concepción shows dozens of ways to promote a company's brand, increase sales, engage customers, and drive site traffic using Facebook and Twitter. The course covers not only the fundamentals of social media marketing, but also the basics of creating a top-level online presence. From building Facebook pages to authoring SEO-friendly Twitter bios, the course dives into the details of both services and discusses how to maximize the impact of social marketing with third-party add-ons.

Topics include:
  • Understanding online marketing
  • Keeping business and personal accounts separate
  • Developing a marketing funnel strategy
  • Creating a branded Twitter page background
  • Optimizing tweets to help them go viral
  • Leveraging the latest Facebook features for pages
  • Managing your Facebook Timeline
  • Creating targeted Facebook social ads
  • Customizing Facebook pages with iFrames
  • Using Twitter and Facebook analytics to measure impact
  • Reducing your workload with social media management programs
Subjects:
Social Media Marketing Marketing Content Marketing Small Business Marketing
Software:
Facebook Twitter
Author:
Anne-Marie Concepción

Adding your Twitter feed to your blog or web site

You may remember from an earlier movie, I showed you how you can add a Twitter button or badge to your web site or to your blog, which we did here for the Bliss No.5 blog. If you click on this button, then you are immediately brought to Bliss No.5's Twitter page, which is kind of cool. You know the problem is that a lot of people won't click on the button, and you want to promote what it is that you're treating about. You want to show not just a button saying that you are on Twitter, but it would be cool if you could actually show some of your tweets on your web site or on your blog.

And believe it or not, it is almost as simple as just adding a button. Let me show you how to do that. What you want to do is go to the Twitter Resources page, and this is a really good page to bookmark because you're going to be coming back here a lot. This time what we're going to do is add a widget, "Put your updates anywhere or create a live stream." So let's see all widgets. It wants to know, do you want to put a widget on your web site or on Facebook? We'll talk about Facebook later, but right now we want to add this kind of thing to our web site. So we'll click Website. You have your choice of what kind do you want to show. Do you want to show your recent Twitter updates? You can add in a search phrase and have the results of that search phrase appear.

You can add your hash tag for your conference and have that constantly appearing on your blog or web site during the conference. That would be kind of neat. You can show your favorite tweets, which is an aspect of Twitter I didn't talk about, but they covered in the Twitter Essential course. Same thing for lists. I didn't really talk about lists, but that is covered in the Twitter Essentials course. Essentially, it lets you filter down to a list of your favorite people on Twitter and what they're talking about. But typically, when people say, "I want to show my tweets on my web site," they're talking about the first one, the Profile Widget.

So click that, and then you just go through this neat little wizard, all right? It's saying this is the blissno5 user account. If you want to make a profile widget for one of your clients, you would add their name in here, and then it shows you what this would look like right now if you just went ahead and said Finish & Grab Code. But you can go through and change some of these preferences. Should it include a scrollbar so people can see earlier tweets? And you can say Yes or No. How often should it update? How many tweets should it show? Should it include avatars, meaning people's little pictures? Remember, if people use the new-style version of retweeting, then their pictures appear in front, so it might not just be your pictures that appear in front of every tweet, but also people who have been retweeted.

Do you want to show the timestamps? Maybe you don't want people to know exactly when you are tweeting. Maybe you didn't tweet since last month, and you really don't care to show the timestamps. And do you want to include hash tags or not? I talked about hash tags in a different video. I am just going to leave all this at the default for now. In Appearance, you can change the colors, right. So, it's really simple to do. What is the color of the background and the Twitter background? So, the top part is the shell background and the Twitter background is this darker brown. You can get it to match your web site if you want.

Actually our Bliss No.5 web site does have this brown theme kind of going on, so I am going to leave that there. But I don't like this green color, so I think I'll change the color of the links from green to--I don't know. Let's try yellow. It looks a little better. I am not quite sure--it is a little too green. Let's get it further down. There we go. I like that one. Done. And then shell text and tweet text, so the shell text is the text in here, and the tweet text is the color of the actual tweets, so that's fine to leave them both white.

Then under Dimensions you can have it match your space allotted as much as possible. Or if you're not quite sure how this works, you can choose auto width, which is what I am going to do right now. And then you can say Finish & Grab the Code. So when you're done, it brings up this window. Select all the code in here and copy it. If you're really handy with the web site, you could paste this into Dreamweaver or something and tweak it further if you wanted to. But because we're using a very spiffy WordPress blog, we can just paste it into a box. So here is our web site, right, and I've already logged into the dashboard.

I'm going to go to the Design section and find my widgets, which let me just add code to the left or right sidebar. Remember, the very first one has the code for the Follows Us on Twitter. The second one is empty, and I am just going to click right inside here. The first one is for Headline; we don't care about that. Click inside here and choose Paste, Change, and Save Changes. Okay, our changes were saved. Let's actually visit the site and see what it looks like. Ta-da! That looks pretty good.

So simple to add your Twitter feed. And as I update my Twitter feed in my Twitter client, or on twitter.com, this web page will be updated as well, so it's a really neat way to have constantly updated information on your blog or on a static web site. Easy to do.

Find answers to the most frequently asked questions about Social Media Marketing with Facebook and Twitter.


Expand all | Collapse all
please wait ...
Q: This course was updated on 4/16/2012. Can you tell me what changed?
A: This course was updated to reflect the introduction of the Facebook Timeline, the new way Facebook organizes the posts, photos, and shares on your page, and the ability to extend your social media marketing campaign on Facebook with new tools such as Social Ads (paid advertisements which display your ads when a user takes an related action, like becoming a fan of your business or sharing their location when they visit it) and the iFrame app, for increasing your fan base controlling how content is shown to non-fans.
Q: Where can I learn more about internet marketing?
A: Discover more on this topic by visiting internet marketing on lynda.com.
 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Social Media Marketing with Facebook and Twitter.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Notes cannot be added for locked videos.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.