Làm cách nào để nhúng (embed) một YouTube Live Stream vào WordPress

Lượt xem
Home

Bạn có muốn nhúng YouTube Live Stream trên trang web WordPress của mình không? Nhúng YouTube Live Stream trên trang web WordPress của bạn có thể tăng mức độ tương tác bằng cách cho phép khách truy cập tương tác với bạn và nội dung của bạn trong thời gian thực. Trong bài viết này, Vietnix sẽ chỉ cho bạn cách dễ dàng nhúng YouTube Live Stream vào WordPress.

Tại sao nhúng (embed) YouTube Live Stream vào WordPress

Phát trực tiếp (live streaming) cho phép bạn phát sóng nội dung video hoặc âm thanh trực tiếp qua internet, cho phép người dùng xem video theo thời gian thực.

YouTube Live Stream
YouTube Live Stream

Nhúng một YouTube Live Stream vào trang web WordPress của bạn là một cách tuyệt vời để kết nối với đối tượng của bạn và tiếp cận nhiều người dùng hơn.

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 khách truy cập trang web.

Một YouTube Live Stream cũng có thể giúp cải thiện SEO của trang web và thu hút nhiều lưu lượng truy cập hơn. Nghiên cứu đã chỉ ra rằng các bài đăng blog có ít nhất một video nhận được khoảng 83% lượt truy cập hơn so với nội dung không có video.

Nói như vậy, chúng ta hãy xem cách bạn có thể dễ dàng nhúng một YouTube Live Stream vào WordPress.

Cách nhúng một YouTube Live Stream vào WordPress

Cách đơn giản nhất để nhúng một YouTube Live Stream là sử dụng plugin YouTube Feed Pro của Smash Balloon.

Đây là plugin tốt nhất cho luồng YouTube trên WordPress, cho phép bạn nhúng video và YouTube Live Stream vào trang web của mình.

Đầu tiên, bạn cần cài đặt và kích hoạt plugin YouTube Feed Pro. Để biết thêm hướng dẫn, vui lòng xem hướng dẫn cho người mới bắt đầu của Vietnix về cách cài đặt plugin WordPress.

Lưu ý: YouTube Feed cũng có phiên bản miễn phí. Tuy nhiên, phiên bản miễn phí không hỗ trợ tính năng YouTube Live Stream.

Sau khi kích hoạt plugin, bạn cần truy cập trang Cài đặt (Settings) của YouTube Feed từ thanh bên quản lý. Tại đây, bạn cần nhập mã giấy phép (license key) và nhấp vào nút “Activate”.

Bạn có thể lấy mã giấy phép từ trang Accounts trên trang web của Smash Balloon.

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

Tiếp theo, bạn cần truy cập trang All Feeds của YouTube Feed từ thanh bên quản lý WordPress.

Từ đây, đơn giản chỉ cần nhấp vào nút Add New ở phía trên cùng.

Nhấp vào nút Add new để thêm YouTube Feed
Nhấp vào nút Add new để thêm YouTube Feed

Điều này sẽ mở hộp thoại Select Feed Type.

Bây giờ, bạn cần chọn tùy chọn Live Streams và sau đó nhấn vào nút Next để tiếp tục.

Chọn luồng trực tiếp làm loại Feed
Chọn luồng trực tiếp làm loại Feed

Trong 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 bạn. Bạn sẽ được yêu cầu cung cấp mã API của YouTube.

Nếu bạn đã có mã API, chỉ cần sao chép và dán nó vào ô “Enter API Key” và nhấp vào nút “Add”.

Thêm khóa API YouTube
Thêm khóa API YouTube

Tạo khóa API YouTube

Nếu bạn chưa có mã API, bạn cần truy cập vào Google Cloud Console và đăng nhập bằng tài khoản Google của mình.

Sau khi đăng nhập, nhấp vào nút Select a project ở phía trên.

Nhấp vào nút Select Project
Nhấp vào nút Select Project

Điều này sẽ mở một cửa sổ pop-up hiển thị tất cả các dự án bạn đã tạo.

Tiếp theo, đơn giản chỉ cần nhấp vào nút “New Project” ở phía trên cùng.

Nhấp vào nút New project
Nhấp vào nút New project

Điều này sẽ đưa bạn đến trang New Project, nơi bạn có thể bắt đầu bằng cách nhập tên cho dự án của mình. Điều này có thể là bất cứ điều gì giúp bạn dễ dàng nhận ra nó.

Tiếp theo, bạn cũng phải chọn một Organization và địa điểm của nó từ menu drop down. Bạn có thể chọn No Organization và nhấp vào nút Create để tiếp tục.

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

Khi dự án đã được tạo, bạn sẽ được đưa đến bảng điều khiển dự án.

Từ đây, bạn cần nhấp vào nút + Enable APIs And Services ở phía trên cùng.

Nhấp vào nút Enable APIs And Services
Nhấp vào nút Enable APIs And Services

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

Bây giờ hãy tìm kiếm YouTube Data API v3 trong ô tìm kiếm.

Tìm kiếm tùy chọn YouTube data API v3
Tìm kiếm tùy chọn YouTube data API v3

Khi kết quả YouTube Data API v3 hiển thị, chỉ cần nhấp vào nó.

Điều này sẽ đưa bạn đến một trang mới, nơi bạn cần nhấp vào nút Enable để kích hoạt mã API của YouTube.

Bật API YouTube
Bật API YouTube

Bây giờ bạn sẽ được đưa đến trang API/Service Details.

Từ đây, đơn giản chỉ cần nhấp vào nút Create Credentials ở phía trên cùng.

Nhấp vào nút Create Credentials
Nhấp vào nút Create Credentials

Tiếp theo, bạn sẽ được chuyển đến trang mới nơi bạn phải chọn vào ô bên cạnh tùy chọn Public Data.

Sau đó, nhấp vào nút Next để tạo API của bạn.

Kiểm tra hộp Data public và nhấp vào nút Next
Kiểm tra hộp Data public và nhấp vào nút Next

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

Chỉ cần sao chép mã API và nhấp vào nút Done.

Sao chép khóa API YouTube
Sao chép khóa API YouTube

Tiếp theo, đến lúc quay lại trang điều khiển WordPress.

Hãy dán mã API vào ô API Key Required. Sau đó, nhấp vào nút Add để tiếp tục.

Thêm khóa API YouTube
Thêm khóa API YouTube

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

Sau khi đã thêm mã API YouTube của bạn, bạn sẽ được chuyển hướng đến trang Select Feed Type.

Từ đây, bạn cần nhấp vào tùy chọn Live Stream một lần nữa, sau đó nhấp vào nút Next để tiếp tục.

Điều này sẽ mở trang Add Channel ID For Live Stream.

Truy cập trang Add channel ID kênh cho live stream page
Truy cập trang Add channel ID kênh cho live stream page

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

Từ đó, hãy sao chép đoạn văn bản sau ‘channel/’ hoặc ‘/user/’ trong URL ở phía trên.

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

Tiếp theo, chuyển lại bảng điều khiển WordPress và dán mã vào ô “Add Channel ID for Livestream”.

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

Khi kênh được kết nối, bạn cần nhấp vào nút “Next” để tiếp tục.

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

Bây giờ mà YouTube Live Stream của bạn đã được tạo, bạn có thể tùy chỉnh nó. Plugin YouTube Feed Pro của Smash Balloon cung cấp nhiều tùy chọn hiển thị khác nhau.

Đầu tiên, bạn cần chọn một mẫu (template) trên trang Start with a template. Bạn có thể chọn các mẫu mặc định, Carousel, Cards, List, Gallery và Grid.

Khi bạn đã lựa chọn, đơn giản chỉ cần nhấp vào nút Next để tiếp tục.

Chọn một mẫu cho Live YouTube Feed của bạn
Chọn một mẫu cho Live YouTube Feed của bạn

Sau khi bạn đã chọn một mẫu (template), một màn hình chỉnh sửa sẽ mở lên hiển thị bản xem trước của luồng YouTube bên phải và các thiết lập tùy chỉnh trong cột trái của menu.

Ở đây, bạn có thể bắt đầu bằng cách mở rộng bảng Feed Layout.

YouTube Feed editor
YouTube Feed editor

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

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

Tùy chỉnh bố cục
Tùy chỉnh bố cục

Tiếp theo, bạn cần nhấp vào bảng “Color Scheme”.

Mặc định, YouTube Feed Pro sử dụng cùng chủ đề màu sắc với chủ đề WordPress của bạn. Tuy nhiên, bạn cũng có thể sử dụng chủ đề màu sắc sáng hoặc tối cho Video Feed.

Bạn cũng có thể thiết kế chủ đề màu sắc riêng của mình bằng cách nhấp vào tùy chọn “Custom” và sau đó sử dụng các điều khiển để thay đổi màu nền, màu văn bản và màu liên kết.

Tùy chỉnh bảng màu
Tùy chỉnh bảng màu

Để thêm tiêu đề vào luồng YouTube của bạn, bạn cần truy cập vào bảng “Header”. Từ đây, chỉ cần chuyển công tắc Enable để 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 đề tiêu chuẩn và kiểu văn bản. Chọn tùy chọn Text sẽ cho phép bạn thay đổi kích thước văn bản và màu sắc.

Tùy chỉnh tiêu đề
Tùy chỉnh tiêu đề

Bạn cũng có thể tùy chỉnh giao diện của trình phát video bằng cách đi tới bảng “Videos”

Ở đây, bạn sẽ thấy một danh sách các tùy chọn.

Tùy chọn bảng video
Tùy chọn bảng video

Để tùy chỉnh bố cục video và các thuộc tính cá nhân, bạn cần truy cập vào bảng thiết lập Video Style.

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

Tùy chỉnh kiểu video
Tùy chỉnh kiểu video

Sau đó, mở bảng Edit Individual Elements. Ở đây, đơn giản chỉ cần đánh dấu các ô bên cạnh các yếu tố bạn muốn hiển thị cùng với video trực tiếp YouTube.

Bạn có thể hiển thị hoặc ẩn biểu tượng phát, tiêu đề video, đếm ngược trực tiếp, mô tả và nhiều hơn thế nữa.

Chỉnh sửa các yếu tố riêng mà bạn muốn hiển thị cùng với video
Chỉnh sửa các yếu tố riêng mà bạn muốn hiển thị cùng với video

Tiếp theo, bạn cần truy cập vào thiết lập Hover State. Ở đây, bạn có thể chọn các yếu tố cá nhân sẽ 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à nhiều hơn nữa.

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

Sau đó, bạn cần truy cập vào bảng Video Player Experience.

Từ đây, 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 liệu video sẽ tự động phát hay chờ đến khi người truy cập nhấp vào nút phát.

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

Sau khi đã tùy chỉnh các yếu tố video cá nhân, chuyển sang bảng “Load More Button”.

Ở đây, dưới thiết lập Load More Button, bạn có thể chuyển công tắc sang Enable. Điều này sẽ hiển thị các gợi ý video nhiều hơn sau live stream.

Bạn cũng có thể chọn màu nền, trạng thái di chuột qua và văn bản từ các thiết lập trong cột bên trái.

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

Tiếp theo, chuyển sang bảng Subscribe Button và chuyển công tắc sang Enable 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 qua của nút từ các thiết lập.

Sau khi đã tùy chỉnh YouTube Live Stream của mình, bạn có thể xem trước cách nó sẽ trông 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 luồng trên các thiết bị khác nhau.

Cuối cùng, đừng quên nhấn nút Save ở phía trên cùng để lưu các thay đổi của bạn.

Xem trước và lưu nguồn
Xem trước và lưu nguồn

Nhúng YouTube Live Stream vào Trang WordPress

Bước tiếp theo là nhúng YouTube Live Stream của bạn vào trang WordPress. Để làm điều này, bạn phải nhấp vào nút Embed ở phía trên.

Điều này sẽ mở hộp thoại Embed Feed. Ở đây, nhấp vào nút Add to a Page để tiếp tục.

Nhấp vào nút nhúng YouTube Feed
Nhấp vào nút nhúng YouTube Feed

Cửa sổ pop-up sẽ hiển thị một danh sách của tất cả các trang WordPress trên trang web của bạn.

Chỉ đơn giản chọn trang bạn muốn nhúng YouTube Live Stream và nhấp vào nút Add.

Chọn một trang mà bạn muốn nhúng Youtube Feed
Chọn một trang mà bạn muốn nhúng Youtube Feed

Trang bạn chọn sẽ hiển thị trên block editor.

Từ đây, bạn cần nhấp vào nút “+” ở góc trên cùng bên trái và tìm kiếm block “Feeds for YouTube”.

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

Nhúng Youtube Feed
Nhúng Youtube Feed

Đừng quên nhấp vào nút Update hoặc Publish để lưu các thay đổi hoặc thực hiện chúng trực tiếp.

Đây là cách YouTube Live Stream trông trên trang web minh họa của Vietnix.

Xem trước YouTube Feed
Xem trước YouTube Feed

Thêm YouTube Live Feed như một Widget

Bạn cũng có thể thêm YouTube Live Stream vào thanh bên của WordPress như một tiện ích.

Đầu tiên, bạn cần truy cập trang Appearance > Widgets từ thanh bên quản lý.

Từ đó, nhấp vào nút ‘Add Block’ (+) ở góc trên cùng bên trái màn hình và tìm kiếm block ‘Feeds for YouTube’.

Tiếp theo, nhấp vào block để thêm nó vào widgets.

YouTube Feed dưới dạng tiện ích con
YouTube Feed dưới dạng tiện ích con

Đừng quên nhấp vào nút ‘Cập nhật’ (Update) để lưu các thay đổi của bạn.

Đây là cách YouTube Live Stream trông trong thanh bên trên trang web minh họa của Vietnix.

Tiện ích Xem trước Youtube Feed
Tiện ích Xem trước Youtube Feed

Thêm một YouTube Live Stream trong Trình chỉnh sửa trang web đầy đủ (Full Site Editor)

Nếu bạn đang sử dụng chủ đề dựa trên block, phương pháp này dành cho bạn.

Đầu tiên, hãy truy cập trang Appearance > Editor từ thanh bên quản lý để khởi chạy trình soạn thảo trang web.

Từ đó, nhấp vào nút ‘Add Block’ (+) ở phía trên và tìm block ‘Feeds for YouTube’.

Tiếp theo, bạn có thể kéo và thả block vào vị trí bạn muốn hiển thị Feed của YouTube trên trang của mình.

Thêm Youtube Feed trong FSE
Thêm Youtube Feed trong FSE

Khi bạn hoàn tất, đừng quên nhấp vào nút Save để áp dụng các thay đổi.

Đây là bản xem trước của các live stream trên trang web minh họa của Vietnix.

Bản xem trước FSE của Youtube Live Feed
Bản xem trước FSE của Youtube Live Feed

Vietnix hy vọng bài viết này đã giúp bạn học cách nhúng YouTube Live Stream vào WordPress. Bạn cũng có thể muốn đọc hướng dẫn SEO WordPress hoàn chỉnh của Vietnix hoặc xem các plugin social tốt nhất mà Vietnix đề xuất để phát triển trang web của bạn.

Chia sẻ lên

Theo dõi trên

Logo Google new

Đánh giá

5/5 - (70 bình chọn)

Hoàng Vui

Kết nối với mình qua

Icon Quote
Icon Quote
Đăng ký nhận tin
Để không bỏ sót bất kỳ tin tức hoặc chương trình khuyến mãi từ Vietnix

Bình luận