<?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>あらびき林檎。 &#187; likeボタン</title>
	<atom:link href="http://splitchin.com/tech/tag/like%e3%83%9c%e3%82%bf%e3%83%b3/feed/" rel="self" type="application/rss+xml" />
	<link>http://splitchin.com/tech</link>
	<description>Macや, iPhoneでの,Webデザイン,アプリ開発などを綴ってます。</description>
	<lastBuildDate>Thu, 02 Feb 2012 10:31:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Facebook Likeボタンを試してみる。</title>
		<link>http://splitchin.com/tech/2010/05/10/facebook-like%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%82%8b%e3%80%82/</link>
		<comments>http://splitchin.com/tech/2010/05/10/facebook-like%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%82%8b%e3%80%82/#comments</comments>
		<pubDate>Sun, 09 May 2010 15:06:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[likeボタン]]></category>
		<category><![CDATA[SNS]]></category>

		<guid isPermaLink="false">http://splitchin.com/tech/?p=1029</guid>
		<description><![CDATA[				
				Facebook Developer を観ながら、↑上記のように、FacebookのLikeボタンを試してみました。
				
				実装方法は、iframe版と、XFBML版の2通りあるらしいです。 [...]]]></description>
			<content:encoded><![CDATA[				<p><iframe src="http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Fsplitchin.com%252Ftech%252F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe></p>
				<p><a href="http://developers.facebook.com/docs/reference/plugins/like" target="new">Facebook Developer</a> を観ながら、↑上記のように、FacebookのLikeボタンを試してみました。</p>
				<p><img src="http://splitchin.com/tech/wp-content/uploads/2010/05/Facebook1.png" alt="facebook like" title="Facebook1" width="320" height="216" class="alignleft size-full wp-image-1044" /></p>
				<p>実装方法は、iframe版と、XFBML版の2通りあるらしいです。<br />
				XFBMLの方が、拡張性が高いらしいですが、別途、<a href="http://developers.facebook.com/docs/reference/javascript/" target="new">JavaScript SDK</a>が必要なようなので、今回は、iframe版で実装してみました。</p>
				<p>このブログは、WordPressで構築されているため、記事毎に設定するには、生成されたHTMLタグの、href=部分を,</p>
				<pre class="brush: php;">
&lt;?php echo urlencode(get_permalink($post-&gt;ID)); ?&gt;
</pre>
				<p>で設定して、single.phpに設定しています。</p>
				<p>&#8220;Like&#8221;は、閲覧しているユーザーのFacebookの言語設定によって変化、日本語だと、”いいね！”になるようです。</p>
				<h4>Likeボタンを押した、ユーザーのFacebookページ</h4>
				<p><img src="http://splitchin.com/tech/wp-content/uploads/2010/05/likebtn.png" alt="" title="likebtn" width="340" height="182" class="alignleft size-full wp-image-1089" /></p>
				<p>従来からある「Sharedボタン」との違いは、<br />
				ボタンを押した後に、ユーザーのFacebookのページに、</p>
				<dl>
				<dt><strong>Likeボタン</strong></dt>
				<dd>シンプルなリンク, コメントなし, Friends通知なし</dd>
				<dt><strong>Shareボタン</strong></dt>
				<dd>画像付きリンク,　コメントあり, Friends通知あり</dd>
				</dl>
				<p>のような、違いが出るようです。</p>
				<p><!-- amazon area --></p>
				<div class="amazon-area">
				<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=FFFFFF&#038;IS2=1&#038;npa=1&#038;bg1=FFFFFF&#038;fc1=504E4E&#038;lc1=0000FF&#038;t=i7llcom-22&#038;o=9&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;md=1X69VDGQCMF7Z30FM082&#038;asins=4903853853" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
				</div>
				<p><!-- /amazon --></p>
]]></content:encoded>
			<wfw:commentRss>http://splitchin.com/tech/2010/05/10/facebook-like%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%82%8b%e3%80%82/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

