How to add Yahoo Chat Pingbox to your website ±ÍÇÏÀÇ À¥»çÀÌÆ®¿¡ Ãß°¡ÇÏ·Á¸é ¾î¶»°Ô ¾ßÈÄ Ã¤ÆÃ Pingbox

Posted on November 20, 2008 at 5:34 am 20 ÀÏ, 2008 °Ô½ÃµÊ ¿ÀÀü 5:33

Yahoo! ¾ßÈÄ! Messenger Pingbox allows you to have an IM like interface in your blog or any website. ¸Þ½ÅÀú Pingbox ±ÍÇÏÀÇ ºí·Î±× ¶Ç´Â À¥»çÀÌÆ®¿¡ ÀÎÅÍÆäÀ̽º¿Í °°Àº IMÀ» °¡Áú ¼öÀÖ½À´Ï´Ù. Visitors of your site can chat with you real time whenever you are online.  Since it becomes a part of your blog it doesn¡¯t require your visitors to install any application.  This is very similar to the ±ÍÇÏÀÇ »çÀÌÆ®ÀÇ ¹æ¹®ÀÚ°¡ ¿Â¶óÀÎ »óÅÂÀÏ ¶§ ´ç½Å°ú ÇÔ²² ½Ç½Ã°£À¸·Î äÆÃÀ» ÇÒ ¼öÀÖ½À´Ï´Ù. ÀÌÈÄ ³× ´ç½Å ¹æ¹®ÀÚ°¡ ¾î¶² ÀÀ¿ë ÇÁ·Î±×·¥À» ¼³Ä¡ÇÏÁö ¾Ê¾Æµµ ºí·Î±×ÀÇ ÇÑ ºÎºÐÀ̵ȴÙ. À̰ÍÀº ¸Å¿ì À¯»çÇÕ´Ï´Ù Google Talk ChatBack Badge Google ÅäÅ© Chatback ¹èÁö from Google that you can use to chat with visitors to your website. Google¿¡¼­ ±ÍÇÏÀÇ À¥»çÀÌÆ® ¹æ¹®ÀÚ¿Í Ã¤ÆÃÀ» »ç¿ëÇÒ ¼öÀÖ½À´Ï´Ù.

If I am online you will see me as ¡°Available¡±. ¸¸¾à ´ç½ÅÀÌ "³ª¸¦º¸°í ¿Â¶óÀÎ ¿ÀÀü °¡´ÉÇÑ". All messages sent to me when I am ¡°Available¡± will be sent real time to my Yahoo! ¸ðµç ¸Þ½ÃÁö°¡ ³¯ ¶§ ³ª´Â "»ç¿ë °¡´ÉÇÑ"³» ¾ßÈÄ ½Ç½Ã°£À¸·Î º¸³»Áý´Ï´Ù! Messenger.  On my side I can see from my Yahoo! ³» ¾ßÈÄ ¸Þ½ÅÀú. ³» Ãø¸é¿¡¼­ º¼ ¼öÀÖ½À´Ï´Ù! Messenger all visitors browsing the page: ¸Þ½ÅÀúÀÇ ¸ðµç ¹æ¹®ÀÚµéÀÌ ÆäÀÌÁö¸¦ ºê¶ó¿ì¡ :

À̹ÌÁö

I sent a message from the Pingbox and it appeared on my screen as ¡°Visitor 1¡±: ³»°¡ Pingbox¿¡¼­ ¸Þ½ÃÁö¸¦ Àü¼ÛÇÏ°í ±×°ÍÀ» ³» È­¸éÀ¸·Î "¹æ¹®°´ÀÌ 1 ÀÏ Ã⿬":

À̹ÌÁö

I can then reply to ¡°Visitor 1¡± using the YM window above.  Pretty cool isn¡¯t it? ±×¶§ ¹æ¹®ÀÚ 1 "·Î". ²Ï ¸ÚÁø À§ÀÇ YM âÀ» »ç¿ë ÇÒ ¼ö ȸ½Å ¾Æ´Ñ °¡¿ä?

To start making your own Pingbox just go to the URL below: ÀÚ½ÅÀÇ Pingbox ¹Ù·Î ¾Æ·¡ÀÇ URL·Î À̵¿À» ½ÃÀÛÇÏ·Á¸é :

http://ph.messenger.yahoo.com/pingbox/

Login using your own Yahoo! ·Î±×ÀÎÀ» »ç¿ëÇÏ¿© ³ª¸¸ÀÇ ¾ßÈÄ! account then click the ¡°Create Pingbox¡± button: ´ÙÀ½ "Pingbox ¸¸µé±â"¹öưÀ» Ŭ¸¯ÇϽʽÿÀ °èÁ¤ :

À̹ÌÁö

The first step pf creating a Pingbox is to chose a background theme.  Choose what design suites your taste: °ø¿ë Æú´õ¸¦ ¸¸µå´Â ù ¹øÂ° ´Ü°è´Â Pingbox ¹è°æ Å׸¶¸¦ ¼±ÅÃÇÕ´Ï´Ù. ¾î¶² µðÀÚÀÎ ½ºÀ§Æ® ±ÍÇÏÀÇ ÃëÇâ ¼±Åà :

À̹ÌÁö

Make sure to enter your customized greeting, offline message, display name and name of Pingbox (will appear as a group in your YM contacts): »ç¿ëÀÚ Á¤ÀÇ Àλç, ¿ÀÇÁ¶óÀÎ ¸Þ½ÃÁö¸¦ Ç¥½ÃÇϰí À̸§°ú PingboxÀÇ À̸§À» ÀÔ·ÂÇß´ÂÁö È®ÀÎÇϽʽÿÀ (YM Á¢ÃË¿¡¼­ ±×·ìÀ¸·Î)°¡ ³ªÅ¸³³´Ï´Ù :

À̹ÌÁö

Then click the Next button to access the  next page where we could get the script.  The second page allows you to choose which website to add Pingbox, choose ¡°Code only¡± if you want to directly paste to your HTML file otherwise choose your type of website. ´ÙÀ½ ¹öưÀ» ´©¸¥ ´ÙÀ½ ½ºÅ©¸³Æ®¸¦ ¾òÀ» ¼öÀÖ´Â °÷À» ¿ì¸®´Â ´ÙÀ½ ÆäÀÌÁö¿¡ ¾×¼¼½ºÇÒ ¼öÀÖ½À´Ï´Ù. µÎ ¹øÂ° ÆäÀÌÁö¿¡´Â Pingbox À¥»çÀÌÆ®¸¦ Ãß°¡ ¼±ÅÃÇϵµ·Ï ¼±Åà "ÄÚµå´Â"¸¸¾à ´ç½ÅÀÌ Á÷Á¢ HTML·Î ºÙ¿©³ÖÀ» ´Þ¸®ÇÏ¿© ¿øÇÏ´Â Çü½ÄÀÇ ÆÄÀÏÀ» ¼±ÅÃÇÒ ¼öÀÖ½À´Ï´Ù À¥»çÀÌÆ®.

The next step will be setting the size of the widget, in the example below I chose the recommended 240 X 240 px size.  The third box will be the actual code, copy the code only AFTER you choose the size and type of website: ´ÙÀ½ ´Ü°è´Â, ¾Æ·¡ÀÇ ¿¹Á¦¿¡¼­ 240 X´Â 240 Çȼ¿ Å©±â¸¦ ±ÇÀåÇÕ´Ï´Ù. ¼¼ ¹øÂ° »óÀÚ¿¡ ½ÇÁ¦ ÄÚµå, ÄÚµå ÈÄ¿¡¸¸ Å©±â¿Í À¥»çÀÌÆ®ÀÇ Á¾·ù¸¦ ¼±Åà º¹»çµË´Ï´Ù ¼±ÅÃÇÑ µµ±¸ÀÇ Å©±â¸¦ ¼³Á¤ÇÏ´Â °ÍÀÔ´Ï´Ù :

À̹ÌÁö

You can paste the code into your HTML files using your favorite HTML editor and test it using your web browser.   Below is the screenshot of the steps I did: ±ÍÇÏÀÇ HTML ÆÄÀÏÀ» Áñ°Ü »ç¿ëÇÏ´Â HTML ÆíÁý±â¸¦ ÅëÇØ Äڵ带 ºÙ¿©³ÖÀ» ¼ö ÀÖ°í, ±ÍÇÏÀÇ À¥ ºê¶ó¿ìÀú¸¦ »ç¿ëÇÏ¿© Å×½ºÆ®ÇÕ´Ï´Ù. ¾Æ·¡´Â ³»°¡ ÇÑ °ÍÀÌ ¶ó°ï ±× ´Ü°èÀÇ È­¸é ĸó :

À̹ÌÁö

Have fun adding your own Pingbox to your webpages.  You can use it to gather realtime feedback from your viewers. Àç¹Õ°Ô ±ÍÇÏÀÇ À¥ÆäÀÌÁö¿¡ ÀڽŸ¸ÀÇ Ãß°¡ Pingbox. ´ç½ÅÀº ´ç½Å ½ÃûÀڷκÎÅÍ ½Ç½Ã°£À¸·Î ÀǰßÀ» ¸ð¾Æ ±×°ÍÀ» »ç¿ëÇÒ ¼öÀÖ½À´Ï´Ù.

Ben Carigtan shows you how it¡¯s done. Carigtan º¥ ¾î¶»°ÔÇϸéµÇ´ÂÁö º¸¿©ÁÝ´Ï´Ù.

Enjoyed this post? ÀÌ °Ô½Ã¹°À» ÀßÇß³ª? Subscribe to Online Tech Tips via ¿Â¶óÀÎ Å×Å© ÆÁÀ» ÅëÇØ ±¸µ¶ ½Åû RSS Feed RSS Çǵå or via ¶Ç´Â¸¦ ÅëÇØ Email À̸ÞÀÏ and receive free daily productivity tips. ¹«·á ÀÏÀÏ »ý»ê¼º ÆÁÀ»¹ÞÀ» ¼öÀÖ´Ù.

» Filed Under »Ãâ¿ø¿¡¼­ Cool Websites À¥»çÀÌÆ® Äð

¸ÀÀִ¿¡ Ãß°¡ Save this page ÀÌ ÆäÀÌÁö¸¦ ÀúÀå ±×°Í Mixx Stir it up on Mixx Mixx¿¡ ¿Ã·Á ÆÄ¹®
reddit Add to Reddit reddit¿¡ Ãß°¡ StumbleUpon Stumble this page ÀÌ ÆäÀÌÁö¸¦ ´õµë´Ù

Related Posts °ü·Ã °Ô½Ã¹°

One Response to ¡°How to add Yahoo Chat Pingbox to your website¡± ÇÑ ¹ÝÀÀ "¾î¶»°Ô"À¥»çÀÌÆ®¿¡ Ãß°¡ÇÏ·Á¸é ¾ßÈÄ Ã¤ÆÃ Pingbox

  1. mmg1818 mmg1818 said on : ¿¡ÀÖ´Ù :

    Thanks. °¨»çÇÕ´Ï´Ù.


    Please post your comments/suggestions! ±ÍÇÏÀÇ ÀǰßÀ» °Ô½ÃÇϽñ⠹ٶø´Ï´Ù / Á¦¾È!