5

私はFBページタブアプリを持っています - 基本的にはiframe内のウェブページで、ユーザーがページタブをクリックすると表示されます。

Web ページ内に Twitter ボタンがあります。Twitter の API を使用して、ユーザーがいつツイートに成功したかを調べています。これに使用するコードは次のとおりです。

twttr.events.bind('tweet', function(event) {
    alert("tweet's ocured");
});

alert()問題は、ページを通常どおりに表示すると、ツイートの後に が表示されることです。Facebook から見たら動かない…。Twitter の反応が Fb のページに反映されていないような?

さらに、コンソールに次の警告が表示されます。

TWITTER: コンテンツ セキュリティ ポリシーの制限がサイトに適用される場合があります。この警告を抑制するために追加します。

.

TWITTER: 注意: CSP が適用されている場合、すべての埋め込みタイムラインおよび埋め込みツイート機能がサポートされているわけではありません。

.

オリジンが「 http://giveaway-testing.herokuapp.com 」のフレームが、オリジンが「 http://www.facebook.com 」のフレームにアクセスするのをブロックしました。アクセスされたフレームは「document.domain」を「facebook.com」に設定しましたが、アクセスを要求したフレームは設定しませんでした。アクセスを許可するには、どちらも「document.domain」を同じ値に設定する必要があります。

.

オリジンが「 http://platform.twitter.com 」のフレームが、オリジンが「 http://www.mysitehere.com 」のフレームにアクセスするのをブロックしました。アクセスを要求するフレームは「document.domain」を「twitter.com」に設定しましたが、アクセスされたフレームは設定しませんでした。アクセスを許可するには、どちらも「document.domain」を同じ値に設定する必要があります。

誰かが以前にこれらの問題に対処したことがありますか? もしそうなら、助けていただければ幸いです!

4

1 に答える 1

2

「TWITTER」コンソール メッセージを解決するには、次のコードをページ ヘッダーに追加します。

<meta name="twitter:widgets:csp" content="on">

メタ タグの使用については、Twitter 開発者ドキュメントの下部で説明されています: https://dev.twitter.com/web/overview/widgets-meta-elements

その他の警告は、JavaScript の同一生成元ポリシーに関連しています。元の投稿で言及された警告の 1 つであるhttp://giveaway-testing.herokuapp.comは、もはや機能していません。ページのバージョンはまだありますか?

于 2014-09-17T23:27:01.007 に答える