อยากได้ปุ่มแชร์ไป Twitter, Facebook, Google+

เริ่มโดย jim_no1, 06 ตุลาคม 2013, 22:10:17

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้


hurahura

ถ้าทำเอง เอาเฉพาะของ facebook นี่ทำยังไงครับ

phaishow

อ้างถึงจาก: hurahura ใน 09 พฤศจิกายน 2013, 00:26:48
ถ้าทำเอง เอาเฉพาะของ facebook นี่ทำยังไงครับ

อ่านตามนี้ครับ
https://developers.facebook.com/docs/plugins/share-button/

ปล ตอนนี้ facebook กำลังปรับเปลี่ยนปุ่ม like/share อยู่นะครับ
รู้หลบเป็นปีก รู้หลีกเป็นหาง .. รู้ทุกอย่าง เป็นไปไม่ได้
---
รับเขียนโปรแกรม php ทุกรูปแบบ
รับเขียนโปรแกรม desktop pc ด้วยภาษา php,html,javascript
สนใจ/คุยรายละเอียด PM ได้เลยครับ

Maxio

เอาแบบง่าย ลอง ก็อบโค๊ดนี้ไปวาง หน้า html ดูครับ แล้วเปลี่ยนพวกค่า title กับ url เป็นเว็บคุณเอง


<a href="https://www.facebook.com/sharer/sharer.php?u=http://yoursite.com" onclick="window.open(this.href, 'facebook-share','width=500,height=300');return false;">
    <span>แชร์ Facebook</span>
</a>
<a href="http://twitter.com/share?text=ทดสอบแชร์ข้อความลงทวิตเตอร์&url=http://yoursite.com" onclick="window.open(this.href, 'twitter-share', 'width=500,height=300');return false;">
    <span>แชร์ Twitter</span>
</a>
<a  href="https://plus.google.com/share?url=http://yoursite.com" onclick="window.open(this.href, 'google-plus-share', 'width=500,height=300');return false;">
    <span>แชร์ Google+</span>
</a>

ijeed

SMF ใช้ตัวนี้ครับ Add Facebook Like, Tweet, and Google +1

URL : http://custom.simplemachines.org/mods/index.php?mod=3559

การตั้งค่า สามารถเลือกได้ว่าจะให้แสดง ไม่แสดงตัวไหนได้ครับ



การแสดงผล



:wanwan017:
[direct=https://www.xn--72caic4dq4dbbh8hb1cya5b0a1nng.com]รับซื้อทองเชียงราย[/direct]
[direct=https://www.xn--72ch0bkxyb6fb6adv1d1hnf.com]รับซื้อทองพะเยา[/direct]
[direct=https://www.xn--42cfblc6eta3ebbi7ib5c0a8b1a0ob7o.com]รับซื้อทองเคเชียงราย[/direct]
[direct=https://www.xn--72cfac8eza4abbed7i1bya5b0a8md9n.com]รับซื้อเพชรเชียงราย[/direct]
[direct=https://www.xn--b3cb8brbybe1g8adv1dwhf0l.com]รับซื้อเพชรพะเยา[/direct]

hurahura


andres

[direct=https://www.facebook.com/porksnack99/]แม่พร หมูกระจก จำหน่ายปลีก - ส่ง[/direct]

jim_no1

#27
อ้างถึงจาก: addy1220 ใน 09 พฤศจิกายน 2013, 00:23:15
http://wordpress.org/plugins/hupso-share-buttons-for-twitter-facebook-google/
สวยดี
ผมจะเอาไปเพิ่มใน smf น่ะครับ เลยทำแบบนั้นไม่ได้น่ะ
อ้างถึงจาก: Maxio ใน 09 พฤศจิกายน 2013, 02:24:42
เอาแบบง่าย ลอง ก็อบโค๊ดนี้ไปวาง หน้า html ดูครับ แล้วเปลี่ยนพวกค่า title กับ url เป็นเว็บคุณเอง


<a href="https://www.facebook.com/sharer/sharer.php?u=http://yoursite.com" onclick="window.open(this.href, 'facebook-share','width=500,height=300');return false;">
   <span>แชร์ Facebook</span>
</a>
<a href="http://twitter.com/share?text=ทดสอบแชร์ข้อความลงทวิตเตอร์&url=http://yoursite.com" onclick="window.open(this.href, 'twitter-share', 'width=500,height=300');return false;">
   <span>แชร์ Twitter</span>
</a>
<a  href="https://plus.google.com/share?url=http://yoursite.com" onclick="window.open(this.href, 'google-plus-share', 'width=500,height=300');return false;">
   <span>แชร์ Google+</span>
</a>

อันนี้ก็ไม่ได้บอกว่า ต่องเอาไปวางไว้ที่ไหนอ่ะ เค้าไม่รุ้จริง ๆ น่ะ
[direct=http://www.jimbeautify.com]jimbeautify.com ป้ายทะเบียนยาว[/direct]
[direct=http://jimbeautify.com/design/Plate_car/home_car.php]jimbeautify ออกแบบรถอย่างง่าย ๆ ด้วยตนเอง[/direct]
[direct=http://www.jimbeautify.com/forum/index.php] ประกาศขายสินค้าต่าง ๆ[/direct]
[direct=http://www.jimbeautify.com/forum/index.php?topic=15.0]คลิีกดูรายละเอียดเข้าร่วมฝึกอบรมทำป้ายทะเบียนกันน้ำแบบมืออาชีพ
[/direct]

jim_no1

หลังจากพยายามมานาน
กว่าจะรู้เรื่อง เล่นเอาซะหมดเวลาไปตั่งหลายวันแหนะ

ก็คนมันไม่รู้่เรื่องนี่หน่า............
ตอนนี้ได้ข้อสรุปเรียบร้อยละ

แล้วก็ทำได้แล้วด้วย

เหลือเพียงแค่ว่า จะเพิ่มปุ่มแชร์ ไปที่หน้า Line เท่านั้น
แต่คงต่องใช้เวลาอีกนานเลย

ก็คนมันไม่เข้าใจเรื่องโค๊ตนี่หน่า.......... :wanwan012:
[direct=http://www.jimbeautify.com]jimbeautify.com ป้ายทะเบียนยาว[/direct]
[direct=http://jimbeautify.com/design/Plate_car/home_car.php]jimbeautify ออกแบบรถอย่างง่าย ๆ ด้วยตนเอง[/direct]
[direct=http://www.jimbeautify.com/forum/index.php] ประกาศขายสินค้าต่าง ๆ[/direct]
[direct=http://www.jimbeautify.com/forum/index.php?topic=15.0]คลิีกดูรายละเอียดเข้าร่วมฝึกอบรมทำป้ายทะเบียนกันน้ำแบบมืออาชีพ
[/direct]

Tputti

อ้างถึงจาก: jim_no1 ใน 05 ธันวาคม 2015, 23:15:56
หลังจากพยายามมานาน
กว่าจะรู้เรื่อง เล่นเอาซะหมดเวลาไปตั่งหลายวันแหนะ

ก็คนมันไม่รู้่เรื่องนี่หน่า............
ตอนนี้ได้ข้อสรุปเรียบร้อยละ

แล้วก็ทำได้แล้วด้วย

เหลือเพียงแค่ว่า จะเพิ่มปุ่มแชร์ ไปที่หน้า Line เท่านั้น
แต่คงต่องใช้เวลาอีกนานเลย

ก็คนมันไม่เข้าใจเรื่องโค๊ตนี่หน่า.......... :wanwan012:


Line เอานี่ไปแปะ ..


<span>
<script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411" ></script>
<script type="text/javascript">
new media_line_me.LineButton({"pc":false,"lang":"en","type":"b"});
</script>
</span>



จะเห็นปุ่มแชร์เฉพาะมือถือ หรือแท็บเล็ตที่ลงแอฟไลน์ไว้เท่านั้นนะ ...


อ่านเพิ่มที่นี่ ... http://www.thaiseoboard.com/index.php/topic,362058.0.html


perm0123

โอ้ กำลังอยากได้อยู่เลยครับท่าน
ใครชอบซื้อของก็มาใช้บริการจากเว็บที่ รับสั่งของ รับซื้อของจาก ebay amazon aliexpress และอื่นๆ แถมยังมีเกมส์ เกมส์ออนไลน์ เกมส์น่าเล่นมากมายรวมมาไว้ที่นี่แล้ว ไว้ให้เล่นกันก่อนนอนอีกด้วยนะ เติมเงิน paypal ลองอ่านได้เลย

jim_no1

อ้างถึงจาก: Tputti ใน 06 ธันวาคม 2015, 11:37:09
อ้างถึงจาก: jim_no1 ใน 05 ธันวาคม 2015, 23:15:56
หลังจากพยายามมานาน
กว่าจะรู้เรื่อง เล่นเอาซะหมดเวลาไปตั่งหลายวันแหนะ

ก็คนมันไม่รู้่เรื่องนี่หน่า............
ตอนนี้ได้ข้อสรุปเรียบร้อยละ

แล้วก็ทำได้แล้วด้วย

เหลือเพียงแค่ว่า จะเพิ่มปุ่มแชร์ ไปที่หน้า Line เท่านั้น
แต่คงต่องใช้เวลาอีกนานเลย

ก็คนมันไม่เข้าใจเรื่องโค๊ตนี่หน่า.......... :wanwan012:


Line เอานี่ไปแปะ ..


<span>
<script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411" ></script>
<script type="text/javascript">
new media_line_me.LineButton({"pc":false,"lang":"en","type":"b"});
</script>
</span>



จะเห็นปุ่มแชร์เฉพาะมือถือ หรือแท็บเล็ตที่ลงแอฟไลน์ไว้เท่านั้นนะ ...


อ่านเพิ่มที่นี่ ... http://www.thaiseoboard.com/index.php/topic,362058.0.html


ขอบคุณสำหรับคำแนะนำครับ
1 ให้และ

เพียงแต่ที่ให้คำแนะนำผมมาน่ะ มันเป็นวิธีที่ใช้ผ่านมือถือ
แต่ที่ผมต่องการน่ะ (ถ้าหากเป็นไปได้นะ)

คือต่องการที่จะทำเป็นปุ่ม เหมือนกะปุ่มแชร์ Twitter, Facdbook อะไรแบบนั้นเลยน่ะครับ
แล้วก็ถ้าหากว่า สามารถใช้ได้ทั้ง คอมฯ ด้วยก็จะยิ่งเจ็งเข้าไปใหญ่เลย

ตอนนี้กำลังทดลองทำดูอยู่ครับ
[direct=http://www.jimbeautify.com]jimbeautify.com ป้ายทะเบียนยาว[/direct]
[direct=http://jimbeautify.com/design/Plate_car/home_car.php]jimbeautify ออกแบบรถอย่างง่าย ๆ ด้วยตนเอง[/direct]
[direct=http://www.jimbeautify.com/forum/index.php] ประกาศขายสินค้าต่าง ๆ[/direct]
[direct=http://www.jimbeautify.com/forum/index.php?topic=15.0]คลิีกดูรายละเอียดเข้าร่วมฝึกอบรมทำป้ายทะเบียนกันน้ำแบบมืออาชีพ
[/direct]

drakbit

ขายแล้วนะครับ ++++++++++++++


ieiq

ทำดีได้ดี เพราะทำด้วยใจ

Tputti

#35
อ้างถึงจาก: jim_no1 ใน 06 ธันวาคม 2015, 12:36:54
อ้างถึงจาก: Tputti ใน 06 ธันวาคม 2015, 11:37:09
อ้างถึงจาก: jim_no1 ใน 05 ธันวาคม 2015, 23:15:56
หลังจากพยายามมานาน
กว่าจะรู้เรื่อง เล่นเอาซะหมดเวลาไปตั่งหลายวันแหนะ

ก็คนมันไม่รู้่เรื่องนี่หน่า............
ตอนนี้ได้ข้อสรุปเรียบร้อยละ

แล้วก็ทำได้แล้วด้วย

เหลือเพียงแค่ว่า จะเพิ่มปุ่มแชร์ ไปที่หน้า Line เท่านั้น
แต่คงต่องใช้เวลาอีกนานเลย

ก็คนมันไม่เข้าใจเรื่องโค๊ตนี่หน่า.......... :wanwan012:


Line เอานี่ไปแปะ ..


<span>
<script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411" ></script>
<script type="text/javascript">
new media_line_me.LineButton({"pc":false,"lang":"en","type":"b"});
</script>
</span>



จะเห็นปุ่มแชร์เฉพาะมือถือ หรือแท็บเล็ตที่ลงแอฟไลน์ไว้เท่านั้นนะ ...


อ่านเพิ่มที่นี่ ... http://www.thaiseoboard.com/index.php/topic,362058.0.html


ขอบคุณสำหรับคำแนะนำครับ
1 ให้และ

เพียงแต่ที่ให้คำแนะนำผมมาน่ะ มันเป็นวิธีที่ใช้ผ่านมือถือ
แต่ที่ผมต่องการน่ะ (ถ้าหากเป็นไปได้นะ)

คือต่องการที่จะทำเป็นปุ่ม เหมือนกะปุ่มแชร์ Twitter, Facdbook อะไรแบบนั้นเลยน่ะครับ
แล้วก็ถ้าหากว่า สามารถใช้ได้ทั้ง คอมฯ ด้วยก็จะยิ่งเจ็งเข้าไปใหญ่เลย

ตอนนี้กำลังทดลองทำดูอยู่ครับ


แนวทางธุรกิจของไลน์ มันเน้นแอฟในมือถือเป็นหลัก (Line on pc มันออกมาแค่แก้ขัดให้คนไม่มีมือถือได้ใช้ แต่ก็ต้องไปเริ่มต้นแอคทิเวทกับมือถือก่อนอยู่ดี สังเกตุดูสิครับ)

ดังนั้นไม่ค่อยมีโค๊ดรองรับ Line on PC (ถึงมีรูปโผล่ก็ใช้ไม่ค่อยได้)



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

jim_no1

อ้างถึงจาก: Tputti ใน 07 ธันวาคม 2015, 11:35:02
อ้างถึงจาก: jim_no1 ใน 06 ธันวาคม 2015, 12:36:54
อ้างถึงจาก: Tputti ใน 06 ธันวาคม 2015, 11:37:09
อ้างถึงจาก: jim_no1 ใน 05 ธันวาคม 2015, 23:15:56
หลังจากพยายามมานาน
กว่าจะรู้เรื่อง เล่นเอาซะหมดเวลาไปตั่งหลายวันแหนะ

ก็คนมันไม่รู้่เรื่องนี่หน่า............
ตอนนี้ได้ข้อสรุปเรียบร้อยละ

แล้วก็ทำได้แล้วด้วย

เหลือเพียงแค่ว่า จะเพิ่มปุ่มแชร์ ไปที่หน้า Line เท่านั้น
แต่คงต่องใช้เวลาอีกนานเลย

ก็คนมันไม่เข้าใจเรื่องโค๊ตนี่หน่า.......... :wanwan012:


Line เอานี่ไปแปะ ..


<span>
<script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411" ></script>
<script type="text/javascript">
new media_line_me.LineButton({"pc":false,"lang":"en","type":"b"});
</script>
</span>



จะเห็นปุ่มแชร์เฉพาะมือถือ หรือแท็บเล็ตที่ลงแอฟไลน์ไว้เท่านั้นนะ ...


อ่านเพิ่มที่นี่ ... http://www.thaiseoboard.com/index.php/topic,362058.0.html


ขอบคุณสำหรับคำแนะนำครับ
1 ให้และ

เพียงแต่ที่ให้คำแนะนำผมมาน่ะ มันเป็นวิธีที่ใช้ผ่านมือถือ
แต่ที่ผมต่องการน่ะ (ถ้าหากเป็นไปได้นะ)

คือต่องการที่จะทำเป็นปุ่ม เหมือนกะปุ่มแชร์ Twitter, Facdbook อะไรแบบนั้นเลยน่ะครับ
แล้วก็ถ้าหากว่า สามารถใช้ได้ทั้ง คอมฯ ด้วยก็จะยิ่งเจ็งเข้าไปใหญ่เลย

ตอนนี้กำลังทดลองทำดูอยู่ครับ


แนวทางธุรกิจของไลน์ มันเน้นแอฟในมือถือเป็นหลัก (Line on pc มันออกมาแค่แก้ขัดให้คนไม่มีมือถือได้ใช้ แต่ก็ต้องไปเริ่มต้นแอคทิเวทกับมือถือก่อนอยู่ดี สังเกตุดูสิครับ)

ดังนั้นไม่ค่อยมีโค๊ดรองรับ Line on PC (ถึงมีรูปโผล่ก็ใช้ไม่ค่อยได้)



ปล.โค๊ดนี้ เวลาติดตั้งมันจะขึ้นรูปแบบที่คุณต้องการนะครับ แต่ต้องเปิดดูด้วยมือถือที่หรือแท็บเล็ตที่ลงแอฟไลน์ไว้ ถ้าเปิดด้วยคอมจะมองไม่เห็น(ความหมายคือ คอมมันไม่ได้ผูกกับระบบแอฟ ต่อให้มีรูปปุ่มแชร์บนเบร้าเซอร์ก็ไม่มีประโยชน์ อาจจะทำให้รุงรังและหน่วงการโหลดเพิ่มขึ้นด้วย)
1 ให้แล้วครับ
ขอบคุณสำหรับคำแนะนำครับ
[direct=http://www.jimbeautify.com]jimbeautify.com ป้ายทะเบียนยาว[/direct]
[direct=http://jimbeautify.com/design/Plate_car/home_car.php]jimbeautify ออกแบบรถอย่างง่าย ๆ ด้วยตนเอง[/direct]
[direct=http://www.jimbeautify.com/forum/index.php] ประกาศขายสินค้าต่าง ๆ[/direct]
[direct=http://www.jimbeautify.com/forum/index.php?topic=15.0]คลิีกดูรายละเอียดเข้าร่วมฝึกอบรมทำป้ายทะเบียนกันน้ำแบบมืออาชีพ
[/direct]

wattasin

[direct=http://witsava.com]เครื่องเป่าแอลกอฮอล์[/direct] [direct=http://witsava.com]เครื่องวัดแอลกอฮอล์[/direct]
[direct=http://witsava.com]เครื่องตรวจวัดแอลกอฮอล์[/direct] [direct=http://witsava.com]เครื่องตรวจแอลกอฮอล์[/direct]

sahawat


nitikon101

ทำอย่างไรบอกผมหน่อยครับ ผมใช้ smf 1.1.16