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.
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.
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.
Đ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.
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”.
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.
Đ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.
Đ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.
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.
Đ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.
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â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.
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.
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.
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 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.
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.
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.
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.
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.
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.
Để 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.
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ỉ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.
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.
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.
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.
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.
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.
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.
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.
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ó.
Đừ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.
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.
Đừ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.
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.
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.
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.