Twitter と Facebook の連携が上手く行かない

FacebookとTwitterを連携する

先日まで、Twitter での Facebook 連携機能を利用して、Tweet した内容が Facebook のウォールにも投稿されるように設定していたのですが、うまく見えない問題があったため連携方式を変更しました。
備忘録兼ねて書いておきます。

はじめに

Webサイトとソーシャルメディアの連携は既に当たり前になった感がありますが、弊社も暫く前からサイトのアップデートがあった際に、Tweet しています。

ソーシャルメディアとしては Facebook ページにも同じ内容を投稿しているのですが、同じ内容を二度アップするのは面倒なので、Tweet した内容がFacebook にも同時に投稿されるように設定していました。

しかし、先日 OGP の設定を行っている際に、どうもこちらが想定した通りに動作していないようだったため、連携方式を変更しました。
以下この事象、及び、対応方法に関して書いてみます。

 

※画像は 写真素材ぱくたそ 様、画像のフォントは フォントポにほんご を利用させて頂きました。

行っていた設定 ( Twitter → Facebook 連携 ) と、問題点

設定

Twitter から Facebook への連携は以下のように、Twitter のプロフィール設定から行っていました。

  1. 設定前には Twitter、Facebook 双方にログインしておきます。
  2. Twitter にログインし、[プロフィール]メニューをクリックし、[Facebookと連携する]ボタンをクリックする。
    Facebookと連携する
  3. 別ウィンドウが開くので [OK] ボタンをクリックする。
    Facebookでログイン
  4. 投稿許可の確認メッセージが表示されるので、必要であれば公開設定を変更し[OK]ボタンをクリックする。
    [OK]ボタンをクリックすると連携設定が行われます。
    投稿許可の確認

連携設定が行われたら、あなたのページへの投稿を許可 リンクをクリックし、Facebookページに投稿するように設定を行います。
連携設定後の Twitter のプロフィール>Facebook 設定は以下のようになります。
Twitter - Facebook設定

Facebook 側のアプリ設定画面は以下のようになります。
( 連携設定前には存在していなかったTwitterアプリの設定が追加される )。

問題点

Twitter で投稿した内容は Facebookページ にも投稿されるようにはなっていたのですが、投稿した内容が表示されない場合がありました。
なぜか、Facebookにログインしていない状態だと見える投稿が、ログインすると見えなくなるのです ( Facebookページの管理者としてログインした場合には閲覧可能 )。
書くまでもないですが、閲覧の可否をマトリックスにすると以下。

Facebookへのログイン閲覧の可否
未ログイン
ログイン ( 非ファン )
ログイン ( ファン )
ログイン ( Facebookページ管理者 )

Facebook管理者として作業を行っていたため、暫く気づきませんでした。

携帯端末での表示を確認するために、個人利用のスマートフォンから Facebookページ を閲覧した際に、Twitter から投稿した記事が見えていない事に気づき、「あれ?」と思ったのです。

試しに普段利用していないIEからログインしない状態でアクセスすると、全ての投稿がちゃんと見れています。
このIEで、Facebookページ管理者アカウント以外のアカウントでログインしてみたのですが、見れませんでした。

「ログインせず見れてるのに、ログインしたら見れないってどういう事?」

と思ったのは言うまでもありません。

やってみた事

公開設定に問題がある?と思って設定を見直してみたりしたのですが、解決しませんでした。
( 一旦連携を削除して、公開設定を「公開」にして連携し直すといった方法も試したがNG )

結局、以下の事もあり Twitter → Facebook の連携は行わないようにしました。

  • Twitter に投稿した内容で、Facebookページには載せたくないものがあった
    運用前には、「何れも広報担当アカウントとして投稿するので、そういう事は殆どないだろう」と考えていたのですが、実際には社内で対応している事に対する、どうでもよい内容でツイートする場合があり、これらはFacebookページには載せる必要はないと思って、手動で削除するといった事がありました。

新たな設定 ( Facebook → Twitter 連携 )

とはいえ、毎回同じ投稿を二回行うのは面倒です。
逆方向の連携を試みる事にしました ( Facebookページで投稿した内容を Tweet するパターン )。
これまでの運用から、Facebookページに投稿した内容で、Twitter には載せたくないパターンは無かったので、これならば上述したような問題もありません。

手順

Facebook から Twitter に連携を行う場合、以下のようにします。

  1. Facebook と Twitter の双方にログインしておきます。
  2. https://www.facebook.com/twitter/ にアクセスする。
  3. リンクしましょう ページに遷移するので、[FacebookページをTwitterとリンク]ボタンをクリックします。
    FacebookページとTwitterとリンク
  4. 連携する Twitter アカウントが表示されるので、[Twitterとリンク]ボタンをクリックします。
    Twitterとリンク
  5. Twitter側の連携認証画面が表示されるので、[連携アプリを認証]ボタンをクリックします。
    連携アプリを認証
  6. Facebook側の連携設定画面に遷移するので、連携を行う投稿にチェックして、[変更を保存]ボタンをクリックします。
    弊社では現状 "近況アップデート"、と "リンク" をチェックしています。 ( 自社サイトの技術記事を通知する場合には、リンクになるので )
    変更を保存

設定を変更する場合

設定を変更したい ( "イベント" を追加したい等 ) 場合、https://www.facebook.com/twitter に再度アクセスする事で行えます。

結果

無事設定が行えた ( ように思える ) ので、Facebook から 投稿してみます。
新着技術記事 ( のリンク ) を投稿してみました。

※Facebook タイムラインに表示される画像等を設定する方法に関しては WebサイトにOpen Graph Protocol (OGP) 設定を追加する を参照

facebookから投稿

Facebook で投稿した 記事が Twitter にも無事投稿されたようです。
Twitter へ連携成功

まとめ

私が遭遇した、"Twitter → Facebook 連携で、ログインした場合に投稿が見えなくなるという問題" が 『よくある事』 なのかは判りませんが、もし同様の問題が発生しているようなら連携の方向を Facebook → Twitter に変更する事で解決する事ができるかもしれません。