The Ultimate Guide to adding YouTube Videos to your Blog

the ultimate guide to adding youtube videos to your blog

Video is a great way to attract more readers to your blog and having them stay longer.

If you know how to do it.

In this guide you will learn how to quickly add a YouTube video. You’ll also learn how to add a Vimeo video, GIF, and SlideShare. And I’m going to make this very untechnical (even I can do it and so can you).

Once you have your video inserted and playing, I’ll also show you some neat tricks to get them to behave the way you want.

But, first let’s take a step back and talk about why you might want to add video.

More time equals more business

conference room of people
Your blog is like a series of breakout rooms off the main conference hall

Your website is like a conference hall – people come from lots of different directions to visit, explore, learn, and even buy.

Visitors arrive directly via your emails (announcing your new blog post) or from social media or organic searches (people find you by searching for a topic). Some will leave soon after arriving—as many as 25-40% won’t make it past the first room. The average time in that conference hall is about one to two minutes.

And then there’s your blog…

Your blog is like a series of breakout rooms off the main conference hall. Each room has a different topic – a new set of solutions tackling a problem your clients struggle with.

What’s different about those breakout rooms/blog posts is people stay a whole lot longer—like 5-13 minutes.

That’s a huge opportunity!

Imagine if conversations with your prospects were 5-10 times longer – that’s good, right?

That’s what your blog can do: make people stop, explore, look at your products and services and ask for more.

When you add richer, more detailed content – like video – this works even better. Now prospects will stay longer, get to you know you better and start to develop that know, like, trust relationship we all want.

That’s why video can be such a great addition to your blog. Now, let’s look at how to get the video into your blog.

How to insert your video

If you’ve already mastered the steps to insert images in your blog, adding video will be easy.

WordPress comes installed with a neat feature called auto-embed. This allows you to insert videos in your WordPress blog post by simply pasting the URL of your video directly in the post.

Auto-embed will work with YouTube, Vimeo and Wistia hosted videos. It will even work with your favourite Slideshare videos.

If you are working with a simple MP3 or GIF video, you can upload the file into Media, but note this will slow down loading time. You best practice is to always embed your videos from YouTube or a hosting site like Vimeo or Wistia. You can also embed your video directly from your Google Drive (see instructions below).

Here are the steps to embed your video directly from YouTube.

1. The first step is to capture the URL of the video you want. You can copy the URL from your browser’s address bar or directly from the YouTube share link button.

screenshot showing how to add youtube videos to your blog

Tip: For longer videos, you can easily change the start time (for example, 30 seconds in) by first checking the “Start at” box and choosing the time you want. Then copy the link.

screen shot of how to embed youtube video url

2. The easiest and quickest way to embed YouTube videos in WordPress is to simply copy/paste the URL into your new post. Make sure you are looking at the “Visual” editor, not the “Text” editor.

gif of how to add youtube videos

3. Once you have the video inserted, go to Preview and you can see it in action.

Want to change the settings? Use the WordPress blog edit menu. If you want to change the size of the video (this only works if you pasted the embed code), go to the “Text” editor and change the actual “width=” and “height=” settings.

Be sure to keep the ratio between the numbers the same (warning: this involves math!) For example “<iframe width=”560″ height=”315″ src=” (315/560 = .56) could be changed to “<iframe width=”800″ height=”450″ src=” (450/800 = .56)

screenshot of how to edit inserted video

How to insert video from your Google Drive

If you are like us at BlogWorks, we like to have all the elements of our blog post neatly organized in one folder on our Google Drive. This includes the images and the videos for that post.

The goal is to embed that video, not upload it, so it will load faster and not take up room on our WordPress site.

It’s a bit of a work around, but once you’ve done it once (like making bread, Origami, or sex) it’s not so scary. Ready?

It’s a bit of a work around, but once you’ve done it once (like making bread, Origami, or sex) it’s not so scary. Click To Tweet

  • click on the video in your Google Drive.
  • once opened look for the 3 dots and click on “open in new window”
  • again, click on the 3 dots and this time click on “embed item…”
  • copy the embed code (it will start with “<iframe src=”https://drive.google.com/file…”)
  • head back to your new blog post and select “Text” view (instead of “Visual”) and paste the embed code where you want it.
  • finally, go back to “Visual” view to see your video and edit the settings.

gif showing how to insert video from google drive when adding youtube videos to your blog

Note: your video share settings must be set to be viewed by anyone who has the link. You can quickly change your share settings by opening the video, go to 3 dots, click on “Share”, click on sharing option drop down (you might have to then click on “more…”) and change settings. When you change settings here, it will change how your embedded video works on your site.

 

About privacy settings

Recent versions of YouTube have removed some of the earlier options to modify how your video played on your WordPress site (if you are using the embed code option.) You can still remove the player controls (start/stop etc.)

One option that has been added (and that you should use) is the “Enable privacy-enhanced mode.” Essentially when you select this YouTube will not collect information about your visitors unless they play the video.

Found this valuable? Here are more articles all about videos, images and more.

The ultimate guide: How to use images, videos and screenshots in blog posts
4 Ways to Make Your Blog Images Pop
Free Images for your Blog: 7 Awesome Sources

3 Amazing WordPress Plugins to Power up your Blog

more blog traffic

This might be the most important article you read this year.

Okay, a bit of hyperbole, but if you’re trying to get bigger results from your blog, this will be damn good.

In this article we are looking at the 3 plugins we use the most often on this site.

Think of a plugin like an app on your phone. They can be a waste of time and actually slow down your site…or they can be amazing and make life oh-so-much-better. Add to that, most plugins are free, or at the very least have a free version.

Here they are:

1. Better Click to Tweet
2. Insert Post Ads
3. Editorial Calendar

I’m going to spell out the steps for each plug in below. You can also grab some popcorn and watch this 12 minute video.

Video roll:

01:00 Better Click to Tweet
4:38 Insert Post Ads
10:26 Editorial Calendar

1. Better Click to Tweet

This might be the simplest improvement you make to your blogs results—make it easy for readers to Tweet about your blog. In our goldfish-like attention world, nothing is better than saving your customers’ time.

[In our goldfish-like attention world, nothing is better than saving your customers’ time.]

Better Click to Tweet is a simple, free plugin that makes it super easy to let your readers, with just 2 clicks, share your post to all of their followers on Twitter. And that one tweet can put you in front of thousands of followers loyal to that reader.

There are similar tools, like Click to Tweet and plugins like sumome and social warfare offer a click to tweet option.

This video explains how to install the plugin.

Once you have the plugin installed adding a click to tweet is easy:

Copy a quote from your blog you want readers to share. Click on the location in your post you want to insert the click to tweet. Click on the blue bird in your menu bar, paste the quote and you’re done!

more blog traffic

2. Insert Post Ads

This plugin is amazing! I first came across it on Mike Stelzner’s Social Media Examiner’s blog (which has become like a Wiki for how-to social media). I noticed there were ads for his conference on every blog post. And I knew he had thousands of posts – clearly it wasn’t possible to have inserted the ad manually. That’s when I had a peak at his source code and viola!..Insert Post Ads (Thank You Mike.)

On any WordPress site, you can insert a banner for a webinar, live event (like Stelzner did for his conference), book sales, optin, content upgrade, a sale event or your daughter’s lemonade stand.

Within a few minutes your advertisement/offer/announcement is on every blog post on your site. And just as quickly you can remove it.

more blog traffic

Here’s how this clever little plugin works…

Once you have the plugin installed (did I mention it’s free?).

1. Drop the banner image you want displayed into a draft page on your WordPress site. You won’t be publishing this page – it’s just there so you can quickly get the html code from the image.

2. Click on the image, go to edit, and select “Link to Custom URL” and paste the link to the event or sales page you want to promote. Click “Update” to save the banner. Now that you have a linked banner, you need to load that into the Insert Post Ads plugin.

3. Click on “Text” to display the HTML code for that page (if you’re getting confused, watch the video on this page.) Copy the code for that banner into your clipboard. Click “Save Draft” to save your page in WordPress.

4. Go to your Insert Post Ads plugin “Post Adverts > Add New Posts.” Enter the name of the new insert where it says “Advert Title.” Paste the HTML code into “Advert code:” Choose “Display the advert After Paragraph Number” and choose a number. Click “Publish”

That’s it. It’s going to seem like Greek (no offense to all the Greeks who read my blog), but once you’ve done it, oh let’s say 114 times, it gets easier!

I encourage you to write out the steps so next month when you go to replace the banner it’s much quicker.

3. Editorial Calendar

I think I saved my favourite for last.

Imagine having all your blog posts – past and future – nicely organized and displayed on a calendar. Automatically! That’s what the Editorial Calendar plugin (yup, free as well) will do.

[Imagine having all your blog posts – past and future – nicely organized and displayed on a calendar. Automatically!]

All you have to do is install the plugin and presto! it populates with all your posted blogs and – this is my favourite part – it lists all your draft posts in a tidy list in a right-hand side bar.

But, wait, there’s more! (thank you Steve Jobs for that one.)

more blog traffic

You can do a quick edit of a draft right from the calendar. You can also move your draft posts on the calendar and it will automagically update the posting date on the draft.

If you aren’t using a more robust tool, like coschedule or post planner, Editorial Calendar is a slick, nibble alternative. And if you collaborate with an editor or assistant, this tool will save you tons of emails back and forth about dates.

You’re welcome.

Ready to learn more? Here are 3 of our most popular articles on this topic:

7 Types of Call To Action to Move your Blog Readers to Action
Your end of year blog tune up
51 ways to get more business from your blog in the New Year