• ベストアンサー

モバイルサイトにツイッターウィジェットの配置

WEBページにはツイッターウィジェットを使ってツイッターをスクリプトで配置できますが、モバイルサイトは配置できないのでしょうか? ツイッターウィジェットのサイトでタグを生成して張り付けて、携帯で見ると、空白になって何も表示されません。WEBサイトは問題ないのですが… なにか、やり方があるのでしょうか? また、モバイルではそもそも張付けは不可で リンクで飛ばすのが精一杯なのでしょうか? 宜しくお願い致します。

  • peco33
  • お礼率79% (123/154)
  • HTML
  • 回答数1
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

javascriptが動かないモバイル機器がけっこうあります。 リンクで飛ばして、サーバー側でページ生成するのが普通です。

peco33
質問者

お礼

ありがとうございます。 ウィジェットの表示は無理なのですね。 バナー作って アカウントのページへ普通にリンクを飛ばすしかないですね。

関連するQ&A

  • ダイナミックなTwitterウィジェット

    HPやブログに、ぐるぐると中の呟きがダイナミックに動くTwitterウィジェットを貼りたいのですが、スクリプトはどのように入手すればよいのでしょうか。Twitterのサイトでは見つけることができません。

  • nyroModalとTwitterウィジェット

    同一ページ内にてnyroModalとtwitter公式のプロフィールウィジェットを同時に設置しています。 nyroModalでリンク先のページを表示させようとすると、twitterウィジェットが暗転せず、 nyroModalで表示させているページがtwitterウィジェットの背面に隠れてしまうのですが 何か解決方法はありませんでしょうか。 nyroModalのhead内の記述は以下のとおりです。 <link rel="stylesheet" href="styles/nyroModal.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.nyroModal.custom.js"></script> 以上、宜しくお願い致します。

  • Twitterウィジェットの表示速度について

    webサイトにTwitterタイムラインを埋め込むことは多々あるのですが、お客様から「タイムラインの表示が遅く感じる」とご指摘を受けました。 外部のものなので難しいとは思っているのですが、できれば改善したいです。 自分でも調べていますが、ウィジェットを埋め込むことによってサイト全体の表示が遅くなる事案が多く、タイムライン単体の表示速度についてはありませんでした。 通常使用しているのは、公式から出ているものになります。↓ <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <a class="twitter-timeline" width="100%" data-lang="ja" data-theme="light" data-chrome="noheader nofooter noborders transparent noscrollbar" href="https://twitter.com/">Tweets by</a> お力添え頂けたら幸いです。 よろしくお願いします。

  • twitterのタイムラインのサイト表示についいて

    すいません。 今、twitterのウィジェットを使って、自分のタイムラインを読み込み、 自分のサイトに表示させているのですが、IE6だけ表示されません。 twitter本家のウィジェットのところで生成されたコードをそのままHTMLに記述しています。 そのほかのIE7,8やfirefox、chrome等では、問題なく表示されるのですが、IE6だけだめです。 複数のPCで確認しましたが、IE6だけ表示されません。 何か原因などお分かりになる方がおられましたら、ご教授いただけないでしょうか? 以上、よろしくお願いします。

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

  • モバイルサイトで戻るリンク作成方法

    モバイル用サイト 戻るのリンクはどのようなタグをつかいますか? 通常のPCサイトの場合、JavaScriptを使って前のページに戻るリンクを貼れますが、携帯サイトの場合、どのようなリンクを貼ればいいのでしょうか?前のページは、動的に変わるページで、<a href="○○.html">という指定はできません。

  • モバイルサイト構築

    お世話になります モバイルサイト構築したいのですが できれば visualstudio2005standardで作成したVBA(WEB)をUP して使用したいのですが・・ なかなか高くてレンタルできません ■サイト内 DB連結 メーリングリスト ユーザID生成 を使用する予定です visualstudioは理想ですが他の案もあればお聞かせください

  • A8ネットに3つ自分のサイトを登録していて

    A8ネットに3つ自分のサイトを登録していて アピールサイトに サイト1を指定しているのですが その状態で「広告リンクコード生成」で生成したタグを サイト2に貼り付けたらどうなるのですか? リンクコードを生成するたびにアピールサイトを変更するのが面倒なのですが サイト1をアピールサイトにした状態で生成したリンクを サイト2に貼り付けても良いのか教えてください。

  • モバイルサイトでリンク画像をロールオーバー処理したいのですが・・・

    モバイルサイトでリンク画像をロールオーバー処理したいのですが・・・ 慣れないモバイルサイトを仕事で制作しています。 リンク画像をオールオーバー処理したいのですが、 javaによるonMouseOverの方法しか知りません。 モバイルでjavaが利用できないことは知っているのですが、 ロールオーバーのようなリンクを作っているサイトはいくつも見たことあります。 javaが使用できないのなら、Flashでのアクションスクリプトかとも思ったのですが、 単純にボタンシンボルを作成してswfの拡張子で書き出して <object data="ファイル名.swf" type="application/x-shockwave-flash"> <param name="src" value="ファイル名.swf"> <param name="loop" value="true"></object> 的なタグ埋め込んだ場合ではダメでした。 (サーバーにアップする前にブラウザでチェックした場合は画像を読み込めず、 サーバーにアップした場合は何らかのプログラムにひっかかったのか、ページを開くことさえできませんでした。) モバイルでロールオーバーする方法をお教えいただけないでしょうか? ・別にFlashを使いたいわけではありません。単にオンマウスで画像を変更したいのです。簡単な方法があればそれが最適です。 ・画像をオンマウスで変更する必要があるので、cssで背景色を変える方法は無しです。 何卒よろしくお願いいたします。

  • TwitterをHTMLに埋め込む方法

    Twitterの個人のアカウントをHTMLに埋め込み表示させたいのですが、 <a class="twitter-timeline" data-width="220" data-height="500" href="https://twitter.com/OKWAVE">Tweets by OKWAVE</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> 公式(https://publish.twitter.com/#)でこのようなコードが生成されそれを埋め込むと リンクが埋め込まれた「Tweets by OKWAVE」としか表示されません 情報によるとこの部分にこのアカウントのツイートががタイムライン形式で表示されるはずなのですがどうも表示されません また、<div>,<head>(/)で囲むなどしましたが改善されません どうすればいいでしょうか

    • ベストアンサー
    • HTML