Cách nhúng luồng phát trực tiếp YouTube vào WordPress

Mục lục

Bạn có muốn nhúng luồng phát trực tiếp YouTube vào website WordPress của mình không?

Nhúng luồng phát trực tiếp của YouTube vào website của bạn có thể tăng mức độ tương tác bằng cách cho phép người dùng tương tác với bạn và content của bạn theo thời gian thực.

Trong bài viết này, WPBeginner Việt Nam sẽ chỉ cho bạn cách nhúng luồng phát trực tiếp YouTube vào WordPress một cách dễ dàng.

Cách nhúng luồng trực tiếp YouTube vào WordPress

Tại sao nên nhúng YouTube Live Streams vào WordPress

Phát trực tiếp cho phép bạn phát video hoặc content âm thanh trực tiếp qua Internet, cho phép người dùng xem video theo thời gian thực.

Nhúng luồng phát trực tiếp trên YouTube vào website WordPress của bạn là một cách tuyệt vời để kết nối với khán giả và tiếp cận nhiều người dùng hơn.

Phát trực tiếp trên YouTube

Nó cũng có thể tăng sự tương tác của người dùng bằng cách cho phép bạn tương tác với người dùng website.

Phát trực tiếp trên YouTube cũng có thể giúp tăng SEO cho website và thu hút nhiều traffic hơn. Nghiên cứu đã chỉ ra rằng các bài đăng trên blog có ít nhất một video thu hút nhiều người dùng hơn khoảng 83% so với content không có video.

Sau đây, chúng ta hãy cùng xem cách nhúng luồng phát trực tiếp YouTube vào WordPress một cách dễ dàng.

Cách nhúng luồng phát trực tiếp YouTube vào WordPress

Cách dễ nhất để nhúng luồng trực tiếp trên YouTube là sử dụng Smash Balloon YouTube Nguồn cấp dữ liệu chuyên nghiệp plugin.

Đây là plugin YouTube WordPress tốt nhất trên thị trường cho phép bạn nhúng video YouTube và phát trực tiếp trên website của mình.

Đầu tiên, bạn cần cài đặt và kích hoạt YouTube Nguồn cấp dữ liệu chuyên nghiệp plugin. Để biết thêm hướng dẫn, vui lòng xem hướng dẫn dành cho người mới bắt đầu về cách cài đặt plugin WordPress.

Ghi chú: YouTube Feed cũng có một phiên bản miễn phíTuy nhiên, nó không hỗ trợ tính năng Phát trực tiếp.

Sau khi kích hoạt, hãy truy cập Nguồn cấp dữ liệu Youtube » Settings trang từ sidebar quản trị WordPress. Tại đây, bạn phải nhập khóa cấp phép và nhấp vào nút ‘Kích hoạt’.

Bạn có thể lấy thông tin này từ tài khoản của mình trên website Smash Balloon.

Kích hoạt khóa cấp phép Smash Balloon của bạn

Tiếp theo, hãy ghé thăm Nguồn cấp dữ liệu YouTube » Tất cả nguồn cấp dữ liệu trang từ dashboard WordPress.

Từ đây, nhấp vào nút ‘Thêm mới’ ở trên cùng.

Nhấp vào nút Thêm mới để thêm nguồn cấp dữ liệu YouTube

Thao tác này sẽ mở ra lời nhắc ‘Chọn loại nguồn cấp dữ liệu’ trên màn hình.

Để tiếp tục, bạn phải chọn option ‘Phát trực tiếp’ và nhấp vào nút ‘Tiếp theo’.

Chọn phát trực tiếp làm loại nguồn cấp dữ liệu

Ở bước tiếp theo, bạn cần kết nối YouTube Feed Pro với tài khoản YouTube của mình. Bạn sẽ được yêu cầu cung cấp khóa API YouTube của mình.

Nếu bạn đã có khóa API, chỉ cần sao chép và dán vào hộp ‘Nhập khóa API’ và nhấp vào nút ‘Thêm’.

Thêm khóa API YouTube

Tạo Khóa API YouTube

Nếu bạn chưa có khóa API, hãy truy cập Bảng điều khiển đám mây của Google và đăng nhập bằng tài khoản Google của bạn.

Sau khi đăng nhập, hãy nhấp vào nút ‘Chọn dự án’ ở trên cùng.

Nhấp vào nút Chọn dự án

Thao tác này sẽ mở ra một popup hiển thị tất cả các dự án bạn đã tạo.

Bây giờ, hãy nhấp vào nút ‘Dự án mới’ ở góc trên bên phải.

Nhấp vào nút Dự án mới

Thao tác này sẽ đưa bạn đến trang ‘Dự án mới’, nơi bạn có thể bắt đầu bằng cách nhập tên cho dự án của mình. Tên có thể là bất kỳ tên nào giúp bạn dễ dàng xác định dự án.

Tiếp theo, bạn phải chọn một ‘Tổ chức’ và vị trí của nó từ dropdown menu. Bạn có thể chọn ‘Không có tổ chức’ và nhấp vào nút ‘Tạo’ để tiếp tục.

Chọn tên dự án và tổ chức của nó

Sau khi dự án được tạo, bạn sẽ được đưa đến dashboard của dự án.

Từ đây, nhấp vào nút ‘+ Bật API và dịch vụ’ ở menu trên cùng.

Nhấp vào nút + BẬT API VÀ DỊCH VỤ

Thao tác này sẽ đưa bạn đến trang Thư viện API. Trang này hiển thị các dịch vụ Google khác nhau mà bạn có thể tạo API và sử dụng trong các dự án của mình.

Bây giờ hãy tiếp tục và tìm kiếm ‘YouTube Data API v3’ trong hộp tìm kiếm.

Tìm kiếm option API dữ liệu YouTube v3

Khi kết quả ‘YouTube Data API v3’ hiện ra, chỉ cần nhấp vào kết quả đó.

Bây giờ bạn sẽ được chuyển hướng đến một màn hình mới, tại đó bạn cần nhấp vào nút “Bật” để kích hoạt khóa API YouTube.

Bật API YouTube

Thao tác này sẽ đưa bạn đến trang ‘Chi tiết API/Dịch vụ’.

Từ đây, nhấp vào nút ‘Tạo thông tin xác thực’ ở trên cùng.

Nhấp vào nút Tạo thông tin xác thực

Tiếp theo, bạn sẽ được chuyển hướng đến một trang mới, tại đó bạn phải đánh dấu vào ô bên cạnh option ‘Dữ liệu công khai’.

Sau đó, nhấp vào nút ‘Tiếp theo’ để tạo API của bạn.

Đánh dấu vào ô Dữ liệu công khai và nhấp vào nút Tiếp theo

Khóa API của bạn sẽ được tạo và hiển thị trên trang.

Chỉ cần sao chép khóa này và nhấp vào nút ‘Xong’.

Sao chép khóa API YouTube

Bây giờ đã đến lúc quay lại dashboard WordPress.

Tiếp tục dán khóa API vào hộp Yêu cầu khóa API. Sau đó, nhấp vào nút ‘Thêm’ để tiếp tục.

Thêm khóa API YouTube

Thêm YouTube Live Stream vào website WordPress của bạn

Sau khi thêm khóa API YouTube, bạn sẽ được chuyển hướng đến trang ‘Chọn loại nguồn cấp dữ liệu’.

Từ đây, nhấp vào option ‘Phát trực tiếp’ một lần nữa, sau đó nhấp vào nút ‘Tiếp theo’.

Thao tác này sẽ mở trang ‘Thêm ID kênh để phát trực tiếp’.

Truy cập trang Thêm ID kênh để phát trực tiếp

Bây giờ, bạn cần truy cập kênh YouTube có chứa video phát trực tiếp của bạn.

Từ đây, hãy sao chép văn bản theo sau ‘/channel/’ hoặc ‘/user/’ trong URL ở trên cùng.

Sao chép code sau kênh hoặc người dùng trong URL

Tiếp theo, hãy quay lại dashboard WordPress và dán code vào hộp ‘Thêm ID kênh để phát trực tiếp’.

Sau đó, nhấp vào nút ‘Kết nối’ để kết nối kênh YouTube của bạn với WordPress.

Sau khi kênh được kết nối, hãy nhấp vào nút ‘Tiếp theo’ để tiếp tục.

Thêm code và nhấp vào nút kết nối

Tùy chỉnh nguồn cấp dữ liệu YouTube của bạn

Bây giờ nguồn cấp dữ liệu phát trực tiếp trên YouTube của bạn đã được tạo, bạn có thể custom nó. YouTube Feed Pro của Smash Balloon cung cấp nhiều option hiển thị khác nhau.

Đầu tiên, bạn phải chọn một mẫu trên trang ‘Bắt ​​đầu với một mẫu’. Bạn có thể chọn từ các layout Mặc định, Băng chuyền, Thẻ, Danh sách, Thư viện hoặc Lưới.

Sau khi đã đưa ra lựa chọn, hãy nhấp vào nút ‘Tiếp theo’.

Chọn một mẫu cho nguồn cấp dữ liệu YouTube trực tiếp của bạn

Sau khi thực hiện xong, một màn hình chỉnh sửa sẽ mở ra, hiển thị bản xem trước nguồn cấp dữ liệu YouTube của bạn ở bên phải và các cài đặt custom ở cột menu bên trái.

Tại đây, bạn có thể bắt đầu bằng cách mở rộng bảng ‘Bố cục nguồn cấp dữ liệu’.

Trình chỉnh sửa Nguồn cấp dữ liệu YouTube

Trên màn hình này, bạn có thể chuyển đổi giữa các layout.

Bạn cũng có thể cấu hình các thiết lập bổ sung tùy thuộc vào layout bạn chọn.

Tùy chỉnh layout nguồn cấp dữ liệu YouTube

Tiếp theo, bạn cần nhấp vào bảng ‘Bảng màu’.

Theo mặc định, YouTube Feed Pro sử dụng cùng một bảng màu với theme WordPress của bạn. Tuy nhiên, bạn cũng có thể sử dụng bảng màu ‘Sáng’ hoặc ‘Tối’ cho nguồn cấp dữ liệu video.

Bạn cũng có thể thiết kế bảng màu riêng của mình bằng cách nhấp vào option ‘Tùy chỉnh’ rồi sử dụng nút điều khiển để thay đổi màu nền, màu văn bản và màu link.

Tùy chỉnh bảng màu nguồn cấp dữ liệu

Để thêm tiêu đề vào nguồn cấp dữ liệu YouTube của bạn, bạn cần truy cập dashboard ‘Tiêu đề’. Từ đây, hãy bật công tắc ‘Bật’ để kích hoạt tiêu đề.

Bạn cũng có thể sử dụng các điều khiển để chuyển đổi giữa kiểu tiêu đề chuẩn và tiêu đề văn bản. Chọn option ‘Văn bản’ sẽ cho phép bạn thay đổi kích thước và màu sắc của văn bản.

Tùy chỉnh tiêu đề nguồn cấp dữ liệu YouTube

Bạn cũng có thể custom giao diện của trình phát video bằng cách vào bảng ‘Video’.

Tại đây, bạn sẽ thấy danh sách các option.

Tùy chọn dashboard video

Để custom layout video và các thuộc tính riêng lẻ, hãy truy cập bảng cài đặt ‘Kiểu video’.

Tại đây, bạn có thể chọn layout video, màu nền và đường viền.

Tùy chỉnh kiểu video

Sau đó, mở bảng ‘Chỉnh sửa từng phần tử’. Tại đây, hãy đánh dấu vào các ô bên cạnh các phần tử bạn muốn hiển thị cùng với video phát trực tiếp trên YouTube.

Bạn có thể hiển thị hoặc ẩn icon Phát, tiêu đề video, countdown phát trực tiếp, mô tả, v.v.

Chỉnh sửa các thành phần riêng lẻ mà bạn muốn hiển thị cùng với video

Tiếp theo, hãy chuyển đến cài đặt ‘Trạng thái di chuột’. Tại đây, bạn có thể chọn các thành phần riêng lẻ sẽ được hiển thị khi người dùng di chuột qua video YouTube.

Bạn có thể chọn nhiều yếu tố, bao gồm tiêu đề video, mô tả, ngày, lượt xem, v.v.

Tùy chỉnh trạng thái di chuột

Sau đó, hãy truy cập dashboard ‘Trải nghiệm trình phát video’.

Bây giờ bạn có thể thay đổi tỷ lệ khung hình của trình phát video. Bạn cũng có thể chọn video sẽ tự động phát hay chờ cho đến khi người dùng nhấp vào nút phát.

Tùy chỉnh trải nghiệm trình phát video

Sau khi custom từng thành phần video, hãy chuyển sang bảng ‘Tải thêm nút’.

Tại đây, trong phần cài đặt ‘Tải thêm nút’, bạn có thể chuyển nút chuyển sang ‘Bật’. Thao tác này sẽ hiển thị thêm các recommend video sau khi phát trực tiếp.

Bạn cũng có thể chọn màu nền, trạng thái di chuột và văn bản từ các cài đặt ở bảng bên trái.

Tùy chỉnh nút Tải thêm

Sau đó, chuyển sang bảng ‘Nút Đăng ký’ và bật công tắc sang ‘Bật’ nếu bạn muốn kích hoạt nút đăng ký YouTube.

Bạn cũng có thể thay đổi màu sắc, văn bản và trạng thái di chuột của nút trong phần cài đặt.

Tùy chỉnh nút Đăng ký

Sau khi custom nguồn cấp dữ liệu trực tiếp của YouTube, bạn có thể xem trước giao diện của nguồn cấp dữ liệu trên máy tính để bàn, máy tính bảng và điện thoại thông minh. Chỉ cần nhấp vào các nút khác nhau ở góc trên bên phải để xem trước nguồn cấp dữ liệu trên các thiết bị khác nhau.

Cuối cùng, đừng quên nhấp vào nút ‘Lưu’ ở trên cùng để Save Changes.

Xem trước và lưu nguồn cấp dữ liệu

Nhúng YouTube Live Stream vào Trang WordPress

Bước tiếp theo là nhúng nguồn cấp dữ liệu trực tiếp YouTube của bạn vào trang WordPress. Để thực hiện việc này, trước tiên bạn phải nhấp vào nút ‘Nhúng’ ở trên cùng.

Thao tác này sẽ mở lời nhắc ‘Nhúng nguồn cấp dữ liệu’. Để tiếp tục, hãy nhấp vào nút ‘Thêm vào trang’.

Nhấp vào nút Thêm vào trang để nhúng nguồn cấp dữ liệu YouTube

Cửa sổ bật lên sẽ hiển thị danh sách tất cả các trang WordPress trên website của bạn.

Chỉ cần chọn trang bạn muốn nhúng luồng phát trực tiếp YouTube và nhấp vào nút ‘Thêm’.

Chọn trang mà bạn muốn nhúng nguồn cấp dữ liệu và nhấp vào nút Thêm

Trang bạn đã chọn sẽ mở ra trong trình soạn thảo block.

Từ đây, nhấp vào nút ‘Thêm block’ (+) ở góc trên bên trái và tìm kiếm block Nguồn cấp dữ liệu cho YouTube.

Khi tìm thấy, bạn có thể thêm block vào trang của mình bằng cách nhấp vào block đó.

Nhúng Nguồn cấp dữ liệu YouTube vào một trang

Đừng quên nhấp vào nút ‘Cập nhật’ hoặc ‘Xuất bản’ để Save Changes hoặc cập nhật chúng.

Đây là giao diện của nguồn cấp dữ liệu trực tiếp trên YouTube trên website demo của WPBeginner Việt Nam.

Xem trước trang Nguồn cấp dữ liệu YouTube

Thêm Nguồn cấp dữ liệu trực tiếp của YouTube dưới dạng Tiện ích

Bạn cũng có thể thêm nguồn cấp dữ liệu trực tiếp của YouTube vào sidebar WordPress dưới dạng tiện ích.

Đầu tiên, hãy đến Giao diện » Tiện ích trang từ sidebar quản trị.

Tại đây, hãy nhấp vào nút ‘Thêm block’ (+) ở góc trên bên trái của màn hình và tìm block Nguồn cấp dữ liệu cho YouTube.

Tiếp theo, nhấp vào block để thêm nó vào vùng tiện ích.

Thêm Nguồn cấp dữ liệu YouTube dưới dạng tiện ích

Đừng quên nhấp vào nút ‘Cập nhật’ để Save Changes.

Đây là giao diện của nguồn cấp dữ liệu trực tiếp trên YouTube ở sidebar trên website demo của WPBeginner Việt Nam.

Xem trước tiện ích của nguồn cấp dữ liệu YouTube

Thêm luồng phát trực tiếp YouTube vào Trình chỉnh sửa website đầy đủ

Nếu bạn đang sử dụng theme dạng block thì phương pháp này dành cho bạn.

Đầu tiên, hãy đi đến Xuất hiện » Biên tập viên từ sidebar quản trị để khởi chạy trình chỉnh sửa website.

Từ đây, nhấp vào nút ‘Thêm block (+)’ ở trên cùng và tìm block Nguồn cấp dữ liệu cho YouTube.

Tiếp theo, bạn có thể kéo và thả block đến bất cứ nơi nào bạn muốn hiển thị nguồn cấp dữ liệu YouTube trên trang của mình.

Thêm nguồn cấp dữ liệu YouTube vào FSE

Khi hoàn tất, đừng quên nhấp vào nút ‘Lưu’ để áp dụng thay đổi.

Sau đây là bản xem trước các buổi phát trực tiếp trên website demo của WPBeginner Việt Nam.

Bản xem trước của FSE về nguồn cấp dữ liệu trực tiếp của YouTube

Phần thưởng: Nhúng danh sách phát YouTube vào WordPress

Ngoài các luồng trực tiếp, bạn cũng có thể nhúng danh sách phát YouTube vào trang WordPress của mình bằng Nguồn cấp dữ liệu YouTube Smash Balloon plugin.

Bạn có thể sử dụng danh sách phát này để thu hút sự chú ý của người dùng, tăng cường sự tương tác và giảm tỷ lệ thoát.

Để thêm danh sách phát YouTube, hãy truy cập Nguồn cấp dữ liệu YouTube » Tất cả nguồn cấp dữ liệu và nhấp vào nút ‘Thêm mới’. Thao tác này sẽ chuyển hướng bạn đến một màn hình mới, tại đó bạn phải chọn option ‘Danh sách phát’ làm loại nguồn cấp dữ liệu.

Chọn danh sách phát làm loại nguồn cấp dữ liệu

Sau đó, bạn sẽ cần kết nối tài khoản YouTube của mình với Smash Balloon bằng cách cung cấp khóa API từ Google Console.

Sau đó, bạn phải mở danh sách phát YouTube mà bạn muốn thêm và sao chép ID của danh sách phát đó từ URL ở trên. ID này sẽ là một chuỗi các chữ cái và số sau ký hiệu ‘=’ trong URL.

Bây giờ, bạn có thể truy cập dashboard WordPress để thêm ID danh sách phát vào trường ‘Thêm nguồn’ và nhấp vào nút ‘Tiếp theo’.

Sau khi thực hiện xong, trình chỉnh sửa nguồn cấp dữ liệu của Smash Balloon sẽ mở ra trên màn hình, nơi bạn có thể custom giao diện danh sách phát theo ý thích.

Thêm ID danh sách phát

Bây giờ bạn đã thêm thành công danh sách phát YouTube của mình. Để biết thêm chi tiết về điều này, bạn có thể xem hướng dẫn của WPBeginner Việt Nam về cách nhúng danh sách phát YouTube vào WordPress.

Chúng tôi hy vọng bài viết này giúp bạn biết cách nhúng luồng trực tiếp YouTube vào WordPress. Bạn cũng có thể muốn đọc hướng dẫn của WPBeginner Việt Nam về cách thêm nguồn cấp dữ liệu phương tiện truyền thông xã hội của bạn vào WordPress hoặc xem các lựa chọn hàng đầu của WPBeginner Việt Nam về các plugin phương tiện truyền thông xã hội tốt nhất để phát triển website của bạn.

Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi WPBeginner Việt Nam Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy WPBeginner Việt Nam trên TwitterFacebook.

5/5 - (136 bình chọn)
Facebook
Twitter
LinkedIn
Telegram
Email
Đội Ngũ Biên Tập