サイトに設置したFacebookのコメント欄をPCの時だけ表示してスマートフォンでは出さないJavaScriptのコード
サイトに設置したFacebookのコメント欄をPCの時だけ表示してスマートフォンでは出さないJavaScriptのコード 2013年04月15日 18:48Facebook このブログはいわゆるレスポンシブデザインというか PC とスマートフォンで同一ソースにしていて どちらの環境で見ても違いの少ない体験をしてもらえるようにしてるんだけど、 それでもところどころ分けたくなるところがあります。 Facebook のコメント欄がスマートフォンで崩れる たとえば Facebook のコメントプラグイン。 PC からだと特に問題なく表示されるんだけど、 特にコメントがなかったり少なかったりするとき スマートフォンから見るとコメントボックスの下に ものすごく大きな余白ができる。 何ですかこれ。 もう消してしまおう いろいろやってみたんだけど、 これ Facebook 側が出力しているものなので こち
Share Links
2012年07月19日00:32 by oklahomer Share Links カテゴリドキュメント Share Linksの和訳です。これを利用することで、2012年7月18日にとうとう廃止されてしまったシェアボタンと同等の機能を実装できます。ただし、公式ドキュメントのどのページからも、このドキュメントへの導線はありません。リンク全部をごっそり持ってきて管理しているFBDocsで見つからなかったくらい。。 なので、どこまでサポートが続けられるのかは分かりません。この方法を使う場合は気をつけてください。 以下、和訳内容です。 サイト訪問者にFacebook上でコンテンツを共有させるベストな方法は、いいね！ボタンを使うことです。ワンクリックでコンテンツとの繋がりを持つことができ、友だちのうちで誰が既に繋がっているかを知ることができるため、CTRを上げることができます。外部のJavaScr
いいね！ボタンに大きめの仕様変更
2012年08月07日20:17 by oklahomer いいね！ボタンに大きめの仕様変更 カテゴリドキュメントSocial Plugins Open GraphのBuilt-in Actionの一つとしてBuilt-in Likeが追加され、モバイルアプリでも簡単にいいね！ボタンを実装できるようになりましたが、これに合わせ、既存のいいね！ボタンの仕様にも変更があるため、アプリによっては大きな影響があります。 各変更の詳細は後述しますが、既存のいいね！に対する仕様変更で一番大きいと思うのは、いいね！されたウェブページを管理するためのFacebookページが作成されなくなる点です。これまでは、いいね！されたウェブページには管理者のみが閲覧できるFacebookページが与えられ、そのウォールへ書き込みを行うことで、いいね！したユーザのニュースフィードへ情報を流すことができました。Open G
Facebookのshare(シェア)ボタンをサイトやブログに設置する方法
このブログでもFacebookの「いいね！（like）」ボタンを設置する方法は書いたことがあるし、同じように「いいね！」の解説ページは他にもたくさんあるんだけど、各種「share（シェア）」ボタンのオプション設定の解説を日本語で書いてるページはあまり見あたらない。（現在はいいね！数をカウントしている「share+カウント数ボタン」の解説ページはある。） しかも「facebook share」でGoogle検索するとトップにでてくるShare on FacebookにアクセスするとなぜかLike Buttonの方にページ移動させられて、shareボタンのヘルプページが見つかりにくいという問題もある模様。というわけで「shareボタンの設定と設置方法」を書いてみた。ブログやサイトに設置するときに参考にどうぞ。 各種sahreボタンの解説 shareボタンも「いいね！」ボタンと同じようにヘルプペ
ZenbackでもFacebookコメントの通知が来るように設定できます
今日、こんな記事が話題になってました。 ブログに設置したFacebookコメントに書き込みがあったら、通知が来るようにする設定 ブログに設置したFacebookコメントに通知がくるようにする方法 | A!@attrip 内容は、タイトルのとおり。ブログへ反応してくれたらすぐ知りたい！とお思いのブロガーにオススメな設定です。これ、もちろん、Zenbackでも設定できます。やり方をご紹介しますね。 1. ブログ側で自分のFacebookアカウントとひもづけるためのOGP設定をする まずは、自分のブログと、Facebookをひもづける設定をブログ側にしておいていただく必要があるのです。 <meta property=“fb:app_id” content=“自分のFacebookのapp_id”> こんな感じのコードをブログのhead内にmetaタグで設定しておきます。そうすると、設定したidに
Facebook、プロフィールURLとメールアドレスを「ユーザーネーム」で統一
Facebookのタイムライン（プロフィール）のURLが、Facebookメールアドレスと同じ「ユーザーネーム」を適用したものになった。まだユーザーネームを指定していないユーザーには指定を促すメッセージが表示される。 米Facebookは4月13日（現地時間）、FacebookプロフィールのURLとFacebookメールアドレスを「ユーザーネーム」で統一したと発表した。ユーザーネームを指定しているユーザーのプロフィールのURLは、既に「https://www.facebook.com/ユーザーネーム」になっている。 ユーザーネームとは、Facebookが2009年に提供を開始した固定URL。ユーザーネームを指定していないユーザーのプロフィールページには、ランダムに生成するURL（「http://www.facebook.com/profile.php?id=999999999」など）が割り
Subscribe Button - Facebook開発者
The Subscribe button lets a user subscribe to your public updates on Facebook. There are two Subscribe button implementations: XFBML and Iframe. The XFBML (also available in HTML5-compliant markup) version is more versatile, and requires use of the JavaScript SDK. The XFBML dynamically re-sizes its height according to whether there are profile pictures to display and gives you the ability (through
Facebook にウェブページを再クロールしてもらってキャッシュのリセットと OGP の書式チェックができるブックマークレット
Facebook にウェブページを再クロールしてもらってキャッシュのリセットと OGP の書式チェックができるブックマークレット 2011年12月02日 16:17Facebook OGP (Open Graph Protocol) という約束事がありますね。 Facebook などにウェブページなどの情報を伝えるのに使われるもので、 このブログのトップページだとこんな感じで書いてあります。 そのページが Facebook でシェアされたり「いいね！」されたりしたとき ここに書いた画像や説明文が拾われるわけですけど、 いったん取得されたら Facebook 側でキャッシュされてしまって いくら手元で書き換えても反映されない。 ただこの情報は OGP の書式を確認するためのこのツールを使うと Facebook のが現在の状態を取得しに来てくれるので 新しい状態に更新されますね。 Debugg
知っておきたいFacebookのOGPをBloggerに対応させる活用法 - Will feel Tips Blogger
前回の記事『自分の指定した任意の場所でJavascriptを実行させる Tipsまとめ』の中で、Javascriptを活用したSNSシェアボタンの設置を紹介しました。簡単でスピーディな情報拡散ツールとしてのSNSの利用を考えるのであれば、Facebookのいいね！ボタンもアクセス数を伸ばす一つの要素になっています。 但し、そのままボタンを設置しただけでは殆ど意味は無く、OGPを設定してあげることで本来の機能を引き出すことが出来るようになります。今回は現状での最善策と考えられる、BloggerをFacebookのOGPに対応させる方法を紹介致します。 OGP (Open Graph Protocol) とは何か 基本的な内容は下記Linkページにて詳しく解説されており、分かりやすく参考になります。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protoco
Facebookの「いいね」ボタンがなくても、勝手に「いいね」するブックマークレット - DISってHONEY♪ @gungnir_odin
Facebookが日本でも流行りつつある？ 流行りつつあるんでしょうか。 ビジネス的には、海外も視野に入れた販路拡大のため。個人的には、セルフブランディングを兼ねたゆるい繋がりのため。 また、自分が読んだサイトを「いいね！」ボタンで評価することができます。 サイトでは「いいね！」ボタンを設置するところが増えてきたように思いますが、設置されていないサイトでは「いいね！」ができません。 今見ているページをブックマークレットで「いいね!」できます。 はてなダイアリーでは、直接JavaScriptが書けないので、こちらにリンクを付けて置きました。 こんな感じです。 良かったら「いいね！」して下さいｗ
ant-eater.com - ant eater リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
BloggerをOGPに対応させるときのog:imageをなんとかする : たき備忘録
BloggerをOGP(Open Graph Protocol)に対応させるときに問題になるのが「og:image」です。この「og:image」には、記事内で使われている画像や、記事のサムネイルを指定するのが一般的です。しかし、Bloggerには利用できそうなデータタグが存在しないので、静的画像ファイルへのリンクを指定することしかできません。 そこで、記事のRSSから画像ファイルが使用されているかをチェックし、使用されていれば一番最初に見つかった画像にリダイレクトするWEBアプリケーションを作ってみました。以下のようなURLで取得が可能です。 BloggerSpice http://bloggerspice.appspot.com/postimage/[記事のURL] たとえば、この記事に使用されている画像を取得する場合は以下のように指定します。 http://bloggerspice.
おしゃれと恋で もっとかわいく - ハウコレ
キュレーションサイト、バイラルメディア、まとめサイト、ニュースサイト、アプリ、ブログ、雑誌、フリーペーパー等への当社著作権コンテンツ（記事・画像）の無断使用（引用・流用・複写・転載）について固く禁じます。無断使用にあたっては、法的措置を取らせていただきます。
Facebookソーシャルプラグインのロード時間を短縮する
Facebookの開発者ブログに、ソーシャルプラグインのパフォーマンス最適化についての記事が掲載されていましたので、本エントリーで紹介します。 How-To: Optimize Social Plugin Performance 「いいね!」ボタンやコメントボックスのソースコードを、ブログなどにそのまま貼りつけている方は、このエントリーで紹介しているものに書き換えればページの表示時間が短縮されるかもしれません。 パフォーマンスの最適化には、次の2つのベストプラクティスがあります。 １．channelUrlパラメータを追加する FB.initに、青色で示すchannelUrlパラメータを設定します。 <div id="fb-root"></div> <script src="//connect.facebook.net/ja_JP/all.js"></script> <script> FB.
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ActyWay.com is for sale | HugeDomains
タイムラインのアプリ｜Facebook
ソーシャルメディア解析ツール : Facebook解析 / Twitter解析
Blogger を Facebook に対応させる方法 | RunoLog
Facebook ソーシャルプラグイン（いいね！やコメント）を「正しく」設置する方法
