วิธีติดตั้้งปุ่ม Send to Line หรือ ส่งต่อ Line

สำหรับ ท่านที่ยังไม่รู้จักปุ่ม Send to Line ให้ดูที่ post นี้ก่อนนะครับ

http://japaijapan.com/japaijapan-send-to-line-button/

หรือ ดูวิดีโอนี้ครับ

ความนำ

ปุ่มกับโค๊ดแชร์หล่านี้เริ่มต้นมาจาก blog ของ Line เอง blog นี้ครับ ( แหะๆผู้เขียนไม่ได้คิดเองนะ)

http://lineblog.naver.jp/archives/19816388.html

และ ข่าวสารจาก app review ฉบับภาษาญี่ปุ่นอันนี้ครับ
http://app-review.jp/news/60979

แล้วก็ปุ่มและโค๊ดทั้หงลายจากต้นทางมาจากทางนี้ครับ http://www.msng.info/archives/2012/10/line.php

หลักๆก็สรุปมาให้ตามข้างล่างแล้วครับ ถ้ามีส่วนไหนไม่ครบถ้วนให้ลองอ้างอิงจากสามเวบข้างบนนะครับ โค๊ดและปุ่มภาษาญี่ปุ่น มาจากด้านบนหมดนะครับ ก่อนจะติดตั้งปุ่ม Send to Line นี้ขอแนะนำก่อนนะครับ ก่อนนะครับว่าปุ่ม Send to Line หรือ ปุ่มส่งต่อ Line มีคุณสมบัติอย่างไรบ้าง

คุณสมบัติ ปุ่มแชร์บทความไปแอพ Line

LINE app ปุ่มนี้จะแชร์บทความในหน้านั้นๆไปที่ แอพ Line โดยจะใช้ได้ทั้งในมือถือ ทั้ง iPhone และ Android รวม ทั้ง iPad และ Android tablet ที่มี application Line ลงไว้อยู่แล้วโดยเมื่อกดปุ่ม Send to Line แล้วตัวแอพ Line ในเครื่องของคุณจะเปิดขึ้นมาแถมเพิ่มเนื้อหาและ Link ให้เรียบร้อย ( สะดวกดีแท้) การส่งต่อ บทความไปที่ แอพ LINE ( Send to LINE ) นี้สามารถส่งต่อหรือ แชร์ไปได้ที่เพื่อนๆที่ chat กับคุณๆ ในกรุ๊ป หรือ แม้แต่ ใน TimeLine ของ Line ก็ได้ครับ

( ใช้บน Desktop หรือเครืองคอมพิวเตอร์ไม่ได้นะครับใช้ได้เฉพาะใน mobile อย่างมือถือ หรือ Tablet เท่านั้น ) ถ้าอ่านบทความแล้วงงๆให้ย้อนไปดู Link นี่ครับ

http://japaijapan.com/japaijapan-send-to-line-button/

การติดตั้งปุ่มนี้เหมาะกับใครบ้าง

ปุ่มนี้เหมาะกับคุนๆ ที่มีเวบหรือ blog ที่มีปุ่่ม Share ไป social bookmark หรือ social network อย่าง Facebook หรือ twitter อยู่แล้วจ้า และมีความรู้เรื่องการแปะ โค๊ดไว้ใน ส่วยไหนของ Template หรือ plugin บ้าง

วิธีติดตั้ง ปุ่ม Send to Line /ส่งต่อ Line

การติดตั้งมีสองส่วนครับ 1 ดาวน์โหลดปุ่ม 2 สคริป

1. ดาวน์โหลดปุ่ม

ทีลิงค์ข้างล่างนี้ครับ ทำ ไว้ให้หลายขนาด จากเดิมเป็น เวอร์ชั่นภาษาญี่ปุ่นครับ เราเอามาดัดแปลงนิดหน่อย เป็นภาษาไทยกับภาษาอังกฤษ

สำหรับปุ่มภาษาญี่ปุ่น สามารถดาวน์โหลดได้ที่เวบต้นฉบับที่ link ข้างล่างนี้ได้เลยครับ

http://line.msng.info/download

ส่วนคุณๆที่จะใช้ปุ่ม Send to Line ( ภาษาอังกฤษ/ไทย) ตามไป download ปุ่ม Line ที่ ลิงค์ข้างล่างได้เลยครับ ปุ่มเหล่านี้โมโดย @mahalarp แห่ง Mahalarp.com

http://lineappfree.blogspot.com/2012/12/free-download-line-button.html
หน้าตาปุ่มประมาณแบบนี้

ดาวน์โหลดปุ่มข้างบนเสร็จจากนั้นให้ อัพโหลดไปที่โฺฮสต์ของคุณหรือเวบฝากไฟล์ภาพหรืออื่นๆตามต้องการครับ 2 . โค๊ดที่จะใช้คู่กับปุ่ม Send to Line โครงสร้างของ การ redirect หลังจากกดปุ่ม Line จะเป็นแบบนี้ครับ

http://line.msng.info/[yourURL]

เช่นถ้าผมจะส่ง หน้าแรกของ Japaijapan.com ไปที่ แอพไลน์ก็จะเป็นแบบนี้ครับ

http://line.msng.info/http://japaijapan.com/

โค๊ด HTML สำหรับปุ่มนี้ครับ

<a href="http://line.msng.info/[yourURL]"><img src="[URLที่เก็บปุ่มแชร์]" width="60" height="60" alt="sendLINE" /></a>

โค๊ดสำหรับแปะบน ธีมของ WordPress.

<a href="http://line.msng.info/<?php the_permalink() ?>"><img src="[URLที่เก็บปุ่มแชร์]" width="60" height="60" alt="sendLINE" /></a>

สำหรับท่านที่จะใช้ Short Link ก็โค๊ดตามนี้ครับ

<a href="http://line.msng.info/<?php echo wp_get_shortlink(); ?>"><img src="[URLที่เก็บปุ่มแชร์]" width="60" height="60" alt="sendLINE" /></a>

หมายเหตุ

1. ข้อจำกัดเนื่องจาก เวบ msng.info เป็นเวบภาษาญี่ปุ่นที่ทำ web service การ Send to Line การส่งต่อได้ไม่ได้ก้จะขึ้นกับเวบนี้นะครับ อาจเป็นข้อจำกัดนึงของการใช้ ( แต่ก็เหมือนปุ่ม social bookmark อื่นๆครับขึ้นกับ web service เหมือนกัน)

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

3.การติดตั้งบน wordpress ,blogger หรือ blog ฟรีอื่นๆเดี๋ยวจะเอาไปเขียนแชร์ที่
http://lineappfree.blogspot.com/

4. บทความนี้จะเอาไปดัดแปลงหรือแชร์ได้ตามสะดวกนะครับ แต่ให้ทำลิงค์อ้างอิงกลับมาที่ บทความต้นทางนี้ด้วย ( จะลิงค์แบบ dofollow หรือ No follow ก็ได้ครับ แล้วแต่ ขอบคุณ ทีมงาน Japaiajapan ทุกท่าน ที่ช่วยค้นและแชร์เวบมาให้ครับ