5分でわかる Blog を Facebook インスタント記事 （Instant Articles） に対応させる方法
運営中の Blog などから Facebook インスタント記事 （Instant Articles） 向けの RSS フィードを配信してインスタント記事に対応させる手順を解説しています。 Facebook インスタント記事 （Instant Articles） は、インターネットメディアなどが、Facebook 内で自分たちの記事を配信することができる仕組み。ユーザーは Facebook アプリ内で記事を受け取り、閲覧してそれをシェアしたりすることができます。 簡単に言ってしまえば、Facebook アプリ自体がニュースリーダーになるような感覚で、ユーザーは Facebook の外に出ることなく、記事を読むことができるのと、記事自体も専用フォーマットによって読み込み速度が速く、快適な閲覧ができるというのが売りになっています。 元々は一部の限られた大手メディア （例として The New
page plugin（facebook埋め込み）をレスポンシブ対応する
2015年6月にfacebookをwebサイトに埋め込むには「like box」から「page plugin」に変更になりました。 単純に埋め込むにはこちらからコードを取得し貼り付けるだけでfacebookウィジェットを埋め込むことができます。 一応レスポンシブ対応していますが、仕様としては最初に表示された親ボックスサイズ(180px〜500pxの制限あり)に合わせてレスポンシブに可変されますが動的にウィンドウサイズは変更されません。 このままでもほぼ問題ないと思いますが、どうしてもダイナミックにレスポンシブ対応したい場合のjqueryを使った対応方法をメモ。 まずは通常の手順通りコードを埋め込む 下記のように埋め込みたい場所（ここでは＜div id=”pageplugin”＞ボックス内）に取得したコードを埋め込みます。（javascriptのコードは省略） <div id="pagepl
Devices — Facebook Design Resources
Designing for many platforms Facebook supports a diverse audience around the world and an equally diverse set of devices. To emphasize that in our design mocks, we redrew a range of devices to show the global diversity of the people using our products. Each device comes with a bitmap of the device (with and without shadows) and the original Sketch file for that device. We'll release different cate
HIKE: Our quick, simple accessibility primer
At Facebook, making our products accessible is integral to achieving our mission of connecting the world. To enable our engineers and designers to build products that are usable by people with disabilities, we’ve created several levels of support, integrating accessibility into our quality assurance processes, centralizing accessibility documentation, and building hands-on tutorials that help peop
Facebook gets flak for Beirut-Paris ‘double standard’
Facebook’s decision to implement its “safety check” feature for the attacks in Paris, but not after bomb blasts in Beirut a day earlier, has prompted debate online. The company introduced the feature shortly after the coordinated attacks across Paris late on Friday, which left at least 129 people dead. The function allowed users in the Paris region to “check-in” and let family members and friends
Facebook、プロフィール写真のフランス国旗化機能に「パリだけではない」の声も
米Facebookは11月13日（現地時間）、仏パリで同日起きた同時多発テロを受け、「パリ市民の安全と平和を願うプロフィール写真を設定しよう」キャンペーンを開始した。6月にLGBT承認を祝して追加した「プライド月間を祝おう」機能と同様に、ユーザーのプロフィール写真に仏国旗のトリコロールカラー（青、白、赤）を重ねられる。 マーク・ザッカーバーグCEOやシェリル・サンドバーグCOO（最高執行責任者）らもすぐにこのプロフィールに切り替えた。 既にプロフィール写真を変更している人の通知にある「試す」をクリックすれば、自分のプロフィール写真も変更できる。 この機能を告知したFacebookの投稿には多数のコメントが付いている。「ガザ、レバノン、パキスタン、アフガン、アフリカ諸国もサポートすべき」「パリでは多くの人が亡くなったが、パレスチナ、シリア、イラクではもっと多数の罪のない人々がテロの犠牲になっ
Engadget | Technology News & Reviews
How to watch Polaris Dawn astronauts attempt the first commercial spacewalk
TABI LABO
■TABI LABO記事に関して頂戴したご意見について 弊社が平成27年4月18日付けでTABI LABOに掲載した、「【超時短！】フライパンを使えば、たった5分でご飯が炊けるって!?」（以下「本件TABI LABO記事」といいます。）に関し、平成27年4月20日、株式会社メディアジーン様から、ご意見を頂戴しました。 それは、同社が運営するライフハッカー［日本版］に掲載中の「フライパンでもご飯が炊ける！炊飯の基本は「10分＋15分＋10分＝35分」（以下「本件ライフハッカー記事」といいます。）と本件TABI LABO記事が酷似する旨（ご意見①）、及び、本件TABI LABO記事は、本件ライフハッカー記事の制作者であるごはん同盟様が撮影した画像を無断でFacebookから利用するものである旨（ご意見②）を内容とするご意見でした。 ■調査の実施・調査結果 弊社は、詳細な事実関係を把握するまでの
パクリサイトにブログ記事・写真が丸ごと盗用されたのでストレートに抗議した : め〜んずスタジオ
本来は新しいカタチの情報メディアとして注目されるはずだったバイラルメディアやキュレーションサイト。それらはすっかり「パクリサイト」の代名詞になってしまったのは悲しいことではありますが、僕自身そんなキュレーションメディアから記事盗用の被害を受けました。 発覚したのは2015年5月28日。この日、当ブログに書いたこちらの記事について、Googleの検索結果を検証していたときでした。 関連：洗ってスッキリ気持ちいい！軽量スリッポン「norlin」のお手入れ方法を聞いて洗ったよ！ 「norlin 手入れ」のキーワードで検索すると、まさにその記事が検索結果の1位に出てきたのですが、 タイトル下に表記されいるURLが「kixiinc.com/?p=188276」となっていて、め〜んずスタジオのURLである「asuka-xp.com/◯◯◯」ではないことに気づきました。（当然、プライベート検索結果をOF
officeofbenbarry.com - このウェブサイトは販売用です！ - officeofbenbarry リソースおよび情報
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.
FacebookでシェアしたときのOGP画像、大きな表示で出てますか？ | 初代編集長ブログ―安田英久
今日は、Facebookの話題を。自社サイトの記事がシェアされたときに、大きな画像で表示されるようにする方法を解説します。ポイントはog:image画像のサイズです。 Facebookでシェアされたときの画像表示には2パターンあるFacebookでページがシェアされたときに表示される内容を指定する、OGP（Open Graph Protocol）は、当然、ページのHTMLで指定していますよね？ さすがに、イマドキOGPを指定していないページは非常に少ないと思います。 でも、og:imageで指定する画像がFacebookで表示されるパターンは2種類あることをご存じですか？ 記事タイトルの上に画像が大きく出るスタイルと、記事タイトルの左に画像が小さく出るスタイルがあるんです。 どちらのほうが目立つか……そりゃ、画像が大きく出るほうがいいですよ。 画像を大きく表示するには、画像のサイズを大きく
Facebookは非公開設定でも直リンで誰でも写真が見れる上に、削除しても永遠に写真は消えないようです。
Facebookは非公開設定でも直リンで誰でも写真が見れる上に、削除しても永遠に写真は消えないようです。
Open Graph Object Debugger - Facebook
Facebookにログインして、友達や家族と写真や近況をシェアしましょう。
shareボタンじゃなくてdialogを使う。
最近、Facebook ネタばっかりですが、ご容赦ください。 Facebook の share ボタンが非推奨になってるぽいのですが、 どうしても Like じゃなくて （旧型のfb:share-button とか以外の方法で） Share な動きを作りたい、もしくは作らなくてはいけない時ってあると思うので、 いろいろとググってみました。 結果、どうしても share ボタンを作りたければ、Feed Dialog を使うようです。 これからの正統派はこっちかもしれません。 Feed Dialog の作り方は、おおきく２つです。 ※ Feed Dialog を使う前に、Facebookアプリを作成する必要があります。 Facebookアプリの作り方は、別途ググッてください。 1. URLを指定するこれは、そのまんまなのですが、URLの飛び先にFeed Dialog用の URLを指定することで
sharer.phpをやめてFeed Dialogを使おう! WordPressの実装方法がコレだ!!
今も根強く利用されているFacebookの「Share」ボタンですが、「Like Button」への統合が進み、ついには公式の「Share」ボタンは廃止となりました。 公式では代替手段として「sharer.php」を紹介していましたが、とうとうそのドキュメントが削除され、いよいよ「sharer.php」の存続も危うい状況かもしれません。 追記/ 2013年4月24日 Feed Dialogでサムネイル取得の部分がうまく取得できていなかったため、修正しました。 また、現在はLike Buttonにもカウントが反映されるようになっています。 そこで、同様の動作をする方法として実装をおすすめしたいのが、「Feed Dialog(フィードダイアログ)」です。 実装すると、ページ遷移やポップアップすることなく、上図のダイアログが表示され、リンクをシェアすることができるようになります。 なぜこちらをお
Facebookのシェアボタンを隠しパラメーターでカスタマイズ - ソフトウェアエンジニア現役続行
Facebookのシェアボタンの設置 Facebookのシェアボタンの設置自体は難しくありません。Googleで検索しても簡単に出てくるし、Facebookにも開発者向けに公式ページが用意されています。https://developers.facebook.com/docs/reference/plugins/share-links/ OGPタグによるシェアボタン押下後の表示のカスタマイズ シェアボタンを押したあとのサムネイル画像・タイトル・説明文をカスタマイズしたい場合、WEBページにmetaタグでOGPタグを設置します。以下のページの説明が分かりやすいです。http://www.site-support.jp/?p=4281 FacebookのOGPタグの扱いにおける不具合 しかし、FacebookではこのOGPタグ（特にog:image）が正しく反映されないことがあり、バグレポートが
Facebookでシェアする時の隠しパラメータ | めがみん．ＪＰ
arzumy mdというサイトでリンクシェアの隠しパラメータに関する情報がありましたのでちょっと試してみました。 情報元： http://ar.zu.my/how-to-really-customize-the-deprecated-facebook-sharer-dot-php/ ほぼそのまま引用しますと、 http://www.facebook.com/sharer.php?s=100 &p[url]=シェアするURL &p[images][0]=表示画像のURL.png &p[title]=表題 &p[summary]=説明 &m2w という感じでs変数とp配列変数の組み合わせを使用します、最後の m2w は携帯から見ると携帯用サイトに転送され隠しパラメータが無効になるため、転送抑制で指定できるようです。 「シェアする」 ツイート
FacebookやTwitterなどSNSのシェアボタンをオリジナル画像にする方法【WordPressも対応】 - usedoor
facebookやTwitterなどSNSで使うよく見るシェアボタンをオリジナル画像またはスタイルシートなどで作成したオリジナルに変更する方法です。 各コードとWordPressで使う際のサンプルを記載しています。 usedoorでも現在、Facebookのシェアボタン（いいね！じゃないよ）とツイートするボタンをオリジナル画像にしています。 適切な設定を行うことで自分が設定したいオリジナル画像をシェアボタンとして使うことができるようになります。 usedoorでもシェアボタンを増やしていこうかと悩み中です。 オリジナル画像シェアボタンの組み込み方はこのエントリにまとめていきます。 OGPを指定しておこう またSNSボタンを配置するにあたってヘッダーに「OGP」というものを導入しておく必要があります。 絶対に必要というわけではないのですが、自分側で設定しておくことでシェアされた時に自分が表示
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress Social Like Ranking
いいね！ボタンは新しいコードに書き換えないと2015年5月以降動かなくなります（公式情報） | 初代編集長ブログ―安田英久
