Open Graph protocol
Introduction The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any
Open Graph Object Debugger - Facebook
Facebookにログインして、友達や家族と写真や近況をシェアしましょう。
シェアデバッガー - 開発者向けFacebook
シェアデバッガーでは、コンテンツがFacebookでシェアされたときの表示をプレビューし、Open Graphタグの付いた問題をデバッグできます。
【追記あり】速報：Facebook「いいね！」数のカウントが仕様変更に？ 個人アカウントからURL付き投稿は対象外か | WEBマーケティングコンサルティング・丸投げ・実務代行のユナイテッドリバーズ
※2015/1/13追記 どうやら元の仕様に戻り、URLコピペでシェアされたものもカウントされるようになったようです。一時的な不具合だったのか、何かのテストだったのか……いずれにせよ、きちんとアナウンスが欲しいものですね。 — 頻繁に微妙な仕様変更を繰り返し、それをちゃんとアナウンスしてくれない不親切さで一部のWeb関係者から不評を浴びているFacebookですが、また微妙な仕様変更があったかもしれません。 それは、Webページへの「いいね！」数等のカウントルールです。APIによっても取得できますが、多くの方は「いいね！」や「シェア」ボタンの上に吹き出しで表示されている数値として認識されていると思います。 この数値は、いままでは以下のアクションが行われたときに増えていました。 旧仕様のカウント対象： ・ページに設置されたFBボタンが押される ・個人アカウントによるURLを含んだ投稿と、それ
fb ogp Creating Custom Stories
2019年5月1日より、新しく公開されるOpen Graphストーリーはすべて、ニュースフィードのプレーンリンクシェアとして表示されます。したがって、投稿時にOpen Graphアクションは表示されません。 2018年8月1日に、publish_actionsアクセス許可はFacebookログインから削除されました(「新しいFacebookプラットフォーム製品の変更とポリシーの更新をご覧ください)。この変更の結果として、アプリはカスタムのOpen Graphストーリーを公開できません。アプリまたはウェブサイトからシェアを実装する場合は、代わりにFacebookシェアダイアログを使用できます。詳しくは、以下のプラットフォーム固有のドキュメントをご覧ください。
Facebook OGP画像の最新サイズ（※2014年9月）、もう正方形は不要
↑このイラストが、Facebook OGP画像の最新サイズです（2014年9月末現在） といっても、ちょうど昨年の今頃に一度仕様変更があり、その時に最適なサイズに対応していた場合は今回は特別な対応は不要です。 約1年前、FacebookのニュースフィードのUIが変わり、OGPの画像（og:image）のサイズ仕様が変わりました。 軽くおさらいすると、つい最近まで、OGP画像の推奨サイズは下記のような形でした。 なんで正方形で作成しなければいけないかと言うと、今までは「PC版のユーザーのタイムライン」を見た場合のみ、og:imageが正方形で表示されていたからなんですね。 FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版 ※9.21追記） https://snowadays.jp/2013/09/2106 Face
リダイレクト方式によるFacebookのOGP取得の違いについてまとめ
仕事で調べる必要があったのでまとめ。 なお、それぞれのリダイレクト自体の設定など詳しいやり方は、ググってください。 リダイレクト方法ごとの挙動 どうやら、リダイレクト元のページ（ファイル）のヘッダを読むかどうか、が分かれ道みたいですね。 .htaccessによるリダイレクト .htaccessにリダイレクトの処理を記載。 Redirect permanent /***.html http://***.jp/***.html ・リダイレクト元、リダイレクト先の両方にOGPがある場合 リダイレクト先のOGPを取得する。 ・リダイレクト元にのみ、OGPがある場合 リダイレクト先のOGPを取得しようとするが、記述が無いので取得できない。 ・リダイレクト先にのみ、OGPがある場合 リダイレクト先のOGPを取得する。 METAタグによるリダイレクト head内にMETAタグによるリダイレクト処理を記載
ベストプラクティス - シェア機能 - ドキュメンテーション - Meta for Developers
ウェブサイトとモバイルアプリにFacebookシェア機能を実装して、利用者の理解と信頼を得られるアプリエクスペリエンスを構築するためのベストプラクティスについて説明します。
FacebookのOGP画像、最新サイズでの作成例をご紹介
※2014/9追記：正方形で作成する必要はなくなったようです。 Facebook OGP画像の最新サイズ（※2014年9月）、もう正方形は不要 以前記事にした通り、OGP画像のサイズが少し前に変わりました。 FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版 ※9.21追記） ちょっと時間経ってしましましたが、実際にこの仕様でOGP画像を作成してみた作成例をご紹介します。 記事冒頭の画像は、実際にこのブログのデフォルトのOGP画像として設定しているものです。 なお、サイズは468px×468pxではなく、1200px×1200pxで作成しています。 以前の記事に注記もしてありますが、Facebookのドキュメント内に、OGP画像は「at least 600×315 pixels. However, bigger i
IEでのHelveticaエラーがFacebookプラグインでも起こる!? | ajike switch
2013/10/03 に、いいねボタンのxfbml・HTML5版使用時の対応方法追記しました cssのフォントの指定で、Helvetica（Helvetica Neue）が最初に指定されていて、Helveticaフォントがインストールされている場合、IE9,IE10で表示エラーが起きてしまう問題は少し前に話題になり、既に知っている方も多いかと思います（ちょっと特殊な環境ですが…）。 そのため、テンプレートの見直しやcssフレームワーク使用時には注意していたのですが、Facebookのプラグイン（いいねボタン、LileBox など）も問題が起きるっぽいです… 現象 Facebookの、いいねボタン・likeboxが全く表示されない。。 このブログだと、LikeBoxが破線部分に表示されるはずなのに枠すら出ない…だと…！？ しかも要素の幅・高さだけは見事に残しているだって？？何とも迷惑な… 原
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
キットカット オトナの甘さキャンペーン：オトナの甘えカタログ
ここがポイント！ベスト角度が一発で 出せるかは日頃の訓練次第。鏡の前で1日1度は、 首トレを。 詳細はココをクリック！Facebookで 大人も甘えてみよう！ ここがポイント！指を軽く折り曲げながら、 うるうる瞳で視線を固定。 3秒見つめてから・・・ 詳細はココをクリック！Facebookで 大人も甘えてみよう！
今すぐ参考になる！Facebook懸賞キャンペーンの7類型とその特徴、9事例のまとめ « 株式会社ガイアックス
当サイトで行った調査によると、65％の人が「懸賞などのキャンペーンを実施しているFacebookページにはファンになりたい」と答えました。 そんなファン獲得に有効な懸賞キャンペーン、 皆さんのFacebookページでは、もう行いましたか？ 一概に「懸賞」と言っても色々なやり方、使い方があります。 今回の記事では、懸賞のやり方を9類型に分け、それぞれの説明・メリットと、類型ごとに事例を計17個ご紹介します。 今後、Facebookページでの懸賞キャンペーンを検討されている方の参考になれば幸いです！ ■目次 Facebook懸賞キャンペーンとは？ Facebook懸賞キャンペーンの7類型とは？ 類型1．O2O型懸賞の事例 類型2．クイズ型懸賞の事例 類型3．サンプリング型懸賞の事例 類型4．アンケート型懸賞の事例 類型5．確率アップ型懸賞の事例 まとめ ※2012年4月2日追記 Faceboo
Facebookのshare(シェア)ボタンをサイトやブログに設置する方法
このブログでもFacebookの「いいね！（like）」ボタンを設置する方法は書いたことがあるし、同じように「いいね！」の解説ページは他にもたくさんあるんだけど、各種「share（シェア）」ボタンのオプション設定の解説を日本語で書いてるページはあまり見あたらない。（現在はいいね！数をカウントしている「share+カウント数ボタン」の解説ページはある。） しかも「facebook share」でGoogle検索するとトップにでてくるShare on FacebookにアクセスするとなぜかLike Buttonの方にページ移動させられて、shareボタンのヘルプページが見つかりにくいという問題もある模様。というわけで「shareボタンの設定と設置方法」を書いてみた。ブログやサイトに設置するときに参考にどうぞ。 各種sahreボタンの解説 shareボタンも「いいね！」ボタンと同じようにヘルプペ
gadget-or-gimmick
ถ้าไม่มีอะไรอย่างอื่น สล็อต ต้องขอบคุณ Naraka Bladepoint ที่เป็นหนึ่งในไม่กี่ชื่อ Battle Royale ที่การถูกยิงโดยใครบางคนที่ สล็อต...
ページタブアプリ(iframe)の作成とFacebookページへの追加方法
すでにお持ちの方も多いと思いますし、設定自体簡単ですのでFacebookページ自体の登録方法は割愛させていただきます。 ページタブアプリの作成方法 まず、Facebook開発者にアクセスしましょう。 右上にある「新しいアプリケーションを作成」をクリック。 アプリの名称を入力します。 Herokuを使ってiframe内のコンテンツを作成する場合、下の「Web Hosting」にチェックします。 Herokuは、ウェブサービスのホスティングサービスですが、私は使ったことがないので、ここからは自分でサーバーを用意することを前提に説明を続けます。 セキュリティチェックをします。ほんと見にくいです。 ページタブをクリックして内容を入力します。 今まで私は、http:// で始まるURLのみ「Page Tab URL」の欄に登録していたのですが、セキュアな接続をしているユーザーが閲覧した場合に備え、h
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
groovisions
いいね！ボタンは新しいコードに書き換えないと2015年5月以降動かなくなります（公式情報） | 初代編集長ブログ―安田英久
FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版 ※9.21追記）
ソーシャルブックマーク＆投稿ボタンの設置方法 ｜ SEOモード
