YouWall: Shorts and Video Feed for YouTube

Описание

YouWall puts your YouTube Shorts and your regular videos on your website. Shorts show up as tall 9:16 tiles, the way they look in the YouTube app. Regular videos show up as 16:9 tiles with their length. When a visitor clicks one, it plays in a popup and they stay on your page.

You can show only Shorts, only videos, or both together with two tabs.

You add your channel once. After that, new uploads appear on your site by themselves.

What you get

  • A Shorts grid with tall tiles. The title and view count sit on the cover.
  • A video grid with 16:9 tiles, showing length, views and upload date. Shorts are left out of this one.
  • A slider you can swipe on a phone, with arrows and dots on desktop. It can also move on its own.
  • Shorts and Videos tabs, so one feed covers both and visitors pick.
  • A popup player. Press Esc or click outside it to close.
  • A Load more button that adds the next batch without reloading the page.
  • Fewer columns on phones, without any setup.
  • Your own spacing, corners, borders and button colors, set in YouWall > Style or per widget in Elementor.

Three ways to add a feed

  1. In the block editor, add the «YouWall» block. You pick the options in the sidebar and see a preview right away.
  2. In Elementor, drag in the «YouWall» widget.
  3. Anywhere else, paste [youwall]. The settings page has a small tool that writes the shortcode for you.

Easy on your API quota

YouTube gives every API key 10,000 free units a day. This plugin only uses the cheap requests, which cost 1 unit each. It never uses YouTube’s search request, which costs 100. Results are saved on your site for two hours by default, so most visitors cost nothing at all.

The «Load more» button only works for feeds your own site shows. Nobody can use your site, and your key, to look up other channels.

Privacy

Videos play from youtube-nocookie.com by default, so YouTube sets no cookies until someone presses play. The player itself only loads after a click. The plugin collects no data about your visitors.

Accessible

Every tile is a real button, so it works with the keyboard. Focus stays inside the popup while it is open and goes back to the video you came from when it closes. The slider stops moving when someone hovers over it, has a pause button, and never moves on its own for visitors who turn off animations on their device.

Shortcode options

All options are optional. Anything you leave out uses the default from YouWall > Display.

  • source: shorts, videos or both (tabs)
  • channel: a handle like @yourchannel, a channel link, or a channel ID. Use it to show a different channel than the one in Settings.
  • layout: grid or slider
  • columns: 1 to 6
  • per_page: how many videos show before «Load more», 1 to 50
  • per_view: videos visible at once in the slider, 1 to 6
  • autoplay, arrows, dots: yes or no, for the slider

Example: [youwall source="videos" layout="slider" per_view="3"]

External services

This plugin connects to services run by Google to show your videos. It needs them to work.

YouTube Data API v3 (googleapis.com)

Used to get the list of Shorts and videos from a channel, their titles, view counts and lengths, and to turn a handle like @yourchannel into a channel ID. The plugin sends your API key, the channel or playlist ID, and the page of results it needs. These requests come from your server, not from your visitors’ browsers. They happen when a page with a feed is shown and the saved results have expired, when a visitor clicks «Load more», and when you click «Test connection» or save your settings.

YouTube image server (i.ytimg.com)

Video thumbnails load from here in your visitors’ browsers when they view a page with a feed. YouTube receives the visitor’s IP address and browser details, like it does for any image.

YouTube video player (youtube-nocookie.com or youtube.com)

The player loads only when a visitor clicks a video. It comes from youtube-nocookie.com, or from youtube.com if you turn off privacy-enhanced mode. From then on YouTube handles playback under its own terms.

YouTube Terms of Service: https://www.youtube.com/t/terms
YouTube API Services Terms of Service: https://developers.google.com/youtube/terms/api-services-terms-of-service
Google Privacy Policy: https://policies.google.com/privacy

This plugin is not made by or affiliated with YouTube or Google. YouTube is a trademark of Google LLC.

Скриншоты

Блоки

Этот плагин предоставляет 1 блок.

  • YouWall: Shorts and Videos Show YouTube Shorts and videos from a channel as a grid or slider.

Установка

  1. Install the plugin from Plugins > Add New and activate it.
  2. Go to YouWall > Connect in the admin menu. It shows how to get a free API key from Google step by step. It takes about five minutes.
  3. Paste the key, type your channel handle (for example @yourchannel) and click Test connection.
  4. Click Save, then add the block, the Elementor widget or the shortcode to any page.

Часто задаваемые вопросы

Do I need a YouTube API key?

Yes. YouTube only gives out channel videos through its Data API, and that needs a key. It is free. The Connect page walks you through getting one.

Is it really free?

Yes. Everything described on this page is in the free plugin. There is no trial and no limit on the number of videos.

I don’t know my channel ID.

You don’t need it. Type your handle (like @yourchannel) or paste your channel link. The plugin looks up the ID when you save.

I uploaded a new video and it’s not showing.

Results are saved for two hours by default to keep your API usage low. Go to YouWall > Dashboard and click «Clear saved results» to fetch fresh ones right away. You can also make the wait shorter on the Display page.

Why do my videos show up in the video grid but not my Shorts?

YouTube keeps Shorts and regular videos in separate lists. Use source="shorts" for Shorts and source="videos" for regular videos, or source="both" to show both with tabs.

Can I show someone else’s channel?

Yes. Any public channel works. Set it on the block or widget, or with channel="@theirhandle" in the shortcode.

Does it work with caching plugins?

Yes. The page can be cached like any other, and «Load more» still works on cached pages.

Will it slow down my site?

The CSS and JavaScript are small and only load on pages that show a feed. Images load lazily, and the video player only loads when someone clicks a video.

What do visitors see if something is wrong, like an invalid key?

Nothing. Error messages only show to people who can edit the site, so visitors never see a broken box.

Is it GDPR friendly?

Privacy-enhanced mode is on by default: no YouTube cookies until a visitor presses play. Thumbnails still load from YouTube’s image server (i.ytimg.com), so mention YouTube in your privacy policy.

Отзывы

Нет отзывов об этом плагине.

Участники и разработчики

«YouWall: Shorts and Video Feed for YouTube» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Перевести «YouWall: Shorts and Video Feed for YouTube» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

1.0.0

  • First release.