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

閲覧者が見ているページをtwitterに投稿させるリンクやボタンを自分のサイトに加えたいのですが、TweetMe以外のやり方で何か良い方法をご存知でしょうか。またそのリンクがblankで新規ウィンドウを立ち上げてtwitterに投稿できるのが希望です。
何か良いアドバイスありましたらどうぞよろしくお願い致します!


●質問者: ahsodik
●カテゴリ:インターネット ウェブ制作
✍キーワード:アドバイス ウィンドウ サイト ボタン リンク
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● GreenStar
●100ポイント

簡単なものを作ってみた! スクリプトを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タグのどこでも好きな場所に入れられるということで、設置も簡単ですし是非こちらのタグを私用したいのですが、、すみません。記述し忘れてしまったのですが、こちらリンクを文字ではなく画像を使用してリンクさせたいのですが、イメージタグを入れるとリンク自体見えなくなってしまいます。画像を使う場合何か特別な記述方法があるのでしょうか。

使用したい画像はこちらになります。Twitter

どうぞよろしくお願い致します。


2 ● kyuzansha
●50ポイント

http://ringoon.jp/2009/10/16/bitly-api-javascript-twitter.html


こんにちは。

上記URLにあります。

追記の別ウィンドウを開くを参考にして修正してみてください。

◎質問者からの返答

kyuzanshaさん

早速の解答ありがとうございました。ページ拝見させていただきました。今回は一番目に解答していただいた方のbody内に記述するだけで良い方を使用させていただくことにしました。

どうもありがとうございました。


3 ● GreenStar
●100ポイント

画像利用バージョン!

<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にするようなことは可能でしょうか?


4 ● GreenStar
●100ポイント ベストアンサー

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>

下に、いろいろな取得方法があがっているので参考に。

http://www.tagindex.com/kakolog/q4bbs/301/465.html

◎質問者からの返答

GreenStar さん

解答ありがとうございます。素晴らしいです!!

早速タグを入れさせていただき、何個かブラウザで検証してみました。大半の方が使用しているwinのIEで問題なく動いていたので、こちらを使用させていただきます!!

ありがとうございました!!

関連質問


●質問をもっと探す●



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