วิธีติดตั้ง

โปรดอ่านไกด์ไลน์ก่อนติดตั้งปุ่ม
การติดตั้งปุ่มหมายความว่าผู้ใช้ได้ยินยอมตามข้อกำหนดในไกด์ไลน์แล้ว

วิธีใช้

วิธีใช้ปุ่ม LINE Social Plugins
  1. เลือกปุ่ม LINE Social Plugins
  2. เข้าสู่ระบบด้วย LINE Login
  3. เลือกปลายทางที่ต้องการแชร์ (แชร์ให้เพื่อน โพสต์บนไทม์ไลน์) เพิ่มเพื่อน หรือถูกใจ

ปุ่ม LINE Share

ปุ่ม LINE Share คือปุ่มที่สามารถแชร์ข้อมูลจากเว็บไซต์ให้เพื่อนใน LINE ได้อย่างง่ายดาย

1. กำหนด URL

โปรดใส่ลิงก์ของเว็บไซต์ที่ต้องการติดตั้งปุ่ม LINE Share
ลิงก์
ปุ่มจะทำงานเมื่อโดเมนของลิงก์ตรงกับหน้าที่ทำการติดตั้งปุ่มเท่านั้น

2. ตั้งค่าปุ่ม

ประเภทปุ่ม
จำนวนการแชร์
ขนาด

3. ดูตัวอย่างปุ่มแล้วคัดลอกโค้ด

ตัวอย่างปุ่ม
โค้ด
<div>Code</div>
  • โปรดใส่โค้ดนี้ใน DOM ของหน้าเว็บ โดยจะถูกเรียกใช้เมื่อมีอีเวนท์ DOMContentLoaded
  • โปรดคัดลอกโค้ดแล้วนำไปวางบนหน้าเว็บในตำแหน่งที่ต้องการแสดงปุ่ม
  • ใส่แท็กสคริปต์เพียงครั้งเดียว แม้จะติดตั้งปุ่ม LINE Share หลายปุ่มในหน้าเว็บเดียวกัน

ไอคอนแบบกำหนดเอง

คุณสามารถใช้ไอคอนที่กำหนดขึ้นเองได้โดยกำหนดลิงก์ของปุ่มตามวิธีด้านล่าง
รูปแบบลิงก์
https://social-plugins.line.me/lineit/share?url={encodeURIComponent(URL)}
ตัวอย่าง
(ลิงก์ปลายทาง: https://line.me/en)
https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fline.me%2Fen
เรียกปุ่ม LINE Share ที่ Dynamic Website
เมื่อสร้าง Dom Tree และทำคอนเทนต์สำหรับเว็บไซต์แล้ว ให้เรียก LineIt.loadButton() เพื่อเริ่มใช้ปุ่ม LINE Share
<script type="text/javascript">LineIt.loadButton();</script>

ดีไซน์

Design Guide
โปรดคลิกปุ่มด้านล่างเพื่อดาวน์โหลดรูปปุ่ม LINE Share ในรูปแบบไฟล์ ZIP
รูปปุ่มสำหรับดาวน์โหลดถูกสร้างด้วยขนาดที่เป็น 2 เท่าเพื่อการใช้กับ Retina Display

ปุ่ม "เพิ่มเพื่อน"

ผู้ใช้ที่มาชมเว็บไซต์สามารถเพิ่มคุณเป็นเพื่อน LINE ได้ด้วยปุ่มนี้
* คุณต้องมีบัญชีทางการ LINE หรือบัญชี LINE@ จึงจะใช้ฟังก์ชันเพิ่มเพื่อนได้

ใส่ LINE ID

ใส่ LINE ID ของบัญชีทางการ LINE หรือบัญชี LINE@
LINE ID

เลือกประเภทปุ่ม

แสดงจำนวนเพื่อนและแสดงปุ่มไปหน้าหลัก แสดงจำนวนเพื่อน แสดงเฉพาะปุ่ม "เพิ่มเพื่อน"
ดูตัวอย่างปุ่ม
โค้ด
<div>Code</div>