วิธีแสดงกิจกรรม Facebook บนเว็บไซต์ WordPress ของคุณ

คุณต้องการแสดงกิจกรรม Facebook บนเว็บไซต์ WordPress ของคุณหรือไม่ กิจกรรม Facebook ช่วยให้คุณสามารถส่งเสริมกิจกรรมของคุณในขณะที่ใช้ประโยชน์จากเครือข่ายสังคมที่ใหญ่ที่สุดในโลก ในบทความนี้เราจะแสดงวิธีการแสดงกิจกรรม Facebook ของคุณบน WordPress.


วิธีแสดงกิจกรรม Facebook บน WordPress

วิธีที่ 1: เพิ่มกิจกรรม Facebook โดยใช้ปลั๊กอินเพจ Facebook

วิธีนี้ใช้ปลั๊กอินทางสังคมของ Facebook เพื่อเพิ่มกิจกรรม Facebook ของคุณใน WordPress คุณจะต้องแก้ไขไฟล์ธีม WordPress ของคุณ หากคุณไม่สะดวกในการเพิ่มรหัสด้วยตนเองให้ลองวิธีการอื่นที่อธิบายไว้ในบทความนี้.

มาเริ่มกันเลย.

วิดีโอสอน

สมัครสมาชิก WPBeginner

หากคุณไม่ชอบวิดีโอหรือต้องการคำแนะนำเพิ่มเติมให้อ่านต่อ.

ก่อนอื่นคุณต้องเข้าไปที่ปลั๊กอินของเพจบนเว็บไซต์นักพัฒนาของ Facebook ในฟิลด์ URL ของหน้า Facebook ให้ป้อน URL ของหน้า Facebook ของคุณ.

ปลั๊กอินหน้า Facebook สามารถแสดงหลายแท็บจากหน้าของคุณรวมถึงแท็บเหตุการณ์ เพียงป้อน ‘events’ ในฟิลด์แท็บและคุณจะสังเกตเห็นหน้าต่างแสดงตัวอย่างโหลดซ้ำเพื่อแสดงแท็บเหตุการณ์ของหน้าเว็บ.

การตั้งค่าปลั๊กอินหน้า Facebook

คุณสามารถปรับการตั้งค่าอื่น ๆ เช่นขนาดภาพปกความสูงและความกว้างตู้คอนเทนเนอร์เป็นต้น.

เมื่อคุณพอใจให้คลิกที่ปุ่ม “รับรหัส” วิธีนี้จะทำให้ป๊อปอัปแสดงรหัสสองช่องขึ้นมา.

รหัสปลั๊กอินของหน้า Facebook

ส่วนแรกของรหัสจะต้องเพิ่มลงในไฟล์ header.php ของธีมทันทีหลังแท็ก.

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

อย่าลืมบันทึกการเปลี่ยนแปลงของคุณ.

นั่นคือทั้งหมดที่คุณสามารถเยี่ยมชมเว็บไซต์ของคุณและคุณจะเห็นปลั๊กอิน Facebook Page แสดงกิจกรรมของหน้า.

เหตุการณ์ Facebook ฝังบนหน้า WordPress

วิธีที่ 2. เพิ่มกิจกรรม Facebook โดยใช้ปลั๊กอิน WordPress

วิธีนี้ช่วยให้คุณเพิ่มกิจกรรม Facebook ใน WordPress โดยไม่ต้องเพิ่มรหัสใด ๆ ลงในไฟล์ธีมของคุณ.

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน Facebook WP Embed สำหรับรายละเอียดเพิ่มเติมดูที่คู่มือทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress.

เมื่อเปิดใช้งานคุณต้องไปที่ การตั้งค่า»ฝัง Facebook หน้าเพื่อกำหนดการตั้งค่าปลั๊กอิน.

หน้าการตั้งค่าสำหรับปลั๊กอินแบ่งออกเป็นหลายแท็บ คุณจะลงจอดบนแท็บ ‘Magic Embeds’ เลื่อนลงเล็กน้อยไปยังส่วนการตั้งค่า Facebook.

หน้าการตั้งค่า Facebook WP ฝัง

คุณต้องป้อน ID แอพ Facebook และรหัสลับ คุณสามารถรับกุญแจเหล่านี้ได้โดยไปที่เว็บไซต์ Facebook Developers และสร้างแอพใหม่.

สร้างแอพ Facebook ใหม่

สิ่งนี้จะทำให้ป๊อปอัปปรากฏขึ้นซึ่งคุณจะถูกขอให้ระบุชื่อแอพและเลือกหมวดหมู่.

ระบุชื่อแอปของคุณและเลือกหมวดหมู่

คลิกที่ปุ่มสร้างรหัสแอปเพื่อดำเนินการต่อ.

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

คัดลอก ID แอปและคีย์ลับของคุณ

ตอนนี้คุณจะเห็นรหัสแอปและรหัสลับซึ่งจะซ่อนอยู่และคุณจะต้องคลิกที่ปุ่มแสดงเพื่อคัดลอก.

ป้อนคีย์ทั้งสองในฟิลด์ที่เกี่ยวข้องในหน้าการตั้งค่าปลั๊กอิน WP Embed Facebook สำหรับไซต์ WordPress ของคุณ.

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

ตอนนี้คุณพร้อมที่จะเพิ่มกิจกรรมของคุณใน WordPress แล้ว แก้ไขโพสต์หรือหน้าเว็บที่คุณต้องการแสดงกิจกรรม Facebook ของคุณและเพิ่มรหัสย่อนี้:

[fb_plugin หน้า href ="https://www.facebook.com/YourFBPage" แท็บ ="เหตุการณ์ที่เกิดขึ้น"]

อย่าลืมใช้ URL หน้า Facebook ของคุณเองในรหัสย่อ.

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

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

เพิ่มกิจกรรมที่ไม่ได้สร้างโดยหน้า Facebook หรือกลุ่ม

ผู้ใช้บางคนอาจต้องแชร์กิจกรรม Facebook ที่สร้างโดยโปรไฟล์ส่วนตัว เหตุการณ์เหล่านี้ไม่เกี่ยวข้องกับหน้า นี่คือวิธีที่คุณจะแสดงโดยใช้คุณสมบัติฝังแบบกำหนดเองของปลั๊กอิน.

แทนที่จะใช้รหัสย่อส่วนเสริม Facebook ของหน้าคุณจะต้องใช้รหัสย่อแบบฝังที่กำหนดเองเช่นนี้:

[facebook https://www.facebook.com/events/1796069560608519/]

แทนที่ URL ในรหัสย่อด้วย URL ของกิจกรรม Facebook ของคุณ.

ตอนนี้คุณสามารถดูตัวอย่างเว็บไซต์ของคุณเพื่อดูกิจกรรม Facebook ที่ฝังไว้.

การเพิ่มกิจกรรม Facebook เดียวใน WordPress

วิธีที่ 3: แสดงปฏิทินกิจกรรม Facebook โดยใช้วิดเจ็ต

วิธีนี้ช่วยให้คุณสามารถดึงกิจกรรม Facebook สำหรับกลุ่มหรือหน้าและแสดงในวิดเจ็ตแถบด้านข้างของ WordPress.

ผู้ใช้สามารถดูปฏิทินกิจกรรม Facebook ของคุณพร้อมวันที่และสามารถคลิกเพื่อดูหรือเข้าร่วมกิจกรรม คุณสามารถกำหนดลักษณะที่ปรากฏของเหตุการณ์โดยใช้ CSS.

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอินวิดเจ็ตเหตุการณ์ใน Facebook สำหรับรายละเอียดเพิ่มเติมดูที่คู่มือทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress.

เมื่อเปิดใช้งานคุณจะต้องไปที่ หน้าตา»วิดเจ็ต หน้าและเพิ่มวิดเจ็ตกิจกรรม Facebook ไปที่แถบด้านข้าง สำหรับรายละเอียดเพิ่มเติมดูคู่มือของเราเกี่ยวกับวิธีเพิ่มและใช้วิดเจ็ตใน WordPress.

การตั้งค่าวิดเจ็ตกิจกรรม Facebook

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

ถัดไปคุณต้องป้อนรหัสแอปและรหัสลับ.

คุณสามารถรับกุญแจเหล่านี้ได้โดยไปที่เว็บไซต์ Facebook Developers และสร้างแอพใหม่.

สร้างแอพ Facebook ใหม่

สิ่งนี้จะทำให้ป๊อปอัปปรากฏขึ้นซึ่งคุณจะถูกขอให้ระบุชื่อแอพและเลือกหมวดหมู่.

ระบุชื่อแอปของคุณและเลือกหมวดหมู่

คลิกที่ปุ่มสร้างรหัสแอปเพื่อดำเนินการต่อ.

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

คัดลอก ID แอปและคีย์ลับของคุณ

ตอนนี้คุณจะเห็นรหัสแอปและรหัสลับแอปของคุณซึ่งจะถูกซ่อนและคุณจะต้องคลิกที่ปุ่มแสดงเพื่อคัดลอก.

วาง ID แอพและคีย์ลับในการตั้งค่าวิดเจ็ตและคลิกที่ปุ่มบันทึก.

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

โทเค็นการเข้าถึง Facebook

อย่างไรก็ตามในการรับโทเค็นการเข้าถึงคุณจะต้องเพิ่ม URL เว็บไซต์ของคุณลงในแอพ Facebook ของคุณ.

ในหน้าการตั้งค่าแอพ Facebook ของคุณเลื่อนลงมาเล็กน้อยจากนั้นคลิกที่ปุ่มเพิ่มแพลตฟอร์ม.

เพิ่มแพลตฟอร์มลงในแอพ Facebook ของคุณ

สิ่งนี้จะแสดงป๊อปอัพที่แสดงแพลตฟอร์มต่าง ๆ ซึ่งคุณสามารถใช้แอพได้ คุณต้องเลือก ‘เว็บไซต์’.

เลือกเว็บไซต์เป็นแพลตฟอร์ม

ถัดไปคุณต้องเพิ่ม URL เว็บไซต์ของคุณในฟิลด์ URL เว็บไซต์และคลิกที่ปุ่มบันทึกการเปลี่ยนแปลง.

เพิ่ม URL เว็บไซต์ของคุณ

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

การอนุญาตให้ใช้แอพ

หลังจากนั้นคุณจะถูกเปลี่ยนเส้นทางกลับไปที่หน้าการตั้งค่าวิดเจ็ต อย่าลืมคลิกที่ปุ่มบันทึกเพื่อจัดเก็บการตั้งค่าวิดเจ็ตของคุณ.

ขณะนี้คุณสามารถเยี่ยมชมเว็บไซต์ของคุณเพื่อดูวิดเจ็ตกิจกรรม Facebook ได้.

กิจกรรม Facebook ในวิดเจ็ตแถบด้านข้างของ WordPress

วิดเจ็ตกิจกรรม Facebook มาพร้อมกับสไตล์ชีทพื้นฐานซึ่งอาจไม่ตรงกับสีของธีมของคุณ คุณจะต้องใช้เครื่องมือตรวจสอบเพื่อดูคลาส CSS ที่สร้างโดยปลั๊กอินจากนั้นใช้คลาสเหล่านั้นเพื่อเปลี่ยนลักษณะที่ปรากฏของเหตุการณ์ ดูคำแนะนำของเราเกี่ยวกับวิธีเพิ่ม CSS ที่กำหนดเองใน WordPress.

เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีแสดงกิจกรรม Facebook บน WordPress คุณอาจต้องการดูรายการเคล็ดลับและแบบฝึกหัด Facebook ที่ดีที่สุด 10 อันดับสำหรับผู้ใช้ WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me