เพิ่มปุ่มแชร์โพสต์ WordPress บน LINE ได้ง่ายๆ ด้วย Jetpack

สวัสดีครับ โพสต์นี้จะไปบอกวิธีการเพิ่มปุ่มแชร์โพสต์ WordPress ของเราไปในแอพไลน์แบบง่ายๆด้วยตัวเองเลยครับ แบบไม่ต้องเสียเงินอะไรเลย ใช้เวลานิดเดียวด้วยครับ

สิ่งที่ต้องใช้ในการเพิ่มปุ่ม LINE Share:

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

1. WordPress: อันนี้จะใช้ WordPress แบบโฮสต์เอง หรือใช้ wordpress.com ก็ได้นะครับ
2. Jetpack: ปลั๊กอินสำหรับ WordPress ที่เป็นตัวสำคัญที่เราจะใช้แสดงปุ่มแชร์ในหน้าเว็บของเรา มีฟังก์ชั่นทางด้านโซเชี่ยลอีกเยอะเลยล่ะ
3. ไอคอนปุ่มไลน์: ไอคอนสำหรับปุ่มแชร์ของเรา ให้ใช้เป็นสี่เหลี่ยมจตุรัสขนาด 16x16px นะครับ หรือจะไปดาวน์โหลดจาก หน้าแนะนำวิธีสร้างปุ่มแชร์ของไลน์ ก็ได้นะครับ

วิธีการเพิ่มปุ่ม LINE Share

ทีนี้เรามาดูวิธีการเพิ่มปุ่มแชร์กันครับ

1. ล็อกอินเข้าหลังบ้านของเว็บไซต์ที่เป็น WordPress ของเราก่อน แล้วไปที่ส่วนตั้งค่า (Setting) และส่วนย่อย Sharing

2. กดปุ่ม [Add a new service] ที่อยู่ในหน้าการตั้งค่าเลยครับ

3. ที่นี้แบบฟอร์มเพิ่มปุ่มจะขึ้นมาให้เราใส่ข้อมูลครับ ก็ใส่ข้อมูลได้เลย .. ใส่ชื่อ เช่น LINE หรืออยากจะใส่อย่างอื่นก็ว่ากันไป

Sharing URL นี่ ให้เข้าไปที่ https://social-plugins.line.me/en/how_to_install แล้วเลื่อนไปที่ Custom icons แล้วไปก็อปปี้ URL มาเลยครับ แล้วเปลี่ยนตรงหลังเครื่องหมายคำถาม (?) ที่เป็น url={URL} เป็นแบบนี้ครับ

text=%post_title%&url=%post_full_url% 

ซึ่งตรง text จะเป็นข้อความที่เราต้องการครับ… อาจจะใส่เป็น “ไปดูกัน %post_title%” ก็ได้นะ โดย %post_title% จะแทนชื่อโพสต์ของเราครับ ส่วน %post_full_url% จะแทน URL ของโพสต์เรา .. จะเห็นว่ามีช่องว่างในข้อความด้วยนะครับ .. สามารถใส่ได้นะ ใช้ได้เหมือนกัน

ส่วนสุดท้ายนะ ก็ไอคอนของปุ่ม ที่เราเตรียมเอาไว้ ก็อัพโหลดขึ้นไปบนเว็บได้เลย แล้วก็อปปี้เอา URL ของตัวรูปมาใส่ตรง Icon URL ได้เลยครับ

4. พอเสร็จหมดเรียบร้อย ก็กดปุ่ม [Create Share Button] ได้เลยครับ แล้วจะมี Service ใหม่ขึ้นมาให้เราเลือกแบบรูปด้านล่างนี้นะครับ

5. ทีนี้ก็ลากปุ่มไลน์ที่เราสร้างขึ้นมา ลงมาข้างล่างมาในส่วนของ Enabled Services เลยครับ

เสร็จแล้ว ก็กดปุ่ม [Save Changes] ที่อยู่ด้านล่างสุด .. แล้วก็เสร็จแล้วครับ

LINE Share Button on the web

เอาล่ะ คราวนี้มาดูปุ่มแชร์ที่เราสร้างขึ้นมาใหม่กันครับ

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

คราวนี้ ก็ลองเอาทำดูนะครับ ติดปัญหาตรงไหนก็คอมเม้นต์ไว้ด้านล่าง หรือส่งข้อความมาทาง inbox หรือทางทวิตเตอร์ก็ได้นะครับ

---

How to add LINE sharing button with no more plugin