How to Embed YouTube Feed on Your Website with WP Social Ninja (Part 1)

Are you looking for a simple solution to embed your YouTube feed on your WordPress website?

YouTube contents help to grow your business worldwide. You can reach out to a bigger audience even if they don’t speak your language. Moreover, it escalates the conversion rates!

Well, video contents are probably the most engaging word of mouth marketing today. Furthermore, it creates a huge buzz and helps your audience find you easily on Google.

However, without embedding a YouTube social feed on your website you can’t take advantage of your video content. In this article, we’ll show you the simplest way to embed your YouTube channel/ playlist/ specific videos or live streams on your website.

We’ll talk about the step-by-step process but before that let’s check out the YouTube feed table of content-

YouTube feed integration

To add a YouTube feed to your website, you need to connect with the YouTube server to fetch the feeds from their repositories. WP Social Ninja has a simple way to connect with YouTube on your website.

Simply follow a few simple steps-

YouTube feed configuration
YouTube

Social Feeds | YouTube

YouTube configuration has three Credentials Types; OAuth 2.0, API Key, and Manually Connect a Primary Account.

OAuth2.0

Select the credential type to start the configuration.

YouTube feed OAuth2.0
OAuth2.0

Next, click on the Sign In And Get Google Access Code to get the Access Code. This will take you to a new window.

Sign In & Get Google Access Code

Here, you need to select the Email associated with your YouTube account.

Step 1

Continue with your YouTube account.

YouTube feed to choose an account
Choose an Account

Choose your YouTube email account to continue with WP Social Ninja.

Step 2

Click on the Allow button to grant access permission.

Sign In with Google

Step 3

Now copy the Access Code and paste it into the YouTube Configuration page to configure YouTube Feed.

YouTube feed access code
Copy Code

Step 4

Access Code

Click the Save button to complete the configuration process.

YouTube feed successful configuration
Successful Configuration

And you’ve successfully configured YouTube OAuth2.0.

API Key

Step 1

Click on YouTube to start the configuration process.

Credential Types

Click on the API Key to obtain the YouTube API Key.

Step 2

First of all, go to console.developers.google.com oauth. To acquire the API Key from the Google APIs you need to create a New Project.

YouTube feed select a project
Select a Project

Click on the New Project to select or create a new one.

Select or Create

You can Search projects and folders or create a New Project. In order to create a New Project click on it.

YouTube feed new project
New Project

Put your Project name and click on the Create button. You will get a Notification with New Project.

Step 3

Now, click on the Credentials from APIs & Services to get the API Key.

Create Credentials

Once you are done with the project click on the Create Credentials button to create API Key.

YouTube feed API Key
API Key

Next, click on the API Key button.

API Key Created

Congratulations! You have got your YouTube API Key.

Step 4

In order to configure the YouTube Feed, you need to Enable the YouTube Data API v3 button; otherwise, the API Key will not work. Now click on the Library to enable the YouTube Data API v3.

API credentials

From the API Library, scroll down and select the YouTube Data API v3.

YouTube Data API v3

Now Enable the button.

Step 5

In this step, copy and paste it to insert the API Key to configure YouTube Feeds.

YouTube Configuration

Now Click on the Save button to verify YouTube Social Feed.

YouTube feed Successful Verification
Successful Verification

And there you go! You have successfully managed to fetch the YouTube Social Feed.

Manually Connect a Primary Account

In order to Manually Connect a Primary Account, you need the Access Token. However, if you already have the Access Token, you can easily connect with your YouTube Channel.

YouTube Feed Type

Currently, we have five Feed Types; Channel, Playlist, Search, Specific Videos, and Live Streams. You can select any Feed Type; for example, if you select Channel, then you need a Channel ID to fetch the YouTube Channel Feed on your website. Similarly, if you pick a Playlist, then you need a Playlist ID.

However, for every Feed Type, you have a Total Feed section to fetch the videos. 

Feed Type

Adjust your video amount by clicking on the arrow sign. Once you are done, click on Fetch Videos to display the videos on your YouTube Feed.

In the next step, We’ll guide you on how to obtain the Feed Type IDs.

Channel ID

To obtain Channel ID, you first need to visit YouTube.com and select any Channel. To require a Channel ID, you have two choices.

Step 1: Here, We’ll explain how you can obtain a Channel ID from your Channel. To start off, go to your Channel and then click on the YouTube Settings.

Channel ID | Settings

Next, from Settings, you will find View Advanced Settings. Click to require the Channel ID.

Obtaining Channel ID

Copy and Paste it to insert the Channel ID and click on the Fetch Videos to fetch the Channel Videos.

YouTube feed Channel ID
Channel ID

Once you are done, click on the Save Template button.

Step 2: For demonstration purposes, I will go with WP Manage Ninja. To understand more, see the screenshots below-

Obtaining Channel ID

As you can see the URL, copy the selected URL and paste it to insert the Channel ID. Don’t forget to click on the Fetch Videos

Note that you are to select the URL after the channel/ and the ID will look something like “UCiyeXfnGx9e06hXWf0Hz7ow”.

Channel ID

Now click on the Save Template button.

Playlist ID

Similar to Channel ID, to fetch the Playlist, you need the Playlist ID. You can do it in the following two steps-

Step 1: To add Playlist ID from your Channel, click on your Channel and then click on the YouTube Studio.

YouTube Studio

This will take you to the Channel Dashboard. From the left side, click on the Playlists to collect the URL.

YouTube feed copy URL
Copy URL

Now copy the selected URL and insert it on the Playlist ID. Next, click on the Fetch Videos button. 

Make sure you select the URL after the list=, and the ID will look like “PLXpD0vT4thWEu4gAkLE0Eq7PRCFp_8j2z”.

Playlist ID

After you have completed it, don’t forget to click on the Save Template button.

Step 2: Go to the YouTube channel and click on the Playlists to obtain the Playlist ID.

Playlists

This will take you straight to the WPManageNinja Channel Playlists. Next, click the Playlist that you want to display on your website.

Playlist URL

In the screenshot, you can see the URL. Now copy the selected URL and insert it on the Playlist ID. Make sure you click on the Fetch Videos.

Remember, select the URL after the list=, and the ID will look something like “PLXpD0vT4thWF0mLcvKKSbt281wt1bMcfP”.

YouTube feed playlist id
Playlist ID

To preserve your settings, click on the Save Template button.

Search Term

Once you select the Search Feed, Search Term will automatically appear. In this field, you need to fill up the search term in order to fetch the videos to your YouTube feed.

For example, if you put Plugin on the Search Term and click on the Fetch Videos. The search result will display all the Plugin related videos.

Search Term

To move on to the next field, click on the Save Template button.

Specific Videos

Now it’s time to select the Feed Type: Specific Videos. Similar to Search Feed, once you select the Specific Videos, the Video ID menu will appear.

In this field, you can select a particular video to fetch on your YouTube feed. To obtain a Video ID, go to YouTube and select the Video.

However, you can also add multiple videos to your Feed. To do that, add more videos after a comma on the Video ID section. For example, nn0q2FOPfUA, rE8j6zFjKac&t=156s.

For this demonstration, we will go with a single Video ID.

YouTube feed Obtain Video ID
Obtain Video ID

From the Video URL, copy the selected URL and paste it to insert it on the VIdeo ID. After you have pasted the Video ID, click on the Fetch Videos to display the videos on the YouTube Feed.

Keep in mind, only select the ID after the v=, and the Video ID looks like “nn0q2FOPfUA”.

Video ID

Click on the Save Template button and move on to the next step.

Live Streams

Our last Feed type is Live Streams. To fetch Live Streams feed on your website, you need Channel ID. Next, you have to select an Event Type. We have three types at the moment; Completed, Upcoming, and Live.

To fetch Live Videos Event Type on your Feed, you need the Channel ID. For example, if you select Completed, you will need the Channel ID to fetch the videos. We have already discussed how to integrate the Channel ID.

YouTube feed live streams
Live Streams

You can find the Completed Live Videos from your YouTube Channel or YouTube Recent Live Streams. Select any video to fetch on your YouTube Feed.

However, all the Live Streams Event Type has a similar integration process. So you can select any Event Type; Upcoming or Live. Follow the above-mentioned steps to fetch Upcoming or Live Streams.

So there you have it! Select any YouTube Feed Type that suits your brand.

Conclusion

YouTube feed configuration with WP Social Ninja is totally a non-techie task. WP Social Ninja, the all-rounder social media plugin, has a painless configuration process. All you need to do is follow the basic guidelines.

YouTube feed settings

Moreover, we have created a series of how-to guides on YouTube feed to explain even the smallest steps for you. Contact our support team for any queries!

Similar Posts

One Comment

Comments are closed.