Facebook ソーシャル プラグインを動的に追加する
Web ページに Facebook ソーシャル プラグインを追加すると、ユーザー エンゲージメントを高めることができます。ただし、JavaScript を通じてこれらのプラグインを動的に追加すると、プラグインが表示されないなどの問題が発生する可能性があります。
問題:
を使用してソーシャル プラグインを手動で含める場合HTML は問題なく動作します。しかし、JavaScript を使用して同じプラグインを動的に追加しようとすると、プラグインは表示されません。
解決策:
Facebook JavaScript SDK は、以下の場合にドキュメントをスキャンしてソーシャル プラグイン要素を探します。初期化されました。ただし、初期化後にプラグイン コンテンツを追加した場合、SDK はそれを自動的に解析しません。この問題を解決するには、FB.XFBML.parse() 関数を呼び出す必要があります。この関数は、ソーシャル プラグイン用に新しく追加されたコンテンツを解析するように SDK に指示します。
<code class="javascript">FB.XFBML.parse();</code>
この関数を呼び出すことで、SDK が動的に追加されたプラグインを識別し、適切にレンダリングすることが保証されます。
リファレンス:
FB.XFBML.parse() の詳細については、Facebook 開発者のドキュメントを参照してください:
https://developers.facebook.com/docs/reference/ javascript/FB.XFBML.parse/
以上がJavaScript を使用して動的に追加した Facebook ソーシャル プラグインが表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。