<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Webactually Korea &#187; 카카오톡</title>
	<atom:link href="http://www.webactually.co.kr/archives/tag/%ec%b9%b4%ec%b9%b4%ec%98%a4%ed%86%a1/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webactually.co.kr</link>
	<description>expand your network</description>
	<lastBuildDate>Mon, 29 May 2017 05:36:47 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>모바일 웹에 카카오톡 링크 적용하기!</title>
		<link>http://www.webactually.co.kr/archives/5835</link>
		<comments>http://www.webactually.co.kr/archives/5835#comments</comments>
		<pubDate>Sat, 15 Oct 2011 04:30:44 +0000</pubDate>
		<dc:creator>webactually</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[모바일웹]]></category>
		<category><![CDATA[웹디자인 트렌드]]></category>
		<category><![CDATA[카카오톡]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=5835</guid>
		<description><![CDATA[너무나도 간단한 모바일 웹에 카카오톡 링크 적용하기! 이제 카카오톡으로 콘텐츠 공유를 해봅시다~]]></description>
			<content:encoded><![CDATA[<p><div class="Infobx"><div>대부분의 스마트폰 유저가 사용하고 있는 카카오톡!<br />
요즘은 &#8220;문자해&#8221; 보다 &#8220;카톡해&#8221;가 더 많이 쓰이고 있죠~<br />
저희는 좋은 콘텐츠를 어떻게 다양하게 공유하게 할 수 있을지 늘 고민한답니다~<br />
그러던 중, 카카오톡에서 모바일 웹에서도 바로 카카오톡으로 콘텐츠를 공유할 수 있도록 지원하고 있다는 것을 발견 후 바로 적용 해 보았습니다.<br />
참조 : <a title="" href="http://www.kakao.com/link/api?tab=mobileweb">http://www.kakao.com/link/api?tab=mobileweb</a><br />
</div></div><br />
<br/></p>
<h3>적용방법.</h3>
<p><br/></p>
<h4>1. 카카오톡에서 지원하고 있는 script 파일 다운로드!</h4>
<p><img src="http://www.webactually.co.kr/wp-content/uploads/2011/10/kakao_011.jpg?0b529f" alt="" /></p>
<h4>2. FTP를 사용하여 업로드 후, 인클루드!</h4>
<p><div id="attachment_5841" class="wp-caption alignnone" style="width: 610px"><img src="http://www.webactually.co.kr/wp-content/uploads/2011/10/kakao_021.jpg?0b529f" alt=""><p class="wp-caption-text">주의사항 : 반드시 Javascript Library인 jQuery가 필요합니다.</p></div><br />
<br/><br/></p>
<h4>3. 버튼에 액션 추가하기!</h4>
<p><strong>소스 적용 예 :</strong><br />
<article class="list3"></p>
<ol>
<li>Script</li>
<pre name="code" class="js">
<script type="text/javascript">// <![CDATA[
$(function() { var msg = "글제목 or 보낼 메세지 내용"; var url = "웹사이트 주소"; 
var appid = "webactually"; // 아무거나 uniq한 것으로 적어주세요. 
var appver = "2.0"; // 아무 버전이나 적어주세요. 
var appname = "웹액츄얼리코리아"; // 아무거나 적어주세요. 
var link = new com.kakao.talk.KakaoLink(msg, url, 
appid, appver, appname); 
$("#kakao").click(function() 
{// button click event link.execute(); }); });
// ]]&gt;</script>
</pre>
<li>HTML</li>
<pre name="code" class="html"><a id="kakao" title="" href="javascript:;">[talk]</a></pre>
</ol>
<p></article></p>
<p>이렇게만 하면 모바일 웹에서 카카오톡으로 콘텐츠 내용 및 주소 전달이 바로 가능하도록 된답니다.</p>
<p><div class="Infobx"><div>참고 소스파일 : <a href="http://www.webactually.co.kr/kakao/kakao.zip?0b529f">http://www.webactually.co.kr/kakao/kakao.zip</a>참고 데모 : <a href="http://www.webactually.co.kr/kakao/kakao.html">http://www.webactually.co.kr/kakao/kakao.html</a></p>
<p><strong>* 모바일에서 확인하세요!</strong><br />
</div></div><br />
<br/><br/></p>
<h3>실행 예제.</h3>
<p><br/></p>
<h4>1. 공유하고자 하는 곳에서 &#8220;카카오톡&#8221; 버튼 클릭.</h4>
<p><img src="http://www.webactually.co.kr/wp-content/uploads/2011/10/mobile_kakao013.jpg?0b529f" alt="" class="imgorg alighleft"><br />
<br/></p>
<h4>2. 대화상대 선택.</h4>
<p><img src="http://www.webactually.co.kr/wp-content/uploads/2011/10/mobile_kakao021.jpg?0b529f" alt="" class="imgorg alighleft"><br />
<br/></p>
<h4>3. 전송완료.</h4>
<p><img src="http://www.webactually.co.kr/wp-content/uploads/2011/10/mobile_kakao031.jpg?0b529f" alt=""  class="imgorg alighleft"></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/5835/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Database Caching 1/10 queries in 0.001 seconds using disk: basic
Object Caching 263/276 objects using disk: basic

 Served from: www.webactually.co.kr @ 2026-05-12 01:44:47 by W3 Total Cache -->