何か良いアドバイスありましたらどうぞよろしくお願い致します!
META情報の取得方法は複数あり環境依存もあり! getElementsByTagNameを使ったので対応範囲を広く取ったつもりだが不安は否めない!!
<html> <head> <meta name="Author" content="GreenStar" /> <meta name="description" content="ほげほげ" /> <meta name="Keywords" content="キーワード" /> <meta name="description" content="hogehoge" /> <title>タイトル</title> </head> <body> <script type="text/javascript"> <!-- var nodes = document.getElementsByTagName("meta"); var nodesCount = nodes.length; var twitterLink = ""; for (var i = 0; i < nodesCount; i++) { if (nodes[i].name == "description") { twitterLink += nodes[i].content + " "; } } twitterLink = "<a href=\"http://twitter.com/home/?status=" + encodeURI(twitterLink + document.location) + "\" target=\"blank\">" + "<img src=\"http://twitter-badges.s3.amazonaws.com/twitter-b.png\" alt=\"Twitter\" style=\"border:0px;\">" + "</a>"; document.write(twitterLink); //--> </script> </body> </html>
下に、いろいろな取得方法があがっているので参考に。
簡単なものを作ってみた! スクリプトをbodyタグ内の好きな場所に入れるだけ!!
<html> <title>タイトル</title> <body> <script type="text/javascript"> <!-- document.write("<a href=\"http://twitter.com/home/?status=" + encodeURI(document.title + " " + document.location) + "\" target=\"blank\">つぶやく</a>"); //--> </script> </body> </html>
大変失礼いたしました。質問再開に致しました。
GreenStarさん
早速の解答ありがとうございました。bodyタグのどこでも好きな場所に入れられるということで、設置も簡単ですし是非こちらのタグを私用したいのですが、、すみません。記述し忘れてしまったのですが、こちらリンクを文字ではなく画像を使用してリンクさせたいのですが、イメージタグを入れるとリンク自体見えなくなってしまいます。画像を使う場合何か特別な記述方法があるのでしょうか。
使用したい画像はこちらになります。
どうぞよろしくお願い致します。
http://ringoon.jp/2009/10/16/bitly-api-javascript-twitter.htmlこ
こんにちは。
上記URLにあります。
追記の別ウィンドウを開くを参考にして修正してみてください。
kyuzanshaさん
早速の解答ありがとうございました。ページ拝見させていただきました。今回は一番目に解答していただいた方のbody内に記述するだけで良い方を使用させていただくことにしました。
どうもありがとうございました。
画像利用バージョン!
<html> <title>タイトル</title> <body> <script type="text/javascript"> <!-- document.write("<a href=\"http://twitter.com/home/?status=" + encodeURI(document.title + " " + document.location) + "\" target=\"blank\"><img src=\"http://twitter-badges.s3.amazonaws.com/twitter-b.png\" alt=\"Twitter\" style=\"border:0px;\"></a>"); //--> </script> </body> </html>
GreenStar さん
画像バージョンありがとうございました!!バッチリでございました。
もし、ご存知だったらで良いのですが、ツイッターに投稿する文字列がtitleでなく、そのページのDescriptionにするようなことは可能でしょうか?
META情報の取得方法は複数あり環境依存もあり! getElementsByTagNameを使ったので対応範囲を広く取ったつもりだが不安は否めない!!
<html> <head> <meta name="Author" content="GreenStar" /> <meta name="description" content="ほげほげ" /> <meta name="Keywords" content="キーワード" /> <meta name="description" content="hogehoge" /> <title>タイトル</title> </head> <body> <script type="text/javascript"> <!-- var nodes = document.getElementsByTagName("meta"); var nodesCount = nodes.length; var twitterLink = ""; for (var i = 0; i < nodesCount; i++) { if (nodes[i].name == "description") { twitterLink += nodes[i].content + " "; } } twitterLink = "<a href=\"http://twitter.com/home/?status=" + encodeURI(twitterLink + document.location) + "\" target=\"blank\">" + "<img src=\"http://twitter-badges.s3.amazonaws.com/twitter-b.png\" alt=\"Twitter\" style=\"border:0px;\">" + "</a>"; document.write(twitterLink); //--> </script> </body> </html>
下に、いろいろな取得方法があがっているので参考に。
GreenStar さん
解答ありがとうございます。素晴らしいです!!
早速タグを入れさせていただき、何個かブラウザで検証してみました。大半の方が使用しているwinのIEで問題なく動いていたので、こちらを使用させていただきます!!
ありがとうございました!!
GreenStar さん
解答ありがとうございます。素晴らしいです!!
早速タグを入れさせていただき、何個かブラウザで検証してみました。大半の方が使用しているwinのIEで問題なく動いていたので、こちらを使用させていただきます!!
ありがとうございました!!