Our website will be down for scheduled maintenance on Thursday, September 18, at 11 p.m. Pacific Time and should be back up by Midnight. We apologize for any inconvenience.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Using a third-party iframe app

From: Social Media Marketing with Facebook and Twitter

Video: Using a third-party iframe app

Okay so I showed you how you can search for third-party apps and install them like a contact form or your LinkedIn page in the earlier video in this chapter. And then in another video that I just did, I showed how you can create your own app from scratch by becoming a Facebook developer sort of, and filling in a bunch of stuff, and essentially you had to create your own web page and then point to it, as we did to show the sample videos. So if I click this there is my own custom app that I created.

Using a third-party iframe app

Okay so I showed you how you can search for third-party apps and install them like a contact form or your LinkedIn page in the earlier video in this chapter. And then in another video that I just did, I showed how you can create your own app from scratch by becoming a Facebook developer sort of, and filling in a bunch of stuff, and essentially you had to create your own web page and then point to it, as we did to show the sample videos. So if I click this there is my own custom app that I created.

However, that developer page, those steps about entering your canvas URL and all sorts of things, might scare some people off. So I wanted to show you a happy medium between third-party apps and doing your own app, and that is using a third-party app that lets you create an iFrame app. So it's kind of like creating your own iFrame only with somebody to help you along the way. There are still a couple of things that you need to do before you install this app and I'll get to that part in a second. First of all, you still need to have your content ready to pull into the app.

So for example you might want to create a web page, that's either 520 or 810 pixels wide. But what you don't need to do is upload it to your own server, as I've done here. You just need to create the web page. It can be on your Desktop. It needs to use absolute URLs, meaning it can't just say something is inside of a folder. You have to always start every link with HTTP inside it. Let's look at the source, so you know what I'm talking about. So you have to use URLs like this, full URLs, also known as absolute URLs.

Then what you're going to do is essentially just Copy all of this mark up to the clipboard and you're going to Paste it into the app that you'll install and they will serve it for you. However, if you're linking to any images, if you have anything in here that is not being served at a secure server, you're going to have to take care of that. As I mentioned in the previous video, anything that you put in an app has to be available from a secured server. Meaning it has to be available if you are surfing with HTTPS turned on in Facebook.

While third-party iFrame apps do host the text content, they don't host the actual images that you might be linking to. Those have to be elsewhere and those have to be in a secure site. So I mentioned earlier that you might want to set up an account on a shared host that has secured hosting available, like DreamHost.com is what I use. It's not free usually, it does cost some money. Here you see it costs $15 a year for SSL Secure Certificate, which is what you need, but it also requires a unique IP address, which normally doesn't come with most shared hosting plans.

And that cost is right here; it's $4 a month. I've heard that Dropbox, which is a wonderful free utility, also comes in a paid version. In their public folder, which is kind of like a public access FTP folder, that's secure, and that you could put your images in there if you needed to. But I'm going to leave that up to you to figure out and we can discuss other solutions on the Social Media Marketing Facebook page. But let's say you have everything set up. Your next step is to download and install one of these iFrame hosting apps.

So let's install this on our Bliss No.5 site. I'm going to jump back over here to Chrome. What you need to do is Search in this field for the app. Now the one that I recommend is called Static HTML:iFrame tabs. You can see there's a whole bunch that sound somewhat alike, but the one that I like is this one, Static HTML iFrame. Look at how many users it has, 67 million users; it can't be wrong. Let's click there and it says it makes it simple to create powerful custom iFrame tabs.

They are the largest provider of custom tabs on Facebook. So you click this button to add it to your page and then after you add it, go to your page and click on the Welcome Tab to start editing. It's written by these two guys, very nice guys. They also have their own Facebook page. I'm going to right click here and open that in a New Tab, so we can save that for later. But let's go ahead and add this to our page. Where do you want to add it? We want to add it to this one right here, add that app. Now you see this changed to a 1, and there it is down there.

So we click where it says Welcome and all the instructions are in here. As you can see, you can use any HTML, CSS and JavaScript. You can type it by scratch if you want to, right in here, or you can paste in exactly what you had in the source code for the page that you are hosting. So back here, right here, when I went to Source, View Source and select all this and Copy it and then I'm going to jump over here and Paste it; you see I already did it once before, but I'm going to do it again just to show you.

It's possible with this app to create Fan-only content. What that means is if somebody comes to your page and they go to the app that you're creating right now. If they Like your page, if they are a fan, they would see this content. If they're just visiting, they would see that content. And so this content might be, hey Like our page and we'll love you so much. This one might be, Welcome to the page. Here is what's new. That's pretty cool that you can do that. But I'm going to come back up here and choose Preview. So apparently, we have a problem with the link here.

It's probably not an absolute URL; it's probably a relative URL. I'll go back and it's telling us that we do have an error. You have some relative URLs in your code. You'll need to change them to absolute URLs and it is that one, lynda-logo-on-blk.gif. But once you have that fixed, you're able to save your changes and Publish. If you click on the FAQ in the Help center, they answer a whole ton of questions. One thing that people ask a lot is, are you able to change this icon? And yes, you can, and they show you how to do it.

Are you able to do more than one page? Yes, you can. I think you're able to create up to 12 different apps using that one install. On their Facebook page, that's pretty cool, they have a 166,000 Likes and they're very active on the page with support and new features. Whether or not you change this icon for your custom page, remember, you can always use this Pencil thing to Switch Position. So maybe I want it in the top row and close that up. And as I said you can populate each of these, the photos one has to stay here, but each of these can be populated with a custom app, and if you use a third-party program like Static HTML iFrames, it's much easier to do.

Show transcript

This video is part of

Image for Social Media Marketing with Facebook and Twitter
 
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

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
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.


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.

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

Your file was successfully uploaded.

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.