twitter widgetが表示されない

質問

ツイッター公式ウィジェットの設定ページ（https://twitter.com/settings/widgets）で
指定のハッシュタグが付いたツイートを表示するように設定し、スクリプトを作成しました。

右下に表示されている「このコードをコピーして、あなたのwebサイトのHTMLに貼り付けてください。」
という文言通り、生成されたスクリプトをHTMLファイルに貼りつけても、何も表示されません。

厳密には「（#ハッシュタグ）に関するツイート」という文字だけが表示されています。
「Twitter Widget　表示されない」などでググってみますと、多くは文字コードに言及する記事が多く、
念のためscriptタグにchaset="utf-8"を追加してみましたが、状況かわりませんでした。

Chromeのコンソールでみると、エラー内容が「GET file://platform.twitter.com/widgets.js 」と出ており、

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

上記部分に問題があるみたいです。
解決方法ないでしょうか。お力添え頂けますと幸いです。よろしくお願いします。

回答No.2

mokemokekemo · ベストアンサー

Webサーバーにアップされているとのことですので、私のケースとは違うようです。

「widget not whitelisted for domain “ドメイン名”」と出ているとのことで、
ホワイトリストに関する記事を見つけましたので、参照URLにペーストさせていただきました。
もしかしたらもうすでにご覧になられているかもしれませんが、ご覧ください。

あと、ウィジェットの作成時のドメイン名はどのように登録されましたでしょうか。
「www」が付くURLを、「www」を省いた状態でウィジェットを作成し、埋め込んだ場合も表示されません。

もし、お心当たりがあれば、ウィジェットをもう一度ご確認ください。

参考URL：

http://takao.asaya.ma/article_957.html

お礼

> mokemokekemo　様

まさに「www」のところが問題だったようです！解決しました！！！！
色々と経験則をご教授頂きありがとうございます！！！

回答No.1

mokemokekemo

同じ日に同じような悩みを抱え、調べていた者です。

ちなみに、スクリプトを貼り付けた何も表示されないページというのは、
ホスト側にUPされている状態でしょうか。

本日、自分の管理しているWebサイトにテストページを作り、
ウィジェットを埋め込み、ホスト側にUPしたところ、表示できました。

アップロードしていないテストページの状態では、javascriptは反応しません。

また、この新しいウィジェットはchasetはいじらなくてもうまく表示されるようです。

違っていたらすみません。
アップロードされていないページで表示されていないのでしたら、ぜひ試してみてください。

お礼

貴重な回答をくださりありがとうございます！
「ホスト側にアップされている状態でしょうか」と確認頂いておりますが、
すみません、これはどういうことでしょうか。
お客様などに確認してもらう際に使っているWebサーバーにアップしてチェックしてはいます。
その他確認する事柄はございますでしょうか。

補足

> mokemokekemo　様

Chromeのコンソールのワーニングに「widget not whitelisted for domain ”ドメイン名”と出てしまっております。