ツイッター公式ウィジェットの設定ページ(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ベストアンサー
- 回答日時:
Webサーバーにアップされているとのことですので、私のケースとは違うようです。
「widget not whitelisted for domain “ドメイン名”」と出ているとのことで、
ホワイトリストに関する記事を見つけましたので、参照URLにペーストさせていただきました。
もしかしたらもうすでにご覧になられているかもしれませんが、ご覧ください。
あと、ウィジェットの作成時のドメイン名はどのように登録されましたでしょうか。
「www」が付くURLを、「www」を省いた状態でウィジェットを作成し、埋め込んだ場合も表示されません。
もし、お心当たりがあれば、ウィジェットをもう一度ご確認ください。
参考URL:http://takao.asaya.ma/article_957.html
> mokemokekemo 様
まさに「www」のところが問題だったようです!解決しました!!!!
色々と経験則をご教授頂きありがとうございます!!!
No.1
- 回答日時:
同じ日に同じような悩みを抱え、調べていた者です。
ちなみに、スクリプトを貼り付けた何も表示されないページというのは、
ホスト側にUPされている状態でしょうか。
本日、自分の管理しているWebサイトにテストページを作り、
ウィジェットを埋め込み、ホスト側にUPしたところ、表示できました。
アップロードしていないテストページの状態では、javascriptは反応しません。
また、この新しいウィジェットはchasetはいじらなくてもうまく表示されるようです。
違っていたらすみません。
アップロードされていないページで表示されていないのでしたら、ぜひ試してみてください。
この回答への補足
> mokemokekemo 様
Chromeのコンソールのワーニングに「widget not whitelisted for domain ”ドメイン名”と出てしまっております。
貴重な回答をくださりありがとうございます!
「ホスト側にアップされている状態でしょうか」と確認頂いておりますが、
すみません、これはどういうことでしょうか。
お客様などに確認してもらう際に使っているWebサーバーにアップしてチェックしてはいます。
その他確認する事柄はございますでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript WordPressのコンタクトフォーム7にて送信者の位置情報を送らせたい 2 2022/09/14 23:28
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
条件分岐で、読み込む外部スク...
-
外部jsファイルの変数に代入す...
-
外部ファイルを読み込ませるた...
-
別ファイルのfunctionの読み込み方
-
javascriptとApacheの設定
-
外部読み込みで動かないときの...
-
ひとつの外部ファイルに複数の...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
jqueryでのkeydownイベント発生...
-
ユーザーが更新ボタンを押さな...
-
Javascript でText file の書き...
-
getElementsByNameで要素が取得...
-
プルダウンと入力を両方行う検...
-
【js】onsubmit属性が変更できない
-
セキュリティ保護の警告が出な...
-
複数のjavascriptを使うと動か...
-
javascriptでtableの該当行を削...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
【Google Apps Script】「ライ...
-
cssにjavascriptを入れる?呼び...
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
<script src="">読み込まない
-
javascriptのalertで文字化けが...
-
レンタルサーバーでjavascript...
-
javascript内で外部ファイルを...
-
外部読み込みで動かないときの...
-
外部ファイルを実行
-
プルダウンメニューを別ファイ...
-
ホームディレクトリを示すチル...
-
外部.jsの内容を一部置き換えて...
-
xmlHttpRequest.send( EncodeHT...
おすすめ情報