サイトに設置したFacebookのコメント欄をPCの時だけ表示してスマートフォンでは出さないJavaScriptのコード 2013年04月15日 18:48Facebook このブログはいわゆるレスポンシブデザインというか PC とスマートフォンで同一ソースにしていて どちらの環境で見ても違いの少ない体験をしてもらえるようにしてるんだけど、 それでもところどころ分けたくなるところがあります。 Facebook のコメント欄がスマートフォンで崩れる たとえば Facebook のコメントプラグイン。 PC からだと特に問題なく表示されるんだけど、 特にコメントがなかったり少なかったりするとき スマートフォンから見るとコメントボックスの下に ものすごく大きな余白ができる。 何ですかこれ。 もう消してしまおう いろいろやってみたんだけど、 これ Facebook 側が出力しているものなので こち

2012年07月19日00:32 by oklahomer Share Links カテゴリドキュメント Share Linksの和訳です。これを利用することで、2012年7月18日にとうとう廃止されてしまったシェアボタンと同等の機能を実装できます。ただし、公式ドキュメントのどのページからも、このドキュメントへの導線はありません。リンク全部をごっそり持ってきて管理しているFBDocsで見つからなかったくらい。。 なので、どこまでサポートが続けられるのかは分かりません。この方法を使う場合は気をつけてください。 以下、和訳内容です。 サイト訪問者にFacebook上でコンテンツを共有させるベストな方法は、いいね！ボタンを使うことです。ワンクリックでコンテンツとの繋がりを持つことができ、友だちのうちで誰が既に繋がっているかを知ることができるため、CTRを上げることができます。外部のJavaScr

Captcha security check actyway.com is for sale Please prove you're not a robot View Price Processing

2012年08月07日20:17 by oklahomer いいね！ボタンに大きめの仕様変更 カテゴリドキュメントSocial Plugins Open GraphのBuilt-in Actionの一つとしてBuilt-in Likeが追加され、モバイルアプリでも簡単にいいね！ボタンを実装できるようになりましたが、これに合わせ、既存のいいね！ボタンの仕様にも変更があるため、アプリによっては大きな影響があります。 各変更の詳細は後述しますが、既存のいいね！に対する仕様変更で一番大きいと思うのは、いいね！されたウェブページを管理するためのFacebookページが作成されなくなる点です。これまでは、いいね！されたウェブページには管理者のみが閲覧できるFacebookページが与えられ、そのウォールへ書き込みを行うことで、いいね！したユーザのニュースフィードへ情報を流すことができました。Open G

このブログでもFacebookの「いいね！（like）」ボタンを設置する方法は書いたことがあるし、同じように「いいね！」の解説ページは他にもたくさんあるんだけど、各種「share（シェア）」ボタンのオプション設定の解説を日本語で書いてるページはあまり見あたらない。（現在はいいね！数をカウントしている「share+カウント数ボタン」の解説ページはある。） しかも「facebook share」でGoogle検索するとトップにでてくるShare on FacebookにアクセスするとなぜかLike Buttonの方にページ移動させられて、shareボタンのヘルプページが見つかりにくいという問題もある模様。というわけで「shareボタンの設定と設置方法」を書いてみた。ブログやサイトに設置するときに参考にどうぞ。 各種sahreボタンの解説 shareボタンも「いいね！」ボタンと同じようにヘルプペ

今日、こんな記事が話題になってました。 ブログに設置したFacebookコメントに書き込みがあったら、通知が来るようにする設定 ブログに設置したFacebookコメントに通知がくるようにする方法 | A!@attrip 内容は、タイトルのとおり。ブログへ反応してくれたらすぐ知りたい！とお思いのブロガーにオススメな設定です。これ、もちろん、Zenbackでも設定できます。やり方をご紹介しますね。 1. ブログ側で自分のFacebookアカウントとひもづけるためのOGP設定をする まずは、自分のブログと、Facebookをひもづける設定をブログ側にしておいていただく必要があるのです。 <meta property=“fb:app_id” content=“自分のFacebookのapp_id”> こんな感じのコードをブログのhead内にmetaタグで設定しておきます。そうすると、設定したidに

米Facebookは4月13日（現地時間）、FacebookプロフィールのURLとFacebookメールアドレスを「ユーザーネーム」で統一したと発表した。ユーザーネームを指定しているユーザーのプロフィールのURLは、既に「https://www.facebook.com/ユーザーネーム」になっている。 ユーザーネームとは、Facebookが2009年に提供を開始した固定URL。ユーザーネームを指定していないユーザーのプロフィールページには、ランダムに生成するURL（「http://www.facebook.com/profile.php?id=999999999」など）が割り当てられているが、同日からユーザーネームをまだ指定していないユーザーのプロフィールページに指定を促すメッセージが表示されるようになった。 ユーザーネームは1アカウントにつき1つだけ申請でき、5文字以上の長さが必要で、A

And we're committed to helping keep everyone safe and making a positive impact

前回の記事『自分の指定した任意の場所でJavascriptを実行させる Tipsまとめ』の中で、Javascriptを活用したSNSシェアボタンの設置を紹介しました。簡単でスピーディな情報拡散ツールとしてのSNSの利用を考えるのであれば、Facebookのいいね！ボタンもアクセス数を伸ばす一つの要素になっています。 但し、そのままボタンを設置しただけでは殆ど意味は無く、OGPを設定してあげることで本来の機能を引き出すことが出来るようになります。今回は現状での最善策と考えられる、BloggerをFacebookのOGPに対応させる方法を紹介致します。 OGP (Open Graph Protocol) とは何か 基本的な内容は下記Linkページにて詳しく解説されており、分かりやすく参考になります。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protoco

BloggerをOGP(Open Graph Protocol)に対応させるときに問題になるのが「og:image」です。この「og:image」には、記事内で使われている画像や、記事のサムネイルを指定するのが一般的です。しかし、Bloggerには利用できそうなデータタグが存在しないので、静的画像ファイルへのリンクを指定することしかできません。 そこで、記事のRSSから画像ファイルが使用されているかをチェックし、使用されていれば一番最初に見つかった画像にリダイレクトするWEBアプリケーションを作ってみました。以下のようなURLで取得が可能です。 BloggerSpice http://bloggerspice.appspot.com/postimage/[記事のURL] たとえば、この記事に使用されている画像を取得する場合は以下のように指定します。 http://bloggerspice.

SNS上でキャンペーンを実施 複数のSNSアカウントを一括管理 自社と競合アカウントを比較 X(Twitter)公式のEnterprise APIに対応！

「ほとんどの女性は、この男性が取る行動を理解できません」男心から見る、男性がガチで好きになった女性にしかしない行動とは？

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）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

iPhone 研究室 iPhone 研究室は、ユーザー目線でiPhoneの便利な使い方を研究するサイトです。