LevelUp! Studio » twitter https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 ติดปุ่ม Like, Share และ Retweet บนเว็บไซต์ของคุณ 2 https://blog.levelup.in.th/2010/07/31/how-to-add-facebook-like-button-facebook-share-twitter-retweet-button-to-your-website-2%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%9b%e0%b8%b8%e0%b9%88%e0%b8%a1-like-share-%e0%b9%81%e0%b8%a5%e0%b8%b0-retwee/ https://blog.levelup.in.th/2010/07/31/how-to-add-facebook-like-button-facebook-share-twitter-retweet-button-to-your-website-2%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%9b%e0%b8%b8%e0%b9%88%e0%b8%a1-like-share-%e0%b9%81%e0%b8%a5%e0%b8%b0-retwee/#comments Sat, 31 Jul 2010 12:02:28 +0000 http://blog.levelup.in.th/?p=671 เพิ่มเติมจากบทความของคุณ 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″ );
]]> https://blog.levelup.in.th/2010/07/31/how-to-add-facebook-like-button-facebook-share-twitter-retweet-button-to-your-website-2%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%9b%e0%b8%b8%e0%b9%88%e0%b8%a1-like-share-%e0%b9%81%e0%b8%a5%e0%b8%b0-retwee/feed/ 2 ติดปุ่ม Like, Share และ Retweet บนเว็บไซต์ของคุณ https://blog.levelup.in.th/2010/06/15/how-to-add-facebook-like-button-facebook-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-%e0%b9%81%e0%b8%a5%e0%b8%b0-retweet/ https://blog.levelup.in.th/2010/06/15/how-to-add-facebook-like-button-facebook-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-%e0%b9%81%e0%b8%a5%e0%b8%b0-retweet/#comments Tue, 15 Jun 2010 13:26:48 +0000 http://blog.levelup.in.th/?p=638 update งวดนี้มาดูวิธีแปะปุ่ม Like , Share แล้วก็ Re-tweet บนเว็บไซต์กันดีกว่า โดย api ของปุ่ม Like และ Share นั้นจะเป็นของทาง Facebook เอง ส่วนปุ่ม Re-tweet นั้นจะมาจากเว็บ tweetmeme ครับ

Social Share

<html>
<head>
<meta name=”title” content=”Levelup Studio Social Share Tips.” />
<meta name=”description” content=”How to add facebook like button, facebook share, twitter retweet button to your website.” />
<link rel=”image_src” href=”http://heha.levelup.in.th/blog/images/levelup.png” />
<meta name=”medium” content=”news” />
<title>How to add facebook like button, facebook share, twitter retweet button to your website.</title>
</head>
<body>
<a name=”fb_share” share_url=”http://heha.levelup.in.th/test_social_share.php?d=6″ type=”button_count” href=”http://www.facebook.com/sharer.php”>Share</a>
<div id=’rt_box’ style=’float: left’></div>
<div style=’clear: both’></div>
<div id=’like_box’></div>
<script type=’text/javascript’>
function  insertSocialShare() {
if (document.getElementById(“rt_box”) && document.getElementById(“like_box”)) {
var shareUrl = escape(document.URL+’?d=6′);
var username = “lvup_rtbot”;
var iframeCode = “<iframe src=\”http://api.tweetmeme.com/button.js?url=” + shareUrl + “&amp;style=compact&amp;source=”+ username +”&amp;service=bit.ly\” scrolling=\”no\” frameborder=\”0\” width=\”90\” height=\”20\” ></iframe>”;
var iframeCode2 = “<iframe src=\”http:\/\/www.facebook.com\/plugins\/like.php?href=”+ shareUrl +”&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=35\” scrolling=\”no\” frameborder=\”0\” style=\”border:none; overflow:hidden; width:450px; height:35px;\” allowTransparency=\”true\”><\/iframe>”;
document.getElementById(“rt_box”).innerHTML = iframeCode;
document.getElementById(“like_box”).innerHTML = iframeCode2;
}
}
function XBrowserAddHandler(target,eventName,handlerName)
{
if ( target.addEventListener )
target.addEventListener(eventName, handlerName, false);
else if ( target.attachEvent )
target.attachEvent(“on” + eventName, handlerName);
else
target["on" + eventName] = handlerName;
}
XBrowserAddHandler(window, ‘load’, insertSocialShare);
</script>
<script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script>
</body>
</html>

จาก code ด้านบนสามารถ Copy ไปใช้งานได้เลยครับ โดยจะเห็นว่าผมใช้ javascript สั่งเพิ่ม iframe เข้าไปใน innerHTML ภายหลังเนื่องจาก ปกติแล้วหาก iframe โหลดไม่เสร็จจะพลอยทำให้เว็บหลักโหลดไม่เสร็จตามไปด้วย ทำให้ผู้ใช้เห็นข่าวของเราช้า ดังนั้นจึงต้องใช้ javascript ใส่เองภายหลังจากที่หน้าเอกสารโหลดเสร็จสิ้นแล้ว รายละเอียดที่ปรับได้เพิ่มเติมมีดังนี้ครับ

  • <meta> ที่ผมแทรกไว้ด้านบน จะมี title, description ใช้กำหนดเนื้อหาที่จะให้แสดงของปุ่ม Facebook Share ครับ และยังรวมไปถึงชื่อเรื่องที่จะแสดงใน Wall จากการกดปุ่ม Like ด้วย
  • <link rel=”image_src” href=”…”> อันนี้ใช้กำหนดรูปที่จะแสดงของปุ่ม Facebook Share ครับ
  • <title> ใส่หัวข้อข่าวเช่นเดียวกับ <meta> แต่อันนี้ใช้กับปุ่ม Re-tweet ให้แสดงในข้อความที่จะ tweet ด้วย
  • <a name=”fb_share” share_url=”…”> ใช้กำหนด URL ที่ต้องการ Share กับปุ่ม Facebook Share กรณ๊ต้องการ Share หน้าอื่น (เช่นข่าวใน RSS) และส่วนนี้คือส่วนแสดงปุ่ม Share
  • <div id=’rt_box’> กับ <div id=’like_box’> คือตำแหน่งที่จะแสดงปุ่ม Re-tweet และปุ่ม Like ตามลำดับ
  • script javascript function insertSocialShare – ใช้สั่งให้แทรก iframe หลังจากหน้าโหลดเสร็จแล้ว (ความจริงควรแยกเป็น file .js จะได้เรียกง่ายๆ แต่ผมแสดงให้อ่านง่ายครับ)
  • shareUrl –  คือ url ที่จะแชร์ต่อให้กับ twitter และปุ่ม Like สามารถเซ็ตเป็นอะไรก็ได้เช่นกัน
  • username – คือต้องการให้แสดงว่า RT ใครของ twitter ครับ
  • script javascript function XBrowserAddHandler ใช้ add event ตอนโหลดหน้าเสร็จให้ใช้ได้ทุก Browser
  • <script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script> อันนี้ javascript ของปุ่ม Share เอาไว้ด้านล่างสุดเพื่อจะได้ไม่กระทบต่อการโหลดหน้าเนื้อหา

ส่วนที่เห็นผมใส่ ?d=6 ไว้ก็เพราะมันจะ cache ผลลัพธ์ที่เคยใช้งานไปแล้วเอาไว้ ถ้ามีการแก้ไขข้อมูลแล้วอยากเห็นข้อมูลที่เปลี่ยนไปก็เปลี่ยนเลข id เป็นอะไรก็ได้ที่ไม่ซ้ำเดิมเอาครับ

ลองดูตัวอย่างผลลัพท์ได้ที่นี่

ข้อมูลอ้างอิง:

http://www.seomofo.com/wordpress/tweetmeme-retweet-button.html
http://developers.facebook.com/docs/reference/plugins/like
http://www.facebook.com/facebook-widgets/share.php

]]> https://blog.levelup.in.th/2010/06/15/how-to-add-facebook-like-button-facebook-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-%e0%b9%81%e0%b8%a5%e0%b8%b0-retweet/feed/ 11 คิดสักนิดก่อน update status, tweet https://blog.levelup.in.th/2010/03/28/think-before-update-status-tweet%e0%b8%84%e0%b8%b4%e0%b8%94%e0%b8%aa%e0%b8%b1%e0%b8%81%e0%b8%99%e0%b8%b4%e0%b8%94%e0%b8%81%e0%b9%88%e0%b8%ad%e0%b8%99-update-status-tweet/ https://blog.levelup.in.th/2010/03/28/think-before-update-status-tweet%e0%b8%84%e0%b8%b4%e0%b8%94%e0%b8%aa%e0%b8%b1%e0%b8%81%e0%b8%99%e0%b8%b4%e0%b8%94%e0%b8%81%e0%b9%88%e0%b8%ad%e0%b8%99-update-status-tweet/#comments Sun, 28 Mar 2010 15:55:54 +0000 http://blog.levelup.in.th/?p=443 อันนี้เป็นเรื่องของความปลอดภัยของชีวิตและทรัพย์สินของคนทั่วไปครับ ปกติเรามักจะ tweet อะไรกัน?

  • อยู่ที่ไหนอยู่
  • กำลังออกจากบ้านไปข้างนอก
  • กำลังทำอะไรอยู่

ก็เหมือนจะเป็นเรื่องทั่วๆ ไปใช่ไหมครับ ใครๆ เขาก็ทำกัน นอกจากนี้ยังมีเรื่องความเป็นส่วนตัวของเราก็จะเริ่มลดน้อยลงไปทุกทีๆ แม้แต่ตำแหน่งการ tweet และบอกที่อยู่ของเราอย่างชัดเจนจาก location base service (จาก twitter client บางตัว รวมไปถึง foursquare)  แต่ว่าเมื่อไม่กี่วันมานี้มีข่าวมาว่า “update facebook status ทำให้โดนปล้น” โดยโจรสามารถปล้นทรัพย์สินไปได้รวมทั้งสิ้น 10,000$ ภายในเวลาเพียง 13 นาที จากเทปภาพที่บันทึกไว้ โชคยังดีที่สามารถจับโจรรายนี้ได้แล้ว ผู้เสียหาย Keri McMullen ได้กล่าวว่าเธอได้ update status facebook ว่าออกไปดูคอนเสิร์ต และตัวโจรซึ่งเป็น friend กับเธออยู่ใน facebook และเป็นเพื่อนเก่าของเธอที่ไม่ได้เจอหน้ามา 20 ปี ได้ดักรอเวลาและเข้ามากวาดทรัพย์สินไปทันทีที่เธอออกไปข้างนอก ซึ่งทางเจ้าหน้าที่คิดว่าโจรคงจะดูตัวอย่างจากเว็บ http://pleaserobme.com/ ซึ่งเป็นเว็บเตือนภัยไม่ให้บอกข้อมูลส่วนตัวมากเกินไปนั่นเอง

นอกจากนี้ข้อมูลส่วนตัวของเราที่อยู่บน facebook เช่นที่อยู่ เบอร์โทรศัพท์มือถือ อีเมล์ ซึ่งจากบทความครั้งก่อนๆ ของผมจะมีบอกวิธีการเซ็ตระดับ privacy(ความเป็นส่วนตัว) เอาไว้แล้ว จะเกิดอะไรขึ้นบ้างหากข้อมูลส่วนตัวของคุณหลุดไป?

  • การบอกตำแหน่ง tweet ตัวเองให้คนอื่นรู้ทาง GPS location – อันนี้เกิดปัญหาเดียวกับข้างบนครับ คือโจรรู้ว่าคุณอยู่ที่ไหนแล้ว ยิ่งพิกัดชัดเจนมากเท่าไรโจรจะสามารถรู้ได้เลยนะว่าคุณจะต้องใช้เวลาอีกเท่าไหร่กว่าจะถึงบ้าน! มีเวลาให้ค้นของอีกนานแค่ไหน :(
  • เบอร์โทรศัพท์มือถือหรือเบอร์บ้าน – อันนี้โดยปกติค่า privacy จะเซ็ตที่ friends เท่านั้นที่เห็น ก็เหมือนจะปลอดภัยใช่ไหมครับ แต่ทุกวันนี้คุณคงปฏิเสธไม่ได้ว่าคุณได้เป็นเพื่อนกับคนแปลกหน้าอีกไม่รู้กี่ร้อย กี่พันคน ใครขอเป็น friend มาก็รับหมด แล้วจะปลอดภัยหรือครับ? หากใครเกิดแค้นคุณขึ้นมา(อาจมาจากดราม่าพันธุ์ทิพย์ที่คุณไปโพสต์ข้อความเอามันส์ไว้ และเขารู้ facebook ของคุณ) เขาสามารถปลอมตัวมาเป็น friend เพื่อมาเอาเบอร์คุณไปโพสต์ข้อความเสียๆ หายๆ เช่น “อยากเสียว โทรหา xxx-xxxx สิคะ” ก็ได้นะใครจะไปรู้ คำแนะนำของผมคือเซ็ตที่ Only Me ครับ ถ้าใครอยากได้เบอร์จริงๆ ปกติเรามักจะเป็นคนบอกเองอยู่แล้วด้วย chat, message หรืออะไรก็แล้วแต่
  • อีเมล์ – ตรงนี้ไม่อันตรายมากนัก เพราะเอาไปทำอะไรไม่ได้มาก bot ก็ไม่สามารถมา scan หาอีเมล์ไป spam ได้ง่ายๆ เพราะต้องเป็น friend กับเราก่อน แต่ปัญหาอาจจะไปอยู่ที่ตอนคุณใช้งาน application ต่างๆ มากกว่าที่มักจะมีข้อความขออีเมล์ของคุณติดอยู่ข้างบน ตรงนี้แก้ง่ายมาก หากเราต้องการของรางวัลในเกมจากการให้อีเมล์กับ application นั้นๆ เราสามารถกด change (default จะเป็นเมล์จริงเรา) เลือกให้เป็น proxied mail ซึ่งจะได้เป็นชื่อ xxxx@proxymail.facebook.com แทน(แต่ละ app จะให้ชื่อเมล์ที่ไม่เหมือนกัน) ซึ่งทางเกมยังสามารถส่งอีเมล์หาเราได้อยู่โดยผ่าน facebook เป็นตัวกลาง คนที่รู้อีเมล์จริงของเราคือ facebook ไม่ใช่ application นั้นๆ และถ้าเจอ spam ขึ้นมา เราก็แค่ไปกด permission ส่ง email ของ app นั้นๆ ออกก็พอแล้ว :)

ส่วน hometown ประเทศนั้นไม่มีปัญหาเท่าไหร่ครับ และมักจะเป็นประโยชน์กับตัวเรามากกว่าด้วยเพราะ application จะนำข้อมูลประเทศไปใช้ในการออกบริการที่สอดคล้องกับเราจริงๆ ออกมาทำให้เราสามารถใช้บริการได้สะดวกขึ้น (รวมไปถึงเห็นโฆษณาที่อยู่ในประเทศเราเองด้วย)

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

]]> https://blog.levelup.in.th/2010/03/28/think-before-update-status-tweet%e0%b8%84%e0%b8%b4%e0%b8%94%e0%b8%aa%e0%b8%b1%e0%b8%81%e0%b8%99%e0%b8%b4%e0%b8%94%e0%b8%81%e0%b9%88%e0%b8%ad%e0%b8%99-update-status-tweet/feed/ 0