TopFacebook > 2011年6月
2011年6月14日

Facebookアプリの入力文字数制限まとめ

June 14,2011 1:55 AM
Tag:[]
Permalink

Facebookアプリの入力項目に文字数制限があるようなので、まとめて紹介しておきます。スクリーンショットは制限文字数に達したときの証拠です。

1.Facebookについて - 基本情報

  • アプリケーション名:50文字
  • 説明:250文字
  • ユーザーサポートのアドレス:無制限
  • 連絡先メールアドレス:100文字
  • Privacy Policy URL:200文字
  • サービス規約のURL:200文字

Facebookについて - 基本情報

2.Web Site - Core Settings

  • Site URL:200文字
  • Site Domain:100文字

Web Site - Core Settings

3.Facebook Integration - Canvas

  • キャンバスページ:20文字
  • Canvas URL:200文字
  • Secure Canvas URL:200文字
  • ブックマークURL:200文字

Facebook Integration - Canvas

4.Facebook Integration - Page Tabs

  • タブ名:16文字
  • タブのURL:100文字
  • Secure Tab URL:100文字
  • 編集用URL:200文字

Facebook Integration - Page Tabs

「タブのURL」に実験用のURLが途中までしか入力できなくなってこのことに気がつきました。そんなに長いURLなどを入れるケースはないと思いますが参考まで。

Comments [0] | Trackbacks [0]
2011年6月 3日

Facebookのfb:like要素を設置したページを(X)HTML validにする方法

June 3,2011 1:55 AM
Tag:[, ]
Permalink

Facebookのfb:likeタグをブログに設置したときに、そのページを(X)HTML validにする方法です。

1.概要

いいね!ボタン設置用のコードはiframe要素が用意されていますが、「Send Button」をチェックしている場合、スクリーンショットのようにfb:like要素しかありません。

いいね!ボタン設置用のコード

fb:like要素を設置したページは、The W3C Markup Validation Serviceなどではvalidな(X)HTMLとなりません。

2.対処

validな(X)HTMLにするためには、「Send Button」のチェックをはずして、iframe要素を取得するしかありません。下のコードはMovable Typeのブログ記事ページへの設置例です。

<iframe src="http://www.facebook.com/plugins/like.php?href=<$mt:EntryPermalink$>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:30px"></iframe>

お詫び:当初投稿していた内容は以下ですが、このカスタマイズではvalidな(X)HTMLになりません(The W3C Markup Validation ServiceではOKになりますが、script要素が評価される前の結果を表示するためです)。誤った情報を公開してしまい、大変申し訳ございませんでした。またご指摘くださった皆様、ありがとうございました。

2.カスタマイズ

validな(X)HTMLにするには、fb:likeタグを次のようなJavaScriptに置き換えます。コードはMovable Typeのブログ記事ページへの設置例です。

<div class="fblike" id="fblike<mt:EntryID>"></div>
<script type="text/javascript">
//<![CDATA[
var c = document.getElementById('fblike<mt:EntryID>');
var e = document.createElement('fb:like');
e.setAttribute('href', '<mt:EntryPermalink>');
e.setAttribute('send', 'false');
e.setAttribute('width', '450');
e.setAttribute('show_faces', 'true');
e.setAttribute('font', 'verdana');
c.appendChild(e);
//]]>
</script>

setAttributeの内容は適宜変更してください。

3.参考サイト

参考サイトは以下です。ありがとうございました。

W3C Validated FB (Facebook) Like Button
W3C Validated FB (Facebook) Like Button

上記のページをThe W3C Markup Validation Serviceでチェックしてみてください。

Comments [2] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3