人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Twitterのブログパーツに対する質問です。
最近私はTwitterを始めました。はてなダイアリーをやっているのでそちらの方にウィジェットを張り付けたところ、このブログパーツは表示されませんとか何とか出てきました。
その後でヘルプをみてちゃんと改行を消し、一行にして張り付けてもまた同じく表示されていませんでした。
どうすればきちんと表示されますでしょうか?
回答待っています。

●質問者: とーみんぐま
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● rouge_2008
ベストアンサー

どのブログパーツを貼り付けたのでしょうか?
未対応のブログパーツを貼り付けた場合は、コードを貼り付けた箇所(ブログパーツが表示されるはずの場所)に『ご指定のscriptタグは許可されていません。詳しくははてなダイアリーで使えるブログパーツをご覧ください』のようなメッセージが表示されます。


Twitter公式のプロフィールウィジェット(https://twitter.com/about/resources/widgets)でしたら、以前は貼り付けることが出来ましたが、先ほど試したら、上記のメッセージが表示されました。
提供元のコードの変更により利用できなくなる事もあるようですので、この場合は、はてなアイデアで報告して対応してもらう事になります。

http://hatenadiary.g.hatena.ne.jp/keyword/対応ブログパーツ一覧

※提供元の貼り付けコードの変更等により、ブログパーツが貼り付けられなくなることがございます。その場合には、お手数ですがはてなアイデアにてお知らせください。
※対応していないブログパーツのご要望ははてなアイデアにて受け付けておりますが、対応にはお時間をいただくことがございます。予めご了承いただけますと幸いです。

※未対応のブログパーツの場合も、アイデアで要望を出します。

同じく公式の「検索ウィジェット(Twitter Search Widget)」も利用できなくなったようで、アイデアが出されていました。
http://i.hatena.ne.jp/idea/31175

今まで対応していたブログパーツでしたら、利用可能にしてもらえる可能性も高いので、アイデアで要望を出してみてください。
http://i.hatena.ne.jp/idealist?did=36

未対応のブログパーツを貼る方法もあるようですので、対応されるまでこちらの方法を試すと良さそうです。
※レンタルサーバーまたはHPスペースサービスを利用します。
(例では、Google pages「http://pages.google.com/」になっていますが、サービスを終了したようなので、その他のサービスを利用する必要があります。)
http://q.hatena.ne.jp/1321689186


【追記】

プロフィールウィジェットのアイデアも出されていました。
かなり前から使えなくなっていたようですが、対処方法も書いてありました。

http://i.hatena.ne.jp/idea/30608

sa_to_e 『コードの変更が原因と思われます。
http://d.hatena.ne.jp/hatenadiary/20100520/1274349465の利用例のコードと比べると、現在のコードでは【hashtags】【timestamp】【avatars】の3項目がなくなっています。
試しにこの3つを追加してみると正常に貼り付けられます。』 (2011-10-24 15:47:15)
sa_to_e 『プロフィールウィジェットだけでなく、検索ウィジェット/お気に入りウィジェット/リストウィジェットも同様の理由で貼り付けられなくなっています。』 (2011-11-12 16:07:02)


上記コメントにある通り、【hashtags】【timestamp】【avatars】の3つをそのままの順番で追加し、widget.jsを読み込むコードの文字コード指定を削除すると表示されます。

<script src="http://widgets.twimg.com/j/2/widget.js"></script><!-- ここのタグの「charset="utf-8"」を削除 -->
<script>
new TWTR.Widget({
 version: 2,
 type: 'profile',
// ? 略 ?
 features: {
 scrollbar: false,
 loop: false,
 live: false,
 // ここから追加(※追加する場所と順番も同じにします。※「コメント(この行)」は追加しないでください。)
 hashtags: true,
 timestamp: true,
 avatars: false,
 // ここまで追加(※「コメント(この行)」は追加しないでください。)
 behavior: 'all'
 }
}).render().setUser('twitter').start();
</script>


利用できないのがプロフィールウィジェットなのでしたら、この方法を試してみてください。


rouge_2008さんのコメント
検索ウィジェット、お気に入りウィジェットについても、プロフィールウィジェットと同様の方法で表示可能でした。 リストウィジェットについては確認していませんが、こちらも同じ方法でたぶん大丈夫です。

とーみんぐまさんのコメント
回答ありがとうございます。 私が利用できないのがプロフィールガジェットです。 一度やってみたのですが機械音痴の為良くわからず・・・・すみません>< 出来ればデザイン指定を略してその他をそのままコピーして出来るものを載せていただけるとありがたいです。

rouge_2008さんのコメント
もしかして、夜試したのでしょうか? 実は、javascriptにコメントがあるとエラーになるので、朝(午前中)にコード内に注意事項を追記してあります。 まずはwidget.jsを読み込むコードのcharset指定を削除して次のようにします。 >|| <script src="http://widgets.twimg.com/j/2/widget.js"></script> ||< 次に、javascriptのコードのfeaturesを全部入れ替えてみてください。 >|| features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } ||< ※環境設定で、「スクロールバーを表示」チェックなし、読み込み動作「すべてのツイートを読み込む」にチェック、「新しいデータを読み込む」チェックなし、という設定にした場合です。 ※コードに追加するのは次の3つだけですので、もし環境設定に影響を与えたくない場合は、上記の替わりに次の3行を「live: ?,」の次の行(※「behavior: ?」の前)に貼り付けてください。 >|| hashtags: true, timestamp: true, avatars: false, ||<

とーみんぐまさんのコメント
詳しい追記ありがとうございます やり直してみたのですがやはり出来ず・・・; 一応、このようなやり方でやってみました。 <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 30000, width: 250, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#ffffff', color: '#b828b8', links: '#07ebcd' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' }).render().setUser('twitter').start(); </script> これではだめなのでしょうか?

とーみんぐまさんのコメント
↑のやつに 載せていただいたのと、</script> を入れるのを忘れてました。すみません><

rouge_2008さんのコメント
全角スペースが混じっていたのと、「behavior: 'all'」の後ろの}が一つ足りなかったのが原因のようです。 次のコードを貼り付けてみてください。 >|| <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 30000, width: 'auto', height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#ffffff', color: '#b828b8', links: '#07ebcd' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('twitter').start(); </script> ||< ※記事の本文に貼る場合は1行にする必要があるようですが、デザインの編集でサイドバー等に貼る場合は、改行があっても大丈夫です。

rouge_2008さんのコメント
すみません。横幅自動設定にしてしまいました。 幅を元の幅で固定したい場合、「width: 'auto',」を「width: 250,」に変更してください。

とーみんぐまさんのコメント
ありがとうございます! 出来ました!!・・・・と言いたいところですが 設定のサイドバーのメニューにはあるのですが ブログトップではサイドメニューに出てきません;; でもここからは自分で解決していこうと思いますが、おわかりでしたらまたコメントをくれると嬉しいです 詳しいご説明ありがとうございました。 本当に助かりました!!

rouge_2008さんのコメント
確認してみましたが、トップページにも記事のページにも、きちんとサイドバーに表示されています。 2個も表示されていますが・・・(必要なければ1個は削除してください。) まだ表示されない場合は、ブラウザのキャッシュ(IEの場合、「閲覧の履歴」の「インターネット一時ファイル」)を削除してから、アクセスしてみてください。

とーみんぐまさんのコメント
そうでしたか!! 私はキャッシュを消しても見れませんが 他の方が見れていればそれでいいかな?と思います。 何度もコメントいただきありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ