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, you can’t take advantage of your video content without embedding a YouTube social feed on your website. 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-
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.
Next, click on the Sign In And Get Google Access Code to get the Access Code. This will take you to a new window.
Here, you need to select the Email associated with your YouTube account.
Step 1
Continue with your YouTube account.
Choose your YouTube email account to continue with WP Social Ninja.
Step 2
Click on the Allow button to grant access permission.
Step 3
Now copy the Access Code and paste it into the YouTube Configuration page to configure YouTube Feed.
Step 4
Click the Save button to complete the configuration process.
And you’ve successfully configured YouTube OAuth2.0.
API Key
Step 1
Click on YouTube to start the configuration process.
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.
Click on the New Project to select or create a new one.
You can Search projects and folders or create a New Project. In order to create a New Project click on it.
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.
Once you are done with the project click on the Create Credentials button to create API Key.
Next, click on the API Key button.
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.
From the API Library, scroll down and select the 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.
Now Click on the Save button to verify YouTube Social Feed.
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.
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.
Next, from Settings, you will find View Advanced Settings. Click to require the Channel ID.
Copy and Paste it to insert the Channel ID and click on the Fetch Videos to fetch the Channel Videos.
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-
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”.
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.
This will take you to the Channel Dashboard. From the left side, click on the Playlists to collect the 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”.
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.
This will take you straight to the WPManageNinja Channel Playlists. Next, click the Playlist that you want to display on your website.
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”.
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.
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.
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”.
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 a 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.
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.
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!
