ติดปุ่ม Like, Share และ Retweet บนเว็บไซต์ของคุณ 2 by

31
Jul
2

เพิ่มเติมจากบทความของคุณ heha นะครับ ติดตามได้ที่นี่

ติดปุ่ม Like, Share และ Retweet บนเว็บไซต์ของคุณ

จากบทความข้างบนจะเป็นการใช้ script สำเร็จรูป และมีการนับจำนวนให้นะครับ แต่ script ที่ยกมานั้นจะไม่รองรับ ssl ครับ ทำให้ browser บางรุ่นไม่ยอมรัน script เหล่านี้ครับ บทความนี้จึงจะมาบอกเกี่ยวกับทางแก้นะครับ

1. สำหรับของ facebook
facebook จะมี script สำหรับใช้กับ ssl ให้อยู่แล้วครับ วิธีใช้งานจะเหมือนกับของ heha เพียงแต่เปลี่ยนลิ้ง script จาก

http://static.ak.fbcdn.net/connect.php/js/FB.Share

เป็น

https://ssl.connect.facebook.com/connect.php/js/FB.Share

หรือ จะใช้วิธีส่งข้อมูลผ่าน url ธรรมดาก็ได้ครับ ตามรูปแบบข้างล่างนี้ครับ

http://www.facebook.com/sharer.php?u=`share_url`

โดยเปลี่ยน `share_url` เป็นลิ้งที่เราต้องการครับ อย่าลืม urlencode() ก่อนนะครับ แต่ถ้ายกให้เป็น popup ก็ใส่ script popup เข้าไปด้วยเลยครับ เช่น

window.open( “http://www.facebook.com/sharer.php?u=`share_url`”, “myWindow”, “status = 1, height = 449, width = 620, resizable = 1″ );

เท่านี้ เราก็จะสามารถ share facebook บน ssl ได้แล้วครับ

2. twitter
twitter นี้ จะมีการส่งค่าง่ายๆผ่าน url อยู่แล้วนะครับ คือ

http://twitter.com/home?status=`tweet_text`

โดย `tweet_text` จะเป็นข้อความที่ต้องการให้twit นะครับ เช่นเดียวกับของ facebook ถ้าจะให้กดแล้วออกมาเป็น popup ก็ใส่ script popup ลงไปครับ

window.open( “http://twitter.com/home?status=`tweet_text`”, “myWindow”, “status = 1, height = 650, width = 1024, resizable = 1″ );

Enjoy this article?

Consider subscribing to our RSS feed!

2 ความเห็น

  1. build
    15:21 on September 7th, 2010

    เวบผมไม่ใช่ wordpress นะคับ เป็นเวบ html , php นะคับ แบบนี้จะใส่อย่างไรคับ ผมมีแค่โค๊ด iframe คืออยากให้เวลากด like แล้วมันเก็บ title เวบไปด้วยนะคับ แบบของคุณนี้ผมยัง งงอะคับ พออธิบายกว้างกว่านี้ได้ปะคับ แหะๆ ขอบคุณคับ

  2. heha
    20:08 on September 16th, 2010

    ทำตามบทความ http://blog.levelup.in.th/2010/06/15/how-to-add-facebook-like-button-%20facebook-share-twitter-retweet-button-to-your-website%E0%B8%95%E0%B8%B4%E0%B8%94%E0%B8%9B%E0%B8%B8%E0%B9%88%E0%B8%A1-like-share-%20%E0%B9%81%E0%B8%A5%E0%B8%B0-retweet
    ได้เลยครับ เป็นสำหรับทุกๆ เว็บ ไม่ใช่สำหรับเฉพาะ wordpress อยู่แล้วครับ

ใส่ความเห็น

RSS feed for comments on this post

 เราชนะรอบ 4 | ยืมเงิน 3000 ด่วน | แอพกู้เงิน | แอพเงินด่วน | สินเชื่อออนไลน์อนุมัติทันที | Site Map | กู้เงินก้อน | กระเป๋าตัง | thisshop และ ยืมเงินฉุกเฉิน 5000 ด่วน