“Social Network Integrations” Documentation by “WPWeb”

Note: Youtube data API allows only 10K units (5 videos) per day. For more details click here.

To get a YouTube Application detail, go and visit: https://console.developers.google.com/project.

You need to be logged in to your YouTube account to be able to get YouTube Application id and channel secret. So first, login to your YouTube account and then follow the link above to get to their developer page. This should look similar to the one shown in the image below.

After open the project screen, Enter Project Name and Project ID will be auto generated. After that Click on the “Create” button to create Project as shown in the image below:

After creating the project you will be redirect to the project listing page as shown in the image below:

Now, you have to enable YouTube data API V3

 

 

Now, click on menu “Credentials” and select the “OAuth consent screen” tab as shown in the image below:

 

Note: You must have to add Email Address, Authorized domains and Application Name on Consent Screen page. Authorized domains should be the site url where you want social login to be work. Without this info your apps will not work and always generate a invalid client id error.

After saving the “OAuth consent screen”, you will be redirect to the Credential tab. Now click on Create credential > OAuth client ID link as shown in the image below:

Now fill all fields as shown in the image below:

Note: When you enter the URL of your website in to the Website field, make sure that it does match the URL of your website 100%. This means, if you go to your website and then check the URL in the browser and the URL does look like http://www.domain.com then you need to enter the exact same URL. If your website URL is http://domain.com then you need to enter it that way, without using the www at the front of the name.

After creation of Client Id, You will get app detail to the popup as shown in the image below:

Now, Copy the Client Id and client secret to the YouTube settings within the Plugin settings page. Once you save the settings, it will display valid OAuth redirect URI.

Important: When you copy and paste the Client Id and client secret, make sure, that you don’t have any empty spaces, either at the beginning nor at the end of these entries. If you have any empty spaces, then the Application won’t work and will show an error message when you try to connect to the App.

 

Now, Copy the redirect URI and paste it within the Google console settings. See the image below:

After entering redirect URI, click on the “Save Changes” button within the plugin’s settings page and grant the extended permissions.