FacebookのSharing Debuggerで「fb:adminsおよびfb:app_idタグがない」というエラーが表示されてしまったら:App IDを取得&設定編

FacebookのSharing Debuggerで「fb:adminsおよびfb:app_idタグがない」というエラーが表示されてしまったら:App IDを取得&設定編

オービィ横浜のアニマルスタジオでミーアキャットに触ってきたyanagimachiです。ほかにも鳥を指に乗せたりできたので、並んだかいがありました。
先日弊社の翻訳事業部のブログつぼログ。のWebマスターからFacebookのSharing Debuggerで以下のエラーが出るので対処してほしいとの依頼がありました。

管理者およびアプリIDがありません。
fb:adminsおよびfb:app_idタグがありません。Facebookでクリックスルーレートの高いニュースフィード記事を表示するには、これらのタグが必要です。


The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.

修正が必要な警告と書かれていましたので、以前Facebook のソーシャルプラグインを導入しよう アプリ登録編・App ID を取得しようでもご紹介したのですが、だいぶ前になりますので新しいfb:appid取得方法をご紹介します。 fb:appidのことを軽く調べてみたのですが、複数の投稿者がいたり、個人情報を知られたくないときに使用するようです。

アプリの登録

すべてのアプリ - 開発者向けFacebookで「新しいアプリを追加」をクリック。

20160901_yanagimachi_01.png

表示名と連絡先を入力して、カテゴリを選択して「アプリIDを作成」をクリックします。

20160901_yanagimachi_02.png

セキュリティチェック

「XXが写っている写真をすべて選択してください。」というお題が出ますので、該当の写真を選択して「送信」をクリックします。ちょっと難しいお題の時もありますね。

20160901_yanagimachi_03.png

アプリIDを確認

セキュリティチェックのあと表示されるページで確認できます。

20160901_yanagimachi_04.png

また、すべてのアプリ - 開発者向けFacebookで「新しいアプリを追加」からも確認できます。

20160901_yanagimachi_05.png

サイトにfb:app_idを設定する

HTMLのhead内に以下を記述します。弊社ではOGPを設定しているあたりに設置しました。

<meta property="fb:app_id" content="XXXXXXXXXXXXXXXX【さきほど取得したfb:app_id】">

あとはFTPなどでサーバにアップロードしてください。


以上の作業のあと再度Sharing Debuggerで確認するとエラーが消えるのを確認しました。
fb:adminsの設定でもいいようですので、そのうち調べてみようと思います。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ