FacebookのOGP画像に「顔」が入っている場合のトリミング位置についてまとめ
FacebookのOGP画像のサイズと、ニュースフィードでの表示サイズについては、過去にも数回に渡ってまとめていますが、今回は画像の中に人間の顔が入っている場合の動きについて検証してみます。 どうやら、画像内に人間の顔が入っている場合、トリミングの仕様が通常とは異なり、顔の位置を自動検出してそこを起点にトリミングを行うようです。 なんと言う余計なお世話ハイテクシステム！ ※過去のFacebook OGP画像関連のまとめ FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版 ※9.21追記） FacebookのOGP画像、最新サイズでの作成例をご紹介 本題に入る前に、簡単におさらいです。 FacebookのOGP画像のニュースフィード上のサイズは、w1.91：h1 w468px以上でないと大きく表示されない（※Face
Facebookの仕様変更に立ち向かう！Likeboxの最小幅とURL指定について。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ段田です。 ここ最近Facebookの仕様変更で修正対応が多かったので、 対応した時の内容をメモしたいと思います。 Likeboxの最小幅が292pxに仕様変更 先月、Facebookのデベロッパーサイトに 下記注意書きが出ていました。 「The minimum supported plugin width is 292 pixels.」 訳「最小幅は292pxにした。それ以下のサイズにしたい場合は神にでも祈ってな。」 確認してみると下記画像の黒枠内に収まるように設定した 幅260pxが適用されず、292pxで設定されていました。 なんてこったい 対策としては２つあります。 1.iframeのコードを使用する iframeのコードを使い、内部のwidthを変更することで最小幅を292px以下に設定できました。 <iframe src="//www.facebook.com/plu
「いいね！」「コメント」「シェア」投稿上位ランキングに明らかな違い【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Webサービスの運営のために欠かせない新しい役割「Growth Hacker（グロースハッカー）」とは？-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
自然にユーザー数が増えていくための仕組みをどう作るか 久しぶりの登場となりましたマーケティングチームの市川です。きょうは以前（5月25日）関が投稿した記事を受けた第二弾的な内容として、いまFacebookやQuoraなどシリコンバレーのWebサービス企業で話題のポジション Growth Hacker（グロースハッカー） ならびに、その職務である User Growth（ユーザーグロース） という活動についてもう一歩掘り下げてみたいとおもいます。 Battelle氏は「おそらく第一世代のGrowth Hacker（グロースハッカー）は、SEO（検索エンジン最適化）を実施するマーケティング・エンジニアだろう」と指摘。「FacebookのOpenGraphというインフラがそろったいま、企業を成長に導ける素養をもった新しいタイプのエンジニアを擁した企業が、シリコンバレーで成功するスタートアップ企業
新機能!!facebookアプリケーションからユーザーへの通知を試してみた - tanihiro.log
先日のdeveloper blogで、facebookアプリケーションからユーザーへの通知機能が発表されていたので試してみました。 http://developers.facebook.com/blog/post/2012/08/31/reach-users-1-1-with-the-notifications-api/ 新機能の概要 今までfacebookアプリケーションからユーザーへのコミュニケーション方法はありませんでした。 そのため、どのアプリもユーザーになり替わって、ウォールに投稿したり、アプリリクエストを送ったりということをしていましたが、今回の新機能によりアプリケーション→ユーザーの一方通行ですが、直接コミュニケーションを取ることができるようになります。 というわけで試してみた 公式のdocumentを見ると、方法は至って簡単でしたが、いくつかポイントがあるのでまとめてみまし
facebookから50万円くらい不正請求がきた場合の対応まとめ ｜ Abi-Station
先日、クレジットカードの明細をWebから見たら、身に覚えがない請求がありました。 facebookから2日間に渡って1回1万円くらいの決済が50回ほどされてました。 つまり50万円くらいですね。 facebookの問い合わせページが分かりにくい上に、誰もがはまりそうな罠が潜んでいるので、情報を共有したいと思います。 まずカード会社に電話してください。 「○月○日のfacebookからの請求は身に覚えがないので請求しないでください」と連絡します。 そしてカード番号を変えた方が良いでしょう。 次にfacebookに連絡します。 非常に分かりにくいのですが、2012/2/16現在ではここに問い合わせフォームがあります。 ヘルプセンター > 広告とスポンサー記事 > 請求と支払い > 請求と予算に関する一般的な質問 ↓ 支払い頻度と支払い時期 > 上記以外の件に関して質問があります。 > それでも
Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック
Sencha Touchの開発チームがHTML5で高速に動作するFacebookアプリを開発したことを紹介した1つ前の記事 「Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム」は、非常に多くの読者に注目されました。 この記事で紹介したSencha Touch開発チームのブログ「The Making of Fastbook: An HTML5 Love Story」の後半では、どのようなテクニックを用いて高速なHTML5アプリケーションを実現したのかも紹介されています。 この記事では、その3つのテクニックについてポイントを紹介したいと思います。タイムラインやニュースフィードのようなユーザーインターフェイスを備えたモバイルアプリケーションは、これから広く開発されていくことにな
Facebookを非同期通信で読み込む｜Webクリエイターネット
ジャンルは問わず、個人的に好きなデザイン・風景・物、そして｢何かいいなー！｣と思ったものを写真に撮ってFlickrにアップロードしていくつもりです。 FacebookのLikeボタンやLikeボックスをサイトに設置している方は多いと思います。 その際、bodyタグのすぐ後にFacebookのJavaScript SDKを配置しますが、デフォルトでは非同期通信で読み込むようになっていません。非同期通信で読み込むことで、LikeボタンやLikeボックスの表示スピードを早くすることができます。 FacebookのLikeボタンやLikeボックスを非同期通信で読み込むのはとても簡単！ JavaScript SDKを配置時に”js.async = true;”を追記するだけです。 Likeボタンの場合は以下ページへアクセスしてコードを取得してください。 ⇒ Like Button -Facebook
Facebook Open Graph の Aggregation で遊んでみよう（ギャラリー編） « をぶろぐ
まあ、使ってみないとわからないので使ってみましょう。 ギャラリーを使って遊んでみる今回はギャラリーを使います。 もし、既にご自身で開発されているサービスに組み込まれている画像投稿機能などがあれば、この記事を読み、実践することでその機能を簡単に拡張させることができると思います。 基本設定などの前置きは こちら を参考にしていただくとして、本記事では要所の設定方法、ソースコードに関して進めたいと思います。 ※サンプルのソースは全て Ruby + Sinatra です。PaaS は Heroku を使ってます。 アプリ設定まず、アプリ画面からアプリを作成し、基本設定を済ませます。 ※サンドボックスモードなど各々で注意してください。 次に Open Graph の設定をします。 アクション、オブジェクトをそれぞれ take、picture と入力し、次の画面へ。 アグリゲーションの設定では Lay
Facebookのタイムラインにアプリを追加する方法（オープングラフアプリ・タイムラインアプリ）
Facebookの新しい機能「タイムライン」に、アプリを追加できるようになりました（オープングラフアプリ・タイムラインアプリ）。Facebookアプリ上で行ったアクションが次のようにタイムラインに表示されます。 ここでは開発者ブログの「How To: Get Started with the Open Graph」にあるサンプルを実際に使って、Facebookアプリをタイムラインに表示する方法を紹介します。 サンプルはFacebook内に表示するIFrameタブのアプリではなく、通常のウェブサイトでFacebookアプリを動作させます。また、元記事ではFacebookの「Cloud Services」を使ってSSL接続対応を行ってますが、ここでは自前のレンタルサーバーにファイルをアップロードする方法で説明します。 １．アプリの作成 まずウェブサイト用のアプリを作成します。アプリのページで「
Facebook のボタンを押してもすぐ戻ってしまう問題は FB にクロールされていないことが原因の場合がある
Facebook のボタンを押しても回復してしまう場合があります。そして「誰かがいいねをすれば自分もできるようになる」という現象に陥ることがあります。 Facebook のボタン自体に問題がないか調査。 OGP を設定している場合は OGP に問題がないか調査。 以上のようなチェックをしてみて、それでも問題がない場合は Facebook がページをクロールできていない場合があります。 Facebook がページをクロールできていないとは 正直なところ私は仕組みは分からないのですが、通常 Facebook のボタンを付けているとクローラーが勝手にクロールしに来るらしいのですが、古い記事だったりすると誰も見に来ていないからクローラーが着てないために、いいねボタンが押せない可能性があるのかもしれません。 URLリンター – Facebook開発者 そのため URL リンターから自分で Faceb
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
offline_accessパーミッション廃止時の対応
2012年04月14日18:33 by oklahomer offline_accessパーミッション廃止時の対応 カテゴリTips Facebookアプリを使う上で必要となるのがユーザのアクセストークンですが、これは通常2時間で無効になってしまいます。それを回避する上で便利なのがoffline_accessというパーミッションですが、これは今年5月2日から使えなくなってしまいます。 （*ちょっと前までは5月1日で廃止となっていたのですが、いつの間にか2日にズレていました。けど1日と書かれたままの部分もあります。） 対応をまとめたものが残っていたので、今回はそれを紹介します。 以下、その時の資料です。 access_tokenとpermissionユーザのデータにアクセスしたり、ユーザの代理としてfacebook投稿などするには、アクセストークンだけでなく、必要に応じた許可（パーミッション
簡単に見た目が変わる！Facebookに写真投稿する時に使える隠し技｜実は3個×3個で表示できるんです。 « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
Facebookアプリ入門-User and friends PermissionsとExtended Permissions- | DevelopersIO
Facebookアプリ入門-User and friends PermissionsとExtended Permissions- User and friends PermissionsとExtended Permissions ユーザがあるアプリを利用する際、基本情報以上の情報を求めることがあります。ユーザと友達に関する情報への許可と拡張許可です。この機能は結構キモいw。 前回のおさらいとして、基本情報とは何か再確認します。基本情報は、「名前、プロフィール写真、性別、ネットワーク、ユーザーID、友達リストなどの情報が含まれます。」と説明にありました。 User and friends Permissions 「ユーザと友達に関する情報への許可」は、さらに多くの情報をアプリに提供することになります。 あなたの説明と友達の説明 (user_about_me、friends_about_me)
Graph API
2011年03月09日22:50 by oklahomer Graph API カテゴリドキュメントAPI Graph APIの和訳です。Facebook上のデータへのアクセスで最も良く使うGraph API全般についての解説が書かれています。まず「Open Graphに触れる 1：基本」で全体の流れを把握して読むことをオススメします。 以下、2012年4月30日 12:06更新分までの本文です。 Facebookの中核をなすのはソーシャルグラフで、人々や人々が周りの物事に対して持つコネクション（繋がり）を示します。このAPIは以下の３点を提供します ソーシャルグラフへの、シンプルで一貫性のあるアクセス統一されたフォーマットのオブジェクト(人物、写真、イベント、ページ)それらの間のconnection(交友関係、いいね！、写真のタグ付け)ソーシャルグラフ上の全てのオブジェクトには固有IDが
Facebookアプリページが削除、タブの導入方法が変更へ | FBN Future box news | Facebook、Android、 iPhone WEBのこれからを伝えるメディア
12月10日にFacebookはアプリについて仕様を変更、今までのやり方ではアプリをFacebookページに組み込む事が出来なくなりました。急に仕様が変更されたので、戸惑っている方も多いのではないでしょうか。今回はアプリページの作成方法とタブへの新しい導入方法を紹介したいと思います。 従来のテキストリンクは消去 従来だと、アプリを作成すると下図のように、「アプリのプロフィールページを見る」というリンクがあったのですが、仕様変更により現在はなくなっています。そのため、従来の方法でアプリページを開けなく、ページタブの追加も出来なくなっています。 アプリページ作成方法 アプリページの新しい作成方法としては、アプリの詳細設定画面の右下に新しくボタンが設置されており、こちらからページを作成する事が可能になっています。 ページへのアプリ組み込み方法 アプリページを作成したのはいいものの、Faceb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
サンプルで学ぶOpen Graphの設定とアプリへの実装 | ASCIIネット
Loading...
