• ベストアンサー
  • 困ってます

ツイートするのボタンオリジナルアイコンについて

下記のページを参考に、ツイートするのボタンをオリジナルのアイコンにしました http://es.istgut.jp/tips/facebooktwittermixi.html 以下の通り設定しましたが、ツイートするボタンをクリックしても 「Internet Explorer ではこのページは表示できません」となりページが表示されません ------------------------------------------- <a href="http://twitter.com/share?count=horizontal&original_referer=URLが入ります;text=記事タイトルが入ります&amp;url=URLが入ります&amp;via=ツイッターID" onclick="window.open(this.href, 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); return false;"><img src="画像パス" width="22" height="22" /></a> ------------------------------------------- 検証したところ、「記事タイトル」の部分を日本語ですると、ページが開かないようです 「title」など、半角英数で入力すると、問題なく表示されます 日本語で入力するとページ開かないので、文字化けを起こしているのかもしれません 何か解決策があれば、教えてください よろしくお願いします ◆環境 windows XP IE8

共感・応援の気持ちを伝えよう!

  • 回答数2
  • 閲覧数649
  • ありがとう数2

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

  • ベストアンサー
  • 回答No.2
  • fujillin
  • ベストアンサー率61% (1594/2576)

よこからですが… >◆参考サイト それって、phpの解説サイトでは? javascriptにも同様の関数が用意されています http://www.cresc.co.jp/tech/java/URLencoding/JavaScript_URLEncoding.htm #1様のおっしゃっているのは  this.href → encodeURI(this.href) とかでは?

共感・感謝の気持ちを伝えよう!

質問者からのお礼

fujillin様 おっしゃる通り this.href → encodeURI(this.href) に変更することで 問題なく動作するようになりました! まったく検討はずれなことを言っていたようでお恥ずかしい… ご回答ありがとうございました

その他の回答 (1)

  • 回答No.1

こんにちは。 GETのパラメータなので、エンコードしないとダメなんじゃないですかね?

共感・感謝の気持ちを伝えよう!

質問者からのお礼

検討はずれなことを言っていたようで申し訳ありませんでした 今回は、より具体的に答えていただいたということで No2 の方をベストアンサーとさせていただきます せっかくご回答いただいたのにすみません また、よろしくお願いします

質問者からの補足

taka451213さん ご回答ありがとうございます すみません、GETもエンコードもよくわからないのですが、 調べてみたところ下記のサイトで urlencode() という関数を発見したので、とりあえず入れてみました ◆参考サイト http://nyx.pu1.net/practice/external_var/external_var3.php タイトルの部分に text=<?= urlencode("タイトル"); ?> と入れ、ファイルの拡張子をPHP(カテ違いですみません)にしてアップロードしましたが、「Web ページが見つかりません 」と表示されてしまいました 関数自体は問題なく動作しているようで、「test」など、半角英数字を入れると、ツイッター画面が開き、タイトル部分に「test」と入っています エンコードの問題ではないのでしょうか…

関連するQ&A

  • ハッシュタグ付きツイートが表示されない。

    ツイッター公式アカウントからハッシュタグ付きツイートを拾って、掲載するウィジェットをHTML上に組み込んだのですが、一部のアカウントのみ、問題なくハッシュタグ付きツイートが表示されます。 ツイッターボタンのaタグには、 https://twitter.com/intent/tweet?text=エンコードされたテキスト&url=URL&button_hashtag=ハッシュタグ としているのですが、できる人とそうでない人がおりまして、何か各アカウントに設定があるのでしょうか。

  • ソーシャルボタンをオリジナルでつくっています。

    ソーシャルボタンをオリジナルでつくっています。 <div id="socialbtn"> <a href="https://plus.google.com/share?url=http://s/inquery.html" onclick="window.open(this.href, 'Gwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" class='symbol' title='&#xe239;'></a> <a href="http://www.facebook.com/share.php?u=http://s/inquery.html" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" class='symbol' title='&#xe227;'></a> <a href="http://twitter.com/share?url=http://s/inquery.html&text=駅から歩いていけるので、是非問い合わせて行ってみましょう。&via=ツイート内に含まれるユーザー名&related=関連アカウント" class='symbol' title='&#xe286;'></a> </div> 上記のように作ったのですが、商用サイトでも問題ないでしょうか? ちゃんとできているでしょうか? ただツイッターの&via=ツイート内に含まれるユーザー名&related=関連アカウント" と言う部分が良く分かりません。 ツイート内に含まれるユーザー名とは何を入れるところなのでしょうか? 関連アカウントとは、設置サイトがアカウントを持っている場合にアカウント名をそのまま入れるのでしょうか?

    • 締切済み
    • CSS
  • js 現在のページURLのみ表示しない方法

    ツイッターのタイムラインを自分のサイトに表示しています。 ツイートテキスト内のURLは全てクリッカブルになっています。 ツイート内に現在表示しているページのURLがたまたま存在する場合、 リンクが飛んでも意味がないので、そのURLを非表示にしたいと思います。 return '<span class="jta-tweet-text">' + tweetText + '</span>'; ここへlocation.hrefや.replaceをつかって、現在のページURLのみ消すことは出来ないかと試したのですがうまくいきませんでした。タイムラインを設置したいページは複数あります。 初心者ですので、初歩的なこともわかりません。 もし可能であれば、おしえてください。

  • ツイートの短縮URLを作りたい

    自分の過去のツイートのURLリンクの短縮URLを作りたいのですが、作る方法がわかりません。 下記のツイッター公式ヘルプによると、 「ツイートに追加されたリンクはTwitterのt.co機能によって自動的に短縮されます。」 とありますが、MacのfirefoxでツイートにURLリンクを入力しても短縮されません。 https://help.twitter.com/ja/using-twitter/how-to-tweet-a-link スマホ等でツイッターアプリの使用は考えていません。 また、t.co以外の短縮URLの使用も考えていません。 どうやったらMacのFirefox上でt.coの短縮URLを 作る事ができるのでしょうか?

  • ツイッターの「ツイート」ボタンが表示されない件

    ツイッターについて質問です。 公式のツイッターのページを新バージョンに切り替えたところ、他の方のツイート閲覧やフォロー等は出来たりするのですが、自分のツイートを投稿する時に【ツイート」ボタンが使えない状態になります。 (テキストエリアでツイートしたい文章を書いても、「ツイート」ボタンが青くならなくてボタンが押せない状態になります。) 何かのエラーだとは思いますが、どの様に対処すれば宜しいでしょうか? 因みにOSはWindows XP ProfessionalでブラウザはIntermet Explorer 8です。 ご教示頂きたく宜しくお願い致します。

  • Goo blogへのツイート・ボタンの貼付

     50歳にして初めてPCを触わるオヤジですが、Goo(NTT Resonant)での自分のblogにおける各記事にtwitterのツイート・ボタンを貼り付けようと思ったものの文字列のまま現れてしまいます。  皆さんはどのようにしてやってるのでしょうか・・・?

  • 他人にツイートすると、自分のページに入ってしまう

    インターネット使用歴は長いのですが、Twitterは投稿文字数が少ない ことで、昨日まで全く使用・投稿したことはありません。 しかし 今日になって試しに使用しようと思い、ツイートしたら出来ません。 状況は、他人のTwitterページにツイートしようと思い、その他人の ページでログインすると、ツイートボタンが表示されるので、 そこから小さな投稿欄にツイート文を入れてツイートすると、 自分のTwitterページに、全てのツイートが入って来ます。 他人のTwitterページにツイート出来ない事が不思議なので、色々 調べましたが、未だに解決できません。 今日初めてのTwitter使用ですから、たぶん初歩的な設定ミスだと 思うのですが、解決策がありましたら教えてください。 ブラウザは Internet Explorer11で、OSはWidows10 Homeです。

  • JSの変数をHTMLに渡す方法

    SNSボタン(ツイッター・フェイスブック・mixiチェック・google+)を配置したいのですが、 ページ数が膨大になる想定の為、現在のページのURLを自動的に取得し、HTMLに代入させたいと思っています。 <script type="text/javascript"> var url = location.href; </script> 変数urlの値を、下記HTMLの http://◯◯◯◯◯◯◯◯◯◯◯◯◯/ の箇所に、 代入したいだけなのですが、調べても方法が分かりませんでした。 <div id="sns" class="sns"> <ul class="sns_box"> <li class="twitter-button"> <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja" data-url="http://◯◯◯◯◯◯◯◯◯◯◯◯◯/">ツイート</a> </li> <li class="facebook-button"> <iframe src="http://www.facebook.com/plugins/like.php?href=http://◯◯◯◯◯◯◯◯◯◯◯◯◯/&amp;layout=button_count&amp;show_faces=true&amp;width=110&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe> </li> <li class="mixi-btn"> <a href="http://static.mixi.jp/share.pl" class="mixi-check-button" data-button="button-1" data-url="http://◯◯◯◯◯◯◯◯◯◯◯◯◯/">チェック</a><script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script> </li> <li class="google-btn"> <div class="g-plusone" data-size="medium" data-href="http://◯◯◯◯◯◯◯◯◯◯◯◯◯/"></div> </li> </ul> </div> シンプルに値の代入は可能でしょうか? お手数ですが、ご教示頂けると幸いです。。。

  • ポップアップウィンドウを画面中央に配置+複数リンクを同じウインドウに表示させたい

    過去にあった複数のイベント等の写真をスライドショーで紹介するページを作成中です。 ひとつのページ上に複数リンクがあって、それぞれクリックするとポップアプウィンドウが画面中央で開くようにすることはできました。(下記参照) <script type="text/javascript"> <!-- function win(url,windowname,width,height) { var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no"; if (width) { if (window.screen.width > width) features+=", left="+(window.screen.width-width)/2; else width=window.screen.width; features+=", width="+width; } if (height) { if (window.screen.height > height) features+=", top="+(window.screen.height-height)/2; else height=window.screen.height; features+=", height="+height; } window.open(url,windowname,features); } // --></script> body内 <a href="link_page.htm"onclick="win(this.href,null,600,430); return false;"><img src="image.gif" width="123" height="18" /></a></td> ただ複数あるリンクをクリックすると、ポップアップウィンドウも次々増えてしまうのを、常にひとつのウインドウ上に表示させることができません。 どうぞご指南よろしくお願いします!

  • 教えてほしいのですが・・・。

    ブログで同じ記事内で、新しいウインドウ小窓を出したいのですが、 <a href="#" onclick="window.open('表示するペ-ジのURL','miniwin', 'width=横サイズ,height=縦サイズ,menubar=メニュ-バ-有無,toolbar=ツ-ルバ-有無,locaction=ロケ-ションバ-有無,scrollbars=スクロ-ルバ-有無,status=ステ-タスバ-有無,');">文字</a> ↑これだと小窓が出てくれません。 そして、 <a href="#" onclick="window.open('表示したいページのURL','ウィンドウ名','width=横,height=縦');">文字</a> ↑にすると、小窓が出てくれますがスクロールバーが表示されません。 スクロールバーを表示したいのですがどういうタグを使えばいいのでしょうか?