Social Networks Auto-Posterは、Facebook・TwitterなどのSNSのアカウントに記事の更新情報を自動投稿できるWordPressプラグインです。 SNS・ブログ・写真共有サービスなど、様々なサービスに対応しています。 このプラグインは、WordPressで新しい記事を公開した際に、複数のSNSのアカウントに更新情報を自動投稿できます。既に公開済みの記事に対しても手動で再投稿を行うこともできます。 SNSのアカウントに更新情報を投稿するプラグインはこれ一つでOKです。 複数のSNSアカウントを運用している場合は、非常に役立つプラグインなので活用しましょう。 現在、このプラグインは正常に動作しません。復旧は困難と思われます。 Twitter・FacebookなどでのAPIの仕様変更・有料化などの問題が原因と思われます。 プラグインの開発者が保守を行なっておら

こんにちは、ウェブ担当の嶋です。2015年もどうぞよろしくお願いいたします。 さて、以前「OGPを設定して、Facebookでシェアした時の画像を大きく表示させる方法」というエントリーでFacebookでシェアした時に表示される画像の件を取り上げました。その後Facebookの仕様が変更され、画像の取り扱いが変わりましたので改めて整理してみたいと思います。キーワードは「1200px × 630px」、そして「PNG」です。 以前ご紹介した内容のおさらい 以前のエントリーでご紹介した物を簡単におさらいすると、下記のようになります。 推奨は「1200px × 630px」（縦横比 1.91:1） 最低でも「600px × 315px」 特定の条件で画像の中心部分が正方形にトリミングされる 特に最後の「正方形にトリミング」はPC用ページのタイムラインのみ適用されるという曲者で、対策として下記のよ

2012年08月09日23:49 by oklahomer いいね！ボタンの規約違反 カテゴリ 前回のエントリーで現在移行中のいいね！ボタンの仕様変更を紹介し、Built-in Likeといいね！ボタンプラグインの違いについて書きました。 そこでは軽く触れただけでしたが、Open Graphアクションとして提供されているBuilt-in Likeは開発者独自の実装となる為、ボタンを自由にカスタマイズできます。反面、いいね！ボタンプラグインは設置が簡単でユーザによる認証も不要な反面、ボタンをカスタマイズすることができません。 今回は以下の３パターンでの規約上の問題について、ボタンのデザインに絞って紹介します。 Built-in Likeでいいね！ボタン画像を使ういいね！ボタンのカスタマイズいいね！以外でのいいね！ボタン画像の利用Built-in Likeでいいね！ボタン画像を使ういいね！ボタ

FacebookのOGP画像のサイズと、ニュースフィードでの表示サイズについては、過去にも数回に渡ってまとめていますが、今回は画像の中に人間の顔が入っている場合の動きについて検証してみます。 どうやら、画像内に人間の顔が入っている場合、トリミングの仕様が通常とは異なり、顔の位置を自動検出してそこを起点にトリミングを行うようです。 なんと言う余計なお世話ハイテクシステム！ ※過去のFacebook OGP画像関連のまとめ FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版　※9.21追記） FacebookのOGP画像、最新サイズでの作成例をご紹介 本題に入る前に、簡単におさらいです。 FacebookのOGP画像のニュースフィード上のサイズは、w1.91：h1 w468px以上でないと大きく表示されない（※Face

こんにちは！デザイナーのわりえもんです！ ドラえもんみたいな見た目の、のび太みたいななにかです。 デザイン制作に役立つ秘密道具を紹介します！ さて今回はサイト・アプリ制作に必需品な Facebook OGP画像つくりに役立つ2つの秘密道具をお教えします！ 2014年1月現在、OGP画像の表示には大きくわけて2種類あります。 一つの画像で、どっちの表示でもきれいにつくるのは結構悩みますよね。 のび太くんには到底つくれなさそうです。 でも、たった2つのの秘密道具で、OGPつくりは劇的に楽になります！ 秘密道具その1 : ただ画像をいれるだけ！秘密のpsd！ 今回のために用意した秘密のpsd を用意しました！ こちらからダウンロードしてみてください！ PSD DOWNLOAD 「見せたい要素が横長」の場合 これは横長いロゴです。ロゴの部分がどんな表示でも切れないようにしたいですね。 これを全ての

OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月

もう使えなくなるのでしょうか〜？シェアボタン！ シェアボタン復活してたみたい！（追記：20131204） 追記です。いつから復活したのか不明ですけど、「Facebook developers」にてソースコードの取得が出来る様になっていますよ！ この記事は元々、シェアボタンが廃止されたタイミングで書きましたので内容的におかしいと思うところがあるかもしれません。 Share Button – Facebook developers 無いないっ！シェアボタンがなーい！ Facebook のシェアボタンがなんだか分からないけど、突然格好良く感じたのでブログに設置したくなりました！早速 Facebook からボタンのソースを入手して WordPress に貼りつけてやるー！と意気込んで Facebook にアクセスしてみたところ何故か見当たりません。Google 先生に聞いたところ、このページを見つ

Looops岡村（健）です。もうお気づきになられた方もいらっしゃるとは思いますがFacebookのリンク投稿の表示画像サイズが大きくなりました。 ※リンク投稿・・・テキスト投稿（画像なし）にURLリンクを記載するとプリビュー画像や注釈が表示される 【変更前】 【変更後】 上記の投稿はどちらもin the looopの記事をリンク投稿したものです。この仕様変更は9/10（おそらく米国時間）からのFacebook広告の仕様変更に併せて行われたものと思われます。事前に変わるとは知っていましたが、いざ変わってみるとやはりサイズの大きさには驚かされました。 そして、この仕様変更の注意すべき点は 大きく表示される画像とされない画像がある ということです。 in the looopの記事に関しては全く、大きく表示されておらず、このままではクリック率（そしてリーチに）に大きく影響すると思いましたのですぐに

2012年09月21日01:40 by oklahomer 廃止されたシェアボタンのたぶん正しい代替手段 カテゴリTips 廃止されてしまったシェアボタンの代わりに使われている/sharer/sharer.phpのドキュメントが削除されたので、ついにシェアボタンの代替手段まで使えなくなるかもしれないという話を昨日紹介しました。そこで、今回はFeed Dialogを利用してシェアを実装する手段を紹介します。sharer.phpのドキュメントが削除された後はFeed Dialogのドキュメントへとリダイレクトされるようになりましたから、シェアの代替手段としてはこれが推奨されているようです。 現状よく使われている代替手段は、以下のようなリンクでシェア用ダイアログページを表示し、そこからシェアさせるというものです。 <a href="https://www.facebook.com/sharer/

先日問い合わせを受けて調べてみたのでメモ。 サイトのトップページやサイドバーなどに、FacebookのLike Boxを置いているところが多いと思うのですが、これがうまく表示されないケースがあったので、原因を調べてみました。 いくつかチェックしたほうがいい項目があるようです。 Facebookにログインしているか？ Facebookにログインしていない時、Like Boxが表示されるはずのスペースは空白として表示される場合があります。 ログイン中のアカウントは自分のものになっている？ また、ログインしていても、ページ右上にある「ページまたはユーザーとしてFacebookを利用」でFacebookページを選んでいる場合にもLike Boxが上手く表示されません。 Facebookページに国・年齢の制限を設定していないか？ Facebookページの管理画面→「権限の設定」に、対象となる国や年齢

マジですかまた変更ですかそうですか。 久々にトップページをDebuggerで叩いたら、OGPにエラーがが。 Facebook Open Graphの仕様を、これまた久々に調べなおしたら、またもや変更されていました。 とりあえず仕様変更よりバグをどうにかしてほしいんですけどね。 og:imageが推奨1500×1500に拡大 昨年の6月に記事にしましたが、前回の仕様変更でog:imageのサイズが最低200×200になりました。この話題は、最近になってまたぶり返してたっぽいですね。 それがいつの間にやら、仕様上、1500×1500を推奨・優先するということになったみたいです。1500pxってあんた･･･。。 The URL of an image which is used in stories published about this object. We suggest that you

こん＊＊わ。 Facebookの度重なる仕様変更に頭を痛めているlatexcatsuitです。 Facebookからの流入を増やしてアクセスアップするには必須のOGP設定ですが、 またもやFBが仕様変更を行い、一歩間違うと阿鼻叫喚になりそうなふいんき（←なぜか変換できない）ですｗ シェアするとより大きなサイズでサムネイルが表示されるように仕様変更されてからしばらく経ちました。 画像が大きく表示されることで、よりクリックしてもらいやすくなったのはいいのですが、そこに大きな問題が潜んでいました。 OGP設定の確認に使用するデバッガー（旧称URL Linter）ですが、 ここでog:imageに指定する画像の大きさが縦横最低200pxとなり、その警告が表示されるようになりましたよね。 これだけなら「小さくてごめんね、ごめんねー」程度で済むのですが、どうやら話はそれだけですまなくなりました。 次の