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

Social Media Marketing with Facebook and Twitter

Adding a Like button to your content outside of Facebook


From:

Social Media Marketing with Facebook and Twitter

with Anne-Marie Concepción

Video: Adding a Like button to your content outside of Facebook

I know that you've seen this before, this little doohickey right here. It allows people who are reading your web site that, you know your web site might have nothing to do at all with Social Media. It's not hosted by Facebook or anything, but when they Like this article, they can send the URL to this to their Twitter followers via e-mail or if they click Share, they can choose Facebook or any of these other settings. Now Facebook makes it very easy for you as the Facebook page owner to integrate people's Facebook personal accounts with your web site posts or your blog posts.
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:
Business Online Marketing Social Media Marketing
Software:
Facebook Twitter
Author:
Anne-Marie Concepción

Adding a Like button to your content outside of Facebook

I know that you've seen this before, this little doohickey right here. It allows people who are reading your web site that, you know your web site might have nothing to do at all with Social Media. It's not hosted by Facebook or anything, but when they Like this article, they can send the URL to this to their Twitter followers via e-mail or if they click Share, they can choose Facebook or any of these other settings. Now Facebook makes it very easy for you as the Facebook page owner to integrate people's Facebook personal accounts with your web site posts or your blog posts.

So this doesn't have anything in particular to do with Facebook pages per se, but it does have to do with using Facebook to market your company. Here is Bliss No.5's page, and to get started with creating one of those Like boxes, go to the Admin panel, go down to Manage, choose Edit page and then here go to Resources. Now they keep changing the names of these things. So if it doesn't look exactly like this, what you're looking for is something called Social Plugins.

So find out where the Facebook Social Plugins are and just click it or even better, once you click it, Bookmark this right here because you're going to be coming back here over and over again. Now I mentioned using Social plugins in the previous chapter when I talked about how to add your Facebook page's stream of posts and number of Likes and little pictures of the people who Liked it, to your web page. So we've been here before. The one that we are going to look at right now is called the Like button, a simple little thing that adds Likes.

So if I click it, we are brought again to this wonderful very friendly wizard where we can simply watch how the preview appears as we set up our options. It needs to know the URL, and because my Bliss No.5 page doesn't have a friendly URL, I constantly have to choose it again. So let's go back here. This is the URL for Bliss. In the real world, I have a whole list of Bookmarks to every page that I admin, so that I don't have to keep doing this.

We'll come back here, paste the URL in and then it wants to know, do you want to include a Send button? That's what this is. But it only works with the XFBML scheme and if you hover over these question marks, you'll get a little bit more information about what this field needs. The important thing is that the Send button is available only on sites that use the JavaScript SDK, and if you're not sure of what that is and your developer says no, we don't use that, then you don't want to turn this on.

So I'm going to turn this off for now. Now it's reading our page and it's saying here is what it would look like if we uploaded it with these settings. The Layout Style right now is Standard or you just might want a button count, like you Like it and how many people Like this or you want a box count, so they're vertical rather than horizontal, I kind of like that. Now because we're using the Count scheme, it makes no difference if we are Showing Faces or not, but I'm going to turn it off just in case. Do you want to say Like or do you want to say Recommend? That's kind of interesting.

I think I'll leave it at Recommend and see what happens. And again, we have the huge selection of Color Schemes, Light or Dark. This refers to the background of the web page you're going to put this on. So if it's a Light page, this is what they recommend. If it's a Dark page, this is what they recommend. That dark part doesn't come with it. They're just showing you what it would look like against the dark page. But I'm going to stick with Light and you have a choice of Typeface. Now because of the resolution of the screen for this video capture, we can't really see them both at the same time, but we have these choices and I'm a big fan of Trebuchet.

So I'm just going to leave it at Trebuchet. That looks nice. It's the typeface used inside the button and then we click Get Code. We don't want to use HTML5. We don't want to use this one. We want to use IFRAME. So come right here. You see we're getting a little menu that says it's using the app ID over app Lynda Videos and I think this is because a few videos ago, I actually created a custom app, and so it's just remembering that because we're in the developer's section. But that should not make any difference right now. We are just going to select all these texts in here [00:04:26.1`0] and you don't have to have created an app yourself for this to work.

So I'm going to select this and Copy it. Click OK. Now we need to add that code to our web site and if you have a web developer, you would paste that into a text file and send it to them and say, I want a Like box use this, but because I am using WordPress, I know that I can simply add it to a widget so that it appears on the right sidebar. Now, I could actually get in deeper and start editing the template pages, so that I get that Like box to the left of every post, which is properly how it should be done, but I am not quite there yet, and actually, if you are using WordPress, there are probably many other easier ways of adding a Like box than using Facebook's code.

There are many plugins available for WordPress and other blog engines to do that. But let's carry on, shall we, and just go ahead and see what this looks like. So to add this to my sidebar, I need to login to my WordPress blog as I've done as an Admin. Go to Design, go to Widgets, and we are going to add it to this Text widget. You may remember coming here when we were doing this for the Twitter information and then also in this one, we added the Facebook Page box to that one.

Here we're just going add this code. I'll click right here and choose Paste and then click Change and Save changes. Yay, changes were saved. So let's look at our web site again and refresh and scroll down. There it is. So we already recommend this page, that's why it's already checked, but if people come to this page and they Like it, they can click Recommend, which remembers the same thing as Like, and they click it, then it would appear on their Facebook personal account that they Liked this web page and there would be a link to this web page.

So it's another way to market your business with Facebook.

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
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

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
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



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.

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.