AMPからFacebookへのシェア時に「Invalid App ID: 0」とエラーを吐く際の対応

現象

AMPのソーシャルシェアに関するドキュメント: https://www.ampproject.org/docs/reference/components/amp-social-share

これを読んで早速

<amp-social-share type="facebook"></amp-social-share>

と書いたらボタンが表示されたので喜んだけれど、実際に飛んでみると図1のエラー画面が表示される。

facebook側のドキュメントを読むとapp_idに145634995501895を渡すのがデフォルトのシェア機能呼び出しらしい。

戻ってAMP側を読むと

app_id: required, defaults to: none. This parameter is required for the Facebook Share dialog.

と書かれていた。ちゃんとドキュメントを読んでなかった。

そういうわけで、ささっと

<amp-social-share type="facebook" app_id=145634995501895></amp-social-share>

のように変更してみる。相変わらずダメで、これはパラメータの渡し方をミスってる雰囲気。

ちゃんと読み直すと、属性にdata-param-とプリフィックスを付けるように書かれていた。

解決

結果、

<amp-social-share type="facebook" data-param-app_id=145634995501895></amp-social-share>

とすると図2の通り、無事にシェア画面へ遷移した。

反省

Google+やTwitterがデフォルトのままで動作したので油断していました。デフォルト値をいい感じにしてあるだろうと想像して雰囲気でマークアップやるとダメなパターンですね。