LevelUp! Studio » social network 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 Social Game – ผู้มาปฎิวัติวงการเกมส์ #1 https://blog.levelup.in.th/2010/03/31/social-game/ https://blog.levelup.in.th/2010/03/31/social-game/#comments Tue, 30 Mar 2010 17:41:59 +0000 http://blog.levelup.in.th/?p=435 Social Game คืออะไร?

ถ้าพูดว่า Social Game อาจจะงงๆกันว่า หมายถึงอะไร? แต่ถ้าพูดถึง Facebook Game คงไม่มีใครที่ไม่รู้จัก กับกระแสความแรงจนฉุดไม่อยู่ จนถึงขั้นที่ใครไม่เล่นก็ถึงกับตกเทรนด์กันเลยทีเดียว โดยคำว่า Facebook Game จะหมายถึง เกมส์ที่ให้บริการบนเวปไซต์ “Facebook” Social network ที่ใหญ่ที่สุดในโลกหน่ะตอนนี้ ซึ่งเกมส์ส่วนใหญ่บน Facebook อาจจะดูไม่ได้แตกต่างจากเกมส์เดิมๆที่เราๆเคยเล่นกันสมัยก่อนมากมายนัก แล้วทำไม Social Game เหล่านี้ถึงสามารถสร้าง Traffic คนเล่นจำนวนมหาศาลได้ในเวลาไม่นาน ตัวอย่างเพียงเกมส์ Flash ที่ดูไม่มีอะไรมาก กลับดึงดูดผู้เล่นได้นับแสน อะไรคือเคล็ดลับ และปัจจัยที่ทำให้ Social Game สามารถแพร่กระจายได้อย่างรวดเร็วขนาดนี้กัน

ยุคแห่ง Social network

Social network ได้เริ่มกล่าวถึง และเริ่มมีอิทธิพลต่อการใช้ชีวิตของเราๆกันมากขึ้นทุกวัน จุดต่างของ Social network และการสื่อสารยุคก่อนเช่น e-mail , webboard คือ สามารถติดต่อ และ แบ่งปันข้อมูลร่วมกับเพื่อนฝูงได้อย่างสะดวกกว่าแต่ก่อน ทำให้การกระจายข้อมูลข่าวต่างๆสามารถไปได้อย่างรวดเร็ว และผู้ใช้ก็สามารถเลือกเราข่าวสารได้อย่างอิสระ ซึ่ง Social network ก็มีหลากหลายประเภทมาก ทั้งแบ่งตามกลุ่มผู้ใช้งาน ตามความสนใจ ตามภาษา หรือตาม ประเภทข้อมูลที่แบ่งปันกัน โดยผู้นำตลาดในวงการ Social network คงต้องยกให้ Facebook เว็ปไซต์อันดับสองของโลกในขณะนี้  ด้วยจำนวนสมาชิกกว่า 300 ล้านคนทั่วโลก และกว่า 1.6 ล้านคนในประเทศไทย

สำหรับสถิติผู้ใช้งาน Facebook อย่างละเอียดสามารถดูได้ที่ http://www.checkfacebook.com/

เกมเพื่อมวลชน

ถ้าพูดถึงเกมส์ในยุคก่อนๆนั้น เราคงจะคิดถึงเครื่องเกมกด หรือว่า เครื่องเกมที่ต้องต่อกับโทรทัศน์  ซึ่งคนที่จะเล่นได้จำเป็นต้องมีเครื่องเกม และต้องหาซื้อเกมมาเล่นกัน ลงทุนก็ไม่น้อย พ่อแม่ก็เห็นว่าไม่จำเป็นอีก จึงไม่อยากให้เล่นกันมาก  หรือไม่ก็ไปหยอดเหรียญเล่นตามตู้เกมแทน ทำให้เกมยุคนั้นส่วนใหญ่จะค่อนข้างถูกจำกัดอยู่ในวงแคบของกลุ่มผู้ชื่นชอบเกม แต่เมื่อเวลาผ่านไป เกมส์ค่อยๆแทรกซึมเข้ารวมกับเรื่องอื่นๆ เช่น เกมเพื่อการศึกษา เกมส์เพื่อการฝึกทักษะต่างๆ (BrainAge) รวมถึง เกมส์เพื่อการออกกำลังกาย (Wii) รวมถึงราคาของเครื่องเกมที่ราคาถูกลง และ เครื่องคอมพิวเตอร์ที่เริ่มมีใช้กันในครอบครัวมากขึ้น ก็มีเกมให้เลือกเล่นได้มากมาย ทั้งจะดาวน์โหลดมาเล่น เล่นผ่านเวปไซต์ จำพวก Flash Game รวมทั้งเกมออนไลน์ รวมทั้งมือถือที่เดียวนี้ก็สามารถโหลดเกมมาเล่นได้อย่างไม่ยากเย็น ซึ่งการเปลี่ยนแปลงนี้ทำให้กลุ่มผู้เล่นเกมจากเดิมที่เป็นกลุ่มเล็กๆ ได้ขยายกว้างไปสู่หลากหลายกลุ่มมาก ทั้งเด็ก ผู้หญิง แม่บ้าน วัยทำงาน ผู้สูงอายุ ต่างก็มีโอกาสได้สัมผัสกับเกมส์มากขึ้น ทำให้เกมส์มีความหลากหลายมากขึ้น ตามแต่กลุ่มเป้าหมายที่ต่างกันไป

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

มีเพื่อนเล่นด้วยสนุกกว่า

เคยเทียบมั้ยระหว่าง การเล่นเกมคนเดียว นั่งกดเล่นๆไปเรื่อยๆอย่างไร้จุดหมาย กับการมีเพื่อนมาเล่นด้วย หรือแค่เพียงคอยเชียร์ บรรยากาศการเล่นนั้นต่างกันโดยสิ้นเชิงเลย ถ้าเคยเล่นเกม Multiplayer สมัยกว่า เช่น Bomberman หรือ Dokapon จะเข้าใจได้ชัดว่า การมีเพื่อนเล่นมาตะโกนโหวกเวก โวยวาย มันมีสีสันกว่ากันแค่ไหน หรือเทียบย้อนไปไกลกว่านั้นก็เป็นพวก เกมเศรษฐี , Monopoly ที่ทุกๆคนมาล้อมวงเล่นกันก็ได้ แต่ข้อเสียของเกมประเภทนี้คือการนัดรวมเพื่อนเพื่อมาเล่นเกมกันเป็นไปได้ไม่ง่ายนัก กว่าจะได้เล่นเกมนึงก็เสียเวลาไปมาก

หลักการของ Social Game พยายามจำลองอารมณ์การมีเพื่อนเล่นด้วย แม้จะไม่ได้นั่งเล่นติดๆและเล่นพร้อมๆกันเหมือนแต่ก่อน โดยการพยายามดึงเพื่อนของผู้ใช้ใน Social network มาทำให้เกมมีอะไรให้สนุกๆทำมากขึ้น ด้วยระบบต่างๆ ทั้งช่วยเหลือกัน แกล้งกัน หรือจะแข่งขันกัน จนทำให้ผู้เล่นรู้สึกได้ว่า เค้าไม่ได้เล่นเกมนี้อย่างเหงาๆอยู่คนเดียว แต่มีเพื่อนอีกนับร้อยที่เห็นเค้าเล่นอยู่ และยังสามารถปฎิสัมพันธ์กันได้ด้วย

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

Facebook ตลาดเกมเสรี

Viral

Nature of Facebook Game & Gamer

How to make money?

]]> https://blog.levelup.in.th/2010/03/31/social-game/feed/ 0