ツイッター共有ボタン作成失敗の原因と解決方法

このQ&Aのポイント
  • ツイッター共有ボタンの作成に失敗している原因を解説します。
  • ツイッター共有ボタンをクリックした後、メッセージを送信できない問題の解決方法をご紹介します。
  • ツイッター共有ボタンの作成でよくあるトラブルとその対策について説明します。
回答を見る
  • ベストアンサー

ツイッター共有ボタンの作成に失敗している原因

こんにちは。 自分のサイト内にツイッター共有ボタンがほしかったので、以下のように作成してみました。 自分のサイト内のツイッター共有ボタンをクリックしたところ、「リンクをあなたのフォロワーに共有する」画面までは遷移するのですが、その後に「ツイート」ボタンを押すと、「メッセージを送信できませんでした。」と返ってきます。 原因がわかる方、ご教示頂けませんか。 宜しくお願い致します。 <a href="https://twitter.com/share?url=<共有メッセージ内のURL>&text=<共有メッセージ>" target="_blank"><img src="<画像ファイル>" alt="ツイッターアイコン" title="ツイッターアイコン"></a>

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
回答No.1

ツイッターの共有ボタンは、ツイッターの公式サイトから簡単につくることができます。 下記のサイトにアクセスし、  《リンクを共有する》をクリック    ↓  《ユーザー》と《推薦》に、質問者さんのツイッターIDを入力    ↓  《ボタンの大小》を選ぶ    ↓  右側の《<a href="">……》をすべてコピーして、質問者さんのサイトに貼りつける これでツイッターボタンが完成します。

参考URL:
https://about.twitter.com/ja/resources/buttons
cometruejp
質問者

お礼

ありがとうございました。解決しました。

関連するQ&A

  • ツイッターボタンからのリツイート?

    最近、ツイッターを始めまして、色々覚え中なのですが、 リツイートとは、 他人のツイートを引用し、自身のコメントの有無にかかわらず、自身のフォロワーへツイートすること。 …と、認識しております。(Retweetかな) そこで、各種サイト・ブログに設置されているツイッターボタンを押してツイートする場合。 この場合、他人の「ツイート」ではなく、「サイトやブログの記事」を引用している訳ですが、これも「リツイート」でいいのでしょうか? 「クォートツイート」ではなく? 「RTボタン」という表記はあっても「QTボタン」という表現は見かけることがなく、ちょっと混乱してます。 また、ツイッターボタンからツイートする際、それが引用されたものだと明確にする為に、現状、「 RT 」「 QT 」を付けるようにしてるのですが、これでいいのでしょうか? もしくは、もっと明確に「引用→」など、書式にこだわらずに行った方がいいのでしょか?

  • Twitterボタンの右の余計なスペース

    ツイッターのボタンを設置しました。 添付の図のように、ツイッターのボタンと「テスト」の間にスペースが開いてしまいます。 スペースが開かないようにぴったりとくっつけるにはどうすればよいでしょうか? ツイッターのボタンは、ここで作りました。 https://twitter.com/about/resources/buttons#tweet ■ソース <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> <a href="https://twitter.com/share" class="twitter-share-button" data-url="$twitter_url" data-lang="ja">ツイート</a> テスト

    • ベストアンサー
    • HTML
  • ページにツイッターでつぶやくボタンを付けたい

    ページにツイッターでつぶやくボタンを付けたい 自分の作ったページに「ツイッターでつぶやく」ボタンをつけて ページの内容をつぶやいてもらいたいです <A href="http://twitter.com/home?status=<?php include("aaa.php") ?>" target="_blank">Twitterでつぶやく</A> このように作るとFirefoxではaaa.phpの中身が反映された投稿画面になるのですが IEだとページが見つかりません 400エラーになってしまいます どうすればIEでもうまくいくようになるのか ご存知の方いらっしゃればよろしくお願いします

    • ベストアンサー
    • PHP
  • ツイッターを辞めた方にお聞きします。

    昨年に、あるタレントさんのツイートに返信して数時間後に消されたことに腹を立てて、今年の初めに批判ツイートをしたら、第3者からしつこい嫌がらせを受けました。それから日数が経った今月の中旬に別のアカウントを設けて別人に成りすまして、昨日の昼にタレントさんのツイートに返信しました。ところが、そのタレントさんは私の返信ツイート(文面)に怪しい(批判ツイートをした私かもしれない)と思ったのか、あるフォロワー(愛知県在住)にダイレクトメッセージを送ったらしく、フォロワーのツイートによって正体がばれました。そのフォロワーは別のフォロワーにもメッセージを送っており、別のフォロワーにも批判をされました。これ以上、批判を受けるとなると、ツイッター等のSNSから完全に身を引かないといけませんが、まだツイッターをやりたい気持ちはあります。もうきっぱりとツイッターは辞めた方が良いのでしょうか。しばらく期間を置いてから再びツイッターを始めた方が良いのでしょうか。ご指導をお願いします。

  • <A href= と<IMG srcの使い分け

    <A href= と<IMG srcの使い分けについて伺いたいのですが 一応は以下のようになっていると思っておりますが、 基準がどこにあるのでしょうか? <A href=の対象について <A href="mailto:○○○○○○">   アドレス <A href="○○○○○○.html">  URL等 <A href="image.pdf" target="_blank">  PDF等を開かせる <IMG src=の対象について <IMG src="○○○.gif"等の様に、画像の拡張子になっている。

    • ベストアンサー
    • HTML
  • Twitterについて

    自分はとあるカードゲームをやっている学生です。 そのカードゲームの話題に共有していきたいと思いTwitterを始めたのですが、フォロワーさんも少ないなかツイートしているのがちょっと虚しいです、、、 そこで、フォロワーさんを増やしたいのですが、コツ等はありますか? 困っています。よろしくお願いしますm(_ _)m

  • Twitter,Facebookボタンが改行される

    助けて下さい!!! スマホをターゲットにしたサイトを作っているのですが、 Twitterのツイートボタン、Facebookのイイねボタンを配置すると、 横に並べたいのですが改行されて縦に配置されてしまいます(*_*) 画面幅は十分余裕があります。 以下、コードの抜粋です。 <!--Twitter--> <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://myhome.com/" data-lang="ja" data-count="horizontal">Tweet</a> <!--Facebook--> <div class="fb-like" data-href="http://myhome.com/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> よろしくお願いします。

    • 締切済み
    • CSS
  • 画像をリンクボタンにしたときに出る「枠」を消したい・・

    <A HREF="リンク先のURL"><img src="画像のURL"></A> ↑この方法でリンクボタンを作ったところ、 どうしても画像のまわりを「四角い枠」が囲んでしまいます。 この「枠」を消す方法を・・ 教えて下さい。

    • ベストアンサー
    • HTML
  • twitterの電話アイコンがない。

    パソコンのtwitter公式サイトで ユーザーやフォロワーのプロフィールページにある電話アイコンをクリックしてそのユーザのツイートをメール通知で受け取ることが出来ます。 とありますが、電話アイコンが見当たりません。 分かる方いらっしゃいますか?

  • ウインドウを狭めてもレイアウトが崩れない方法

    ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を3列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>

    • ベストアンサー
    • HTML

専門家に質問してみよう