วิธีฝัง YouTube Live Stream ใน WordPress

เผยแพร่แล้ว: 2023-04-24

คุณต้องการฝังสตรีมสดของ YouTube บนเว็บไซต์ WordPress ของคุณหรือไม่?

การฝังสตรีมสดของ YouTube บนไซต์ WordPress ของคุณสามารถเพิ่มการมีส่วนร่วมโดยอนุญาตให้ผู้เข้าชมโต้ตอบกับคุณและเนื้อหาของคุณแบบเรียลไทม์

ในบทความนี้ เราจะแสดงวิธีฝังสตรีมสดของ YouTube ใน WordPress อย่างง่ายดาย

How to embed a YouTube live stream in WordPress

เหตุใดจึงต้องฝัง YouTube Live Streams ใน WordPress

สตรีมมิงแบบสดทำให้คุณสามารถถ่ายทอดเนื้อหาวิดีโอหรือเสียงแบบสดผ่านอินเทอร์เน็ต ทำให้ผู้ใช้สามารถดูวิดีโอได้แบบเรียลไทม์

YouTube live stream

การฝังสตรีมสดของ YouTube บนเว็บไซต์ WordPress เป็นวิธีที่ยอดเยี่ยมในการเชื่อมต่อกับผู้ชมและเข้าถึงผู้ใช้จำนวนมากขึ้น

นอกจากนี้ยังสามารถเพิ่มการมีส่วนร่วมของผู้ใช้โดยอนุญาตให้คุณโต้ตอบกับผู้เยี่ยมชมไซต์

สตรีมสดของ YouTube สามารถช่วยเพิ่ม SEO ของเว็บไซต์และดึงดูดการเข้าชมได้มากขึ้น การวิจัยแสดงให้เห็นว่าบล็อกโพสต์ที่มีวิดีโออย่างน้อยหนึ่งรายการมีผู้เข้าชมมากกว่าเนื้อหาที่ไม่มีเลยประมาณ 83%

มาดูกันว่าคุณสามารถฝังสตรีมสดของ YouTube ใน WordPress ได้อย่างไร

วิธีฝัง YouTube Live Stream ใน WordPress

วิธีที่ง่ายที่สุดในการฝังสตรีมสดของ YouTube คือการใช้ปลั๊กอิน YouTube Feed Pro ของ Smash Balloon

เป็นปลั๊กอิน WordPress ฟีด YouTube ที่ดีที่สุดที่ให้คุณฝังวิดีโอ YouTube และสตรีมสดบนเว็บไซต์ของคุณ

ก่อนอื่น คุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน YouTube Feed Pro สำหรับคำแนะนำเพิ่มเติม โปรดดูคู่มือสำหรับผู้เริ่มต้นของเราเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

หมายเหตุ : ฟีด YouTube มีเวอร์ชันฟรีด้วย อย่างไรก็ตาม ไม่รองรับฟีเจอร์สตรีมสด

เมื่อเปิดใช้งานปลั๊กอินแล้ว คุณต้องไปที่หน้า ฟีด Youtube » การตั้งค่า จากแถบด้านข้างของผู้ดูแลระบบ ที่นี่ คุณต้องป้อนรหัสใบอนุญาตและคลิกที่ปุ่ม 'เปิดใช้งาน'

คุณสามารถรับรหัสใบอนุญาตได้จากหน้าบัญชีของคุณบนเว็บไซต์ Smash Balloon

Activate your smash balloon license key

ถัดไป คุณต้องไปที่หน้า ฟีด YouTube » ฟีดทั้งหมด จากแถบด้านข้างของผู้ดูแลระบบ WordPress

จากที่นี่ เพียงคลิกที่ปุ่ม 'เพิ่มใหม่' ที่ด้านบน

Click the Add New button to add the YouTube feed

นี่จะเป็นการเปิดพรอมต์ 'เลือกประเภทฟีด'

ตอนนี้ คุณต้องเลือกตัวเลือก 'สตรีมแบบสด' จากนั้นคลิกที่ปุ่ม 'ถัดไป' เพื่อดำเนินการต่อ

Choose live stream as feed type

ในขั้นตอนถัดไป คุณต้องเชื่อมต่อ YouTube Feed Pro กับบัญชี Youtube ของคุณ คุณจะถูกขอให้ระบุคีย์ API ของ YouTube

หากคุณมีรหัส API อยู่แล้ว เพียงคัดลอกและวางลงในช่อง 'ป้อนรหัส API' และคลิกที่ปุ่ม 'เพิ่ม'

Add YouTube API key

สร้างคีย์ API ของ YouTube

หากคุณยังไม่มีรหัส API คุณต้องไปที่ Google Cloud Console และลงชื่อเข้าใช้ด้วยบัญชี Google ของคุณ

เมื่อคุณเข้าสู่ระบบแล้ว ให้คลิกที่ปุ่ม 'เลือกโครงการ' ที่ด้านบน

Click Select Project button

นี่จะเป็นการเปิดหน้าต่างป๊อปอัปที่จะแสดงโครงการทั้งหมดที่คุณสร้างขึ้น

ถัดไป เพียงคลิกที่ปุ่ม 'โครงการใหม่' ที่ด้านบน

Click the New Project button

สิ่งนี้จะนำคุณไปยังหน้า 'โครงการใหม่' ซึ่งคุณสามารถเริ่มต้นด้วยการพิมพ์ชื่อสำหรับโครงการของคุณ นี่อาจเป็นอะไรก็ได้ที่จะช่วยให้คุณระบุได้ง่าย

ถัดไป คุณต้องเลือก 'องค์กร' และสถานที่ตั้งจากเมนูแบบเลื่อนลง คุณสามารถเลือก 'ไม่มีองค์กร' และคลิกปุ่ม 'สร้าง' เพื่อดำเนินการต่อ

Choose a project name and its organization

เมื่อสร้างโครงการแล้ว คุณจะเข้าสู่แดชบอร์ดโครงการ

จากที่นี่ คุณต้องคลิกที่ปุ่ม '+ เปิดใช้งาน API และบริการ' ในเมนูด้านบน

Click on the + ENABLE APIS AND SERVICES button

การดำเนินการนี้จะนำคุณไปยังหน้าไลบรารี API แสดงบริการต่างๆ ของ Google ที่คุณสามารถสร้าง API และใช้ในโครงการของคุณได้

ดำเนินการต่อและค้นหา 'YouTube Data API v3' ในช่องค้นหา

Search for the YouTube data API v3 option

เมื่อผลลัพธ์ 'YouTube Data API v3' ปรากฏขึ้น ให้คลิกที่ผลลัพธ์นั้น

การดำเนินการนี้จะนำคุณไปยังหน้าใหม่ที่คุณต้องคลิกที่ปุ่ม 'เปิดใช้งาน' เพื่อเปิดใช้งานคีย์ API ของ YouTube

Enable the YouTube API

ตอนนี้คุณจะเข้าสู่หน้า 'รายละเอียด API/บริการ'

จากที่นี่ เพียงคลิกที่ปุ่ม 'สร้างข้อมูลประจำตัว' ที่ด้านบน

Click the Create Credentials button

ถัดไป คุณจะถูกนำไปยังหน้าใหม่ที่คุณต้องทำเครื่องหมายที่ช่องถัดจากตัวเลือก 'ข้อมูลสาธารณะ'

หลังจากนั้น คลิกที่ปุ่ม 'ถัดไป' เพื่อสร้าง API ของคุณ

Check the Public data box and click on the Next button

คีย์ API ของคุณจะถูกสร้างและแสดงบนเพจ

เพียงคัดลอกคีย์ API แล้วคลิกที่ปุ่ม 'เสร็จสิ้น'

Copy the YouTube API key

ต่อไปก็ถึงเวลากลับไปที่แดชบอร์ดของ WordPress

ดำเนินการต่อและวางรหัส API ลงในช่อง API Key Required จากนั้นคลิกที่ปุ่ม 'เพิ่ม' เพื่อดำเนินการต่อ

Add YouTube API key

เพิ่ม YouTube Live Stream ไปยังเว็บไซต์ WordPress ของคุณ

เมื่อคุณเพิ่มคีย์ API ของ YouTube แล้ว คุณจะถูกนำไปที่หน้า 'เลือกประเภทฟีด'

จากที่นี่ คุณต้องคลิกที่ตัวเลือก 'สตรีมแบบสด' อีกครั้ง ตามด้วยปุ่ม 'ถัดไป'

ซึ่งจะเป็นการเปิดหน้า 'เพิ่มรหัสช่องสำหรับสตรีมแบบสด'

Visit the Add channel ID for live stream page

ตอนนี้ คุณต้องไปที่ช่อง YouTube ที่มีวิดีโอสตรีมสดของคุณ

จากตรงนี้ ให้คัดลอกข้อความที่ตามหลัง "/channel/" หรือ "/user/" ใน URL ที่ด้านบนสุด

Copy the code after channel or user in the URL

จากนั้น เปลี่ยนกลับไปที่แดชบอร์ด WordPress และวางรหัสลงในช่อง 'เพิ่มรหัสช่องสำหรับสตรีมสด'

หลังจากนั้น คลิกที่ปุ่ม 'เชื่อมต่อ' เพื่อเชื่อมต่อช่อง YouTube ของคุณกับ WordPress

เมื่อเชื่อมต่อช่องแล้ว คุณต้องคลิกที่ปุ่ม 'ถัดไป' เพื่อดำเนินการต่อ

Add code and click the connect button

ปรับแต่งฟีด YouTube ของคุณ

เมื่อสร้างฟีดสตรีมสดบน YouTube ของคุณแล้ว คุณสามารถปรับแต่งได้ YouTube Feed Pro ของ Smash Balloon มีตัวเลือกการแสดงผลที่หลากหลาย

ก่อนอื่น คุณจะต้องเลือกเทมเพลตในหน้า 'เริ่มต้นด้วยเทมเพลต' คุณสามารถเลือกจากเค้าโครงเริ่มต้น ม้าหมุน การ์ด รายการ แกลเลอรี และกริด

เมื่อคุณได้เลือกแล้ว เพียงคลิกที่ปุ่ม 'ถัดไป'

Choose a template for your Live YouTube feed

หลังจากที่คุณได้เลือกเทมเพลตแล้ว หน้าจอการแก้ไขจะเปิดขึ้นโดยแสดงตัวอย่างฟีด YouTube ของคุณทางด้านขวาและการตั้งค่าการปรับแต่งในคอลัมน์เมนูด้านซ้าย

ที่นี่ คุณสามารถเริ่มต้นด้วยการขยายแผง 'เค้าโครงฟีด'

YouTube Feed editor

บนหน้าจอนี้ คุณสามารถสลับระหว่างเลย์เอาท์ได้

นอกจากนี้ คุณยังอาจกำหนดการตั้งค่าเพิ่มเติมได้ตามรูปแบบที่คุณเลือก

Customize the YouTube feed layout

ถัดไป คุณต้องคลิกที่แผง 'รูปแบบสี'

ตามค่าเริ่มต้น YouTube Feed Pro จะใช้โทนสีเดียวกับธีม WordPress ของคุณ อย่างไรก็ตาม คุณยังสามารถใช้รูปแบบสี 'สว่าง' หรือ 'มืด' สำหรับฟีดวิดีโอ

คุณยังสามารถออกแบบชุดสีของคุณเองได้โดยคลิกที่ตัวเลือก 'กำหนดเอง' จากนั้นใช้ตัวควบคุมเพื่อเปลี่ยนพื้นหลัง ข้อความ และสีของลิงก์

Customize feed color scheme

หากต้องการเพิ่มส่วนหัวในฟีด YouTube คุณต้องไปที่แผง "ส่วนหัว" จากที่นี่ เพียงสลับสวิตช์ 'เปิดใช้งาน' เพื่อเปิดใช้งานส่วนหัว

คุณยังสามารถใช้ตัวควบคุมเพื่อสลับระหว่างรูปแบบมาตรฐานและส่วนหัวของข้อความ การเลือกตัวเลือก 'ข้อความ' จะช่วยให้คุณเปลี่ยนขนาดและสีของข้อความได้

Customize YouTube feed header

คุณยังสามารถปรับแต่งรูปลักษณ์ของเครื่องเล่นวิดีโอได้โดยไปที่แผง "วิดีโอ"

ที่นี่ คุณจะเห็นรายการตัวเลือก

Videos panel option

หากต้องการปรับแต่งเค้าโครงวิดีโอและคุณสมบัติแต่ละรายการ คุณต้องไปที่แผงการตั้งค่า 'รูปแบบวิดีโอ'

คุณสามารถเลือกเค้าโครงวิดีโอ สีพื้นหลัง และเส้นขอบได้ที่นี่

Customize video style

หลังจากนั้น เปิดแผง 'แก้ไขแต่ละองค์ประกอบ' ที่นี่ เพียงทำเครื่องหมายในช่องถัดจากองค์ประกอบที่คุณต้องการแสดงพร้อมกับวิดีโอสตรีมสดของ YouTube

คุณสามารถแสดงหรือซ่อนไอคอนเล่น ชื่อวิดีโอ การนับถอยหลังของสตรีมแบบสด คำอธิบาย และอื่นๆ

Edit the individual elements you want to display along with the video

ถัดไป คุณต้องตรงไปที่การตั้งค่า 'Hover State' ที่นี่ คุณสามารถเลือกองค์ประกอบแต่ละรายการที่จะแสดงเมื่อผู้ใช้วางเมาส์เหนือวิดีโอ YouTube

คุณสามารถเลือกองค์ประกอบต่างๆ ได้มากมาย รวมถึงชื่อวิดีโอ คำอธิบาย วันที่ ยอดดู และอื่นๆ

Customize hover state

หลังจากนั้น คุณต้องไปที่แผง 'ประสบการณ์เครื่องเล่นวิดีโอ'

จากที่นี่ คุณสามารถเปลี่ยนอัตราส่วนกว้างยาวของเครื่องเล่นวิดีโอได้ คุณยังสามารถเลือกได้ว่าจะให้วิดีโอเริ่มเล่นโดยอัตโนมัติหรือรอจนกว่าผู้เข้าชมจะคลิกปุ่มเล่น

Customize video player experience

หลังจากปรับแต่งองค์ประกอบวิดีโอแต่ละรายการแล้ว ให้เปลี่ยนไปใช้แผง "ปุ่มโหลดเพิ่มเติม"

ที่นี่ ภายใต้การตั้งค่า 'ปุ่มโหลดเพิ่มเติม' คุณสามารถสลับการสลับเป็น 'เปิดใช้งาน' นี่จะแสดงคำแนะนำวิดีโอเพิ่มเติมหลังจากสตรีมแบบสด

คุณยังสามารถเลือกสีพื้นหลัง สถานะโฮเวอร์ และข้อความจากการตั้งค่าในแผงด้านซ้าย

Customize the Load More button

หลังจากนั้น เปลี่ยนไปที่แผง 'ปุ่มติดตาม' และสลับสวิตช์เป็น 'เปิดใช้งาน' หากคุณต้องการเปิดใช้งานปุ่มติดตามของ YouTube

คุณยังสามารถเปลี่ยนสีของปุ่ม ข้อความ และสถานะโฮเวอร์ได้ในการตั้งค่า

Customize Subscribe button

เมื่อคุณปรับแต่งฟีดสดของ YouTube แล้ว คุณสามารถดูตัวอย่างว่าจะมีลักษณะอย่างไรบนคอมพิวเตอร์เดสก์ท็อป แท็บเล็ต และสมาร์ทโฟน เพียงคลิกที่ปุ่มต่างๆ ที่มุมขวาบนเพื่อดูตัวอย่างฟีดบนอุปกรณ์ต่างๆ

สุดท้าย อย่าลืมคลิกปุ่ม 'บันทึก' ที่ด้านบนเพื่อบันทึกการเปลี่ยนแปลงของคุณ

Preview and save feed

ฝัง YouTube Live Stream บนหน้า WordPress

ขั้นตอนต่อไปคือการฝังฟีดสด YouTube ของคุณบนหน้า WordPress ในการทำเช่นนี้ คุณต้องคลิกที่ปุ่ม 'ฝัง' ที่ด้านบนก่อน

นี่จะเป็นการเปิดพรอมต์ 'ฝังฟีด' ที่นี่ คลิกที่ปุ่ม 'เพิ่มในเพจ' เพื่อดำเนินการต่อ

Click Add to a page button to embed YouTube feed

ป๊อปอัปจะแสดงรายการหน้า WordPress ทั้งหมดบนเว็บไซต์ของคุณ

เพียงเลือกหน้าที่คุณต้องการฝังสตรีมสดของ YouTube แล้วคลิกปุ่ม 'เพิ่ม'

Choose a page where you want to embed the feed and click on the Add button

หน้าที่คุณเลือกจะเปิดขึ้นในตัวแก้ไขบล็อก

จากที่นี่ คุณต้องคลิกปุ่ม 'เพิ่มบล็อก' (+) ที่มุมบนซ้าย และค้นหาบล็อก 'ฟีดสำหรับ YouTube'

เมื่อคุณพบแล้ว ให้เพิ่มบล็อกลงในเพจของคุณโดยคลิกที่บล็อกนั้น

Embed YouTube Feed on a page

อย่าลืมคลิกที่ปุ่ม 'อัปเดต' หรือ 'เผยแพร่' เพื่อบันทึกการเปลี่ยนแปลงของคุณหรือทำให้ใช้งานได้จริง

นี่คือลักษณะของฟีดสดของ YouTube บนเว็บไซต์สาธิตของเรา

YouTube Feed Page preview

เพิ่ม YouTube Live Feed เป็นวิดเจ็ต

คุณยังสามารถเพิ่มฟีดสดของ YouTube ลงในแถบด้านข้างของ WordPress เป็นวิดเจ็ตได้อีกด้วย

ก่อนอื่น คุณจะต้องไปที่หน้า ลักษณะที่ปรากฏ » วิดเจ็ต จากแถบด้านข้างของผู้ดูแลระบบ

จากที่นี่ คลิกที่ปุ่ม 'เพิ่มบล็อก' (+) ที่มุมซ้ายบนของหน้าจอ และค้นหาบล็อก 'ฟีดสำหรับ YouTube'

จากนั้นคลิกที่บล็อกเพื่อเพิ่มลงในพื้นที่วิดเจ็ต

Add YouTube Feed as a widget

อย่าลืมคลิกที่ปุ่ม 'อัปเดต' เพื่อบันทึกการเปลี่ยนแปลงของคุณ

นี่คือลักษณะของฟีดสดของ YouTube ในแถบด้านข้างของเว็บไซต์สาธิตของเรา

Widget Preview of YouTube feed

เพิ่ม YouTube Live Stream ในตัวแก้ไขเว็บไซต์แบบเต็ม

หากคุณใช้ธีมแบบบล็อก วิธีนี้เหมาะสำหรับคุณ

ขั้นแรก ไปที่หน้า ลักษณะภายนอก » ตัวแก้ไข จากแถบด้านข้างของผู้ดูแลระบบเพื่อเปิดตัวแก้ไขไซต์

จากที่นี่ คลิกที่ปุ่ม 'เพิ่มบล็อก (+)' ที่ด้านบน และมองหาบล็อก 'ฟีดสำหรับ YouTube'

จากนั้น คุณสามารถลากและวางบล็อกไปยังตำแหน่งที่คุณต้องการแสดงฟีด YouTube บนเพจของคุณ

Add the YouTube feed in FSE

เมื่อคุณทำเสร็จแล้ว อย่าลืมคลิกที่ปุ่ม 'บันทึก' เพื่อใช้การเปลี่ยนแปลง

นี่คือตัวอย่างสตรีมสดบนเว็บไซต์สาธิตของเรา

FSE preview of YouTube live feed

เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีฝังสตรีมสดของ YouTube ใน WordPress คุณอาจต้องการอ่านคู่มือ WordPress SEO ที่ดีที่สุดของเรา หรือดูตัวเลือกอันดับต้น ๆ ของเราสำหรับปลั๊กอินโซเชียลมีเดียที่ดีที่สุดเพื่อพัฒนาไซต์ของคุณ

หากคุณชอบบทความนี้ โปรดสมัครรับข้อมูลช่อง YouTube ของเราสำหรับวิดีโอสอน WordPress คุณสามารถหาเราได้ที่ Twitter และ Facebook