YouTube generator
In this article
Tutorial
- 1
-
Go to this page: https://console.developers.google.com/apis/
- 2
-
Click on Create project
-
If you already had projects, you can create a new one from the project selector.
- 3
-
Give a Name to your project, select a Location and click on Create.
- 4
-
Make sure, that your current project is selected at the top.
- 5
-
Press Enable APIs and services.
- 6
-
Look for the YouTube Data API v3 then select it.
Enable it.
- 7
-
Go to Credentials and click on Create credentials. Select OAuth client ID.
- 8
-
Click on Configure consent screen.
- 9
-
Select External user type.
-
This will allow your own account to use this application. If you want to allow another Google user to also have access to this application, after step 10. go to OAuth consent screen and add that gmail email address as Test user.
- 10
-
Enter the App name and User support email.Enter your website's top level domain into the Authorized Domain and add a developer email address. Then click Save and continue.
https
,
www
or subdomain. So if your website is
https://www.example.com
then your top level domain is
example.com
and that is what you need to enter.
- 11
-
After the previous step you won't need to go through the rest of the steps Google will ask about. So just go to OAuth consent screen and press Publish app.
Confirm it.
- 12
-
Go to Credentials. Select Create credentials → OAuth client ID again.
- 13
-
Choose Web application.
- 14
-
Go to the Smart Slider's backend, Global Settings → Generators → YouTube, and copy the Callback url.
- 15
-
Write your website's address under Authorized JavaScript origins, and paste the Callback url under the Authorized redirect URIs, and click on Create.
- 16
-
Copy the Client ID and Client secret.
- 17
-
Go back to the Smart Slider's backend, Global Settings → Generators → YouTube and paste them there. Then click on Request token. (Make sure that you don't have any empty space characters in the end or beginning of them.)
-
- 18
-
Allow your API to get access to your YouTube account.
- 19
-
You will receive a Token, and you should save the settings.
- 20
-
Now the api is done, create a new dynamic slide
To get started, go to any Slider Settings page and add a new dynamic slide. Choose
YouTube
. - 21
-
Configuring the generator
Set up your generator. Choose the settings you want. Popular options you probably want to configure: category where your content will be pulled from, the number of slides you want to have, the ordering of the content.
You can also click on the View Records button to see the data you'll be creating your slide with.
When you're done, click on
Add
. - 22
-
Editing the dynamic slide
After you saved your generator, you'll be redirected to the Slide Editor to set up the look of your slide. You can create your content by using variables.
Not sure what are the variables or how to use them? Learn how to work with variables.
Configuration
You can use these options to set what you want your generator to show.
Filter
By search
Search term
The word you would like to search for in the videos.
By playlist
Channel id - optional
Leave this empty, if you want to get the playlist of your own Youtube user.
If you want to get a different channel's playlist, go to the channel, for example:
https://www.youtube.com/c/NEXTEND
right click somewhere on its page → choose "View page source" → with Ctrl + F search for the word "channelId", and you should be able to find the ID within the code:
If you insert the ID within our option, the Playlist should automatically refresh:
Playlist
Choose one from your playlists from where you want to show the videos.
Privacy status 3.5.1.9
You can select which privacy status videos you would like to get.
Generator Settings
Learn about the Generator Settings
at the Generator Settings documentation.
Variables
These are the available variables you can use to build your dynamic slide content in the Slide Editor.
Not sure what are the variables or how to use them? Learn how to work with variables.
By search, By playlist
- video_id - The id of the video.
- video_url - The url of the video.
- title - The title of the video.
- description - The description of the video.
- thumbnail - The default size thumbnail image of the video.
- thumbnail_medium - The medium size thumbnail image of the video.
- thumbnail_high - The high size thumbnail image of the video.
- channel_title - The title of the the video's channel.
- channel_url - The url of the the video's channel.