スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログにツイートボタン設置しようずwwwその2

以前、ブログにツイートボタン設置したいなー!

って書きました。

いろいろ試して設置には成功しました。

誰もあのツイートボタン使ってくれてはいないようだけど。

完全に自己満足だね!

別にいいけどね。

このブログを訪れる人がそもそもそんないないしね。

その訪れる人がツイッターをやってる必要もあるしね。

さらにその人が「この記事、TLに流したいな!」って思わないといけないしね。

そこまで持ってくのって難しいよね。

それはそうと。

このツイートボタンを使ってツイッターに文章を流す際の固定文を調整したかったので。

いろいろと調べてみました。

理想は

1.記事タイトル
2.ブログタイトル
3.記事URL
4.自分のツイッターアカウント(@yamanka00


この4つを表示できるようにしたかったのです。

それを成し遂げるためのHTMLの書き方を調べてきました。


<span id="twsbtn<%topentry_no>"><a href="http://twitter.com/share" class="twitter-share-button"
data-url="<%topentry_link>"
data-text="<%topentry_title> <%blog_name>"
data-via="Twitterアカウント名"
data-count="horizontal"
data-lang="ja">Tweet</a></span>


こんな感じ。

”Twitterアカウント名”のとこには私の場合は『yamanka00』と入れます。

これをブログテンプレートの設定のとこでHTML(テンプレートによって違うかもしれないけど、「トップページエントリー」ってなってるところ)に書き足せばツイートボタンを設置できるわけですねー。

ツイートボタンを踏んだ相手にフォローを迫ることもできるけど、さすがにそれはうざったいのでしません。

で、実際にこのブログに設置したツイートボタンはもうちょっと書式をいじってあって。

ツイートボタンを押すとこんな固定メッセージが出るようにしてあります。

『 / Singing!公開キタ━━━━(゚∀゚)━━━━!! | まえむきネガティブR2 http://maemukinegative.blog35.fc2.com/blog-entry-2122.html via @yamanka00

記事タイトルの前に「半角スペース、スラッシュ、半角スペース」、ブログタイトルとの間に「半角スペース、縦棒、半角スペース」が入るようにしてあります。

これでメッセージの前にツイッターに流すときに簡単なコメントをつけるスペースができるようにしてみました。

コードの『data-text="<%topentry_title> <%blog_name>"』内の””でくくってある部分、<>で囲まれたところ以外に書いた文字はそのまま文章に反映されるみたいなので、ここに/や|を書きこんでみたわけです。

なので実際のソースコードはこんな感じになってます。


<!--ツイートボタン-->
<div class="twitter">
<a href="http://twitter.com/share" class="twitter-share-button"
data-url="<%topentry_link>"
data-text=" / <%topentry_title> | <%blog_name>"
data-via="yamanka00"
data-count="horizontal"
data-lang="ja">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></div>
<!--ツイートボタン終わり-->


詳しいことはこのあたりのサイトを参考にするといいかと。

http://gigazine.net/news/20100813_tweet_button/

http://paro2day.blog122.fc2.com/blog-entry-597.html

特に2つ目のサイトに詳しく載ってて、私もお世話になりました。

でもツイートボタンよりはてブでエントリーする方が便利だよなwww
スポンサーサイト
コメント
No title
ボタン押す習慣が無かったので存在の認識が出来ていなかったです。早速Singing!とこの記事をツイートしてみました。
2011/10/27(木) 00:54 | URL | はるおん #NrynFG3w[ コメントの編集]
Re: No title
> ボタン押す習慣が無かったので存在の認識が出来ていなかったです。早速Singing!とこの記事をツイートしてみました。

最近どのブログやHPにもついてたので自分のブログにもつけてみたかったんですよねー。
これでTLに記事とそのURLを流しやすくなったけど需要はあんまりないよねw
2011/10/27(木) 01:19 | URL | yamanka #-[ コメントの編集]
コメントの投稿
【Font & Icon】
管理者にだけ表示を許可する
プロフィール

yamanka

Author:yamanka
Twitterやってます。右下のリンクがそれです。むしろこっちのほうが連絡とりやすいです。

このサイトはリンクフリーだし(今一番リンクフリーなんじゃないかな?)、画像も自由に使ってください。ブログに貼ったり、友達に送りつけたりして怒られてください。商用利用は無しね。ごめんなさいね。

皆さんのサイトからリンクしてくれた時や画像転載した時はコメント欄かTwitter使って教えてくれるとありがたいです。見てニヤニヤしたいです。

最新記事
月別アーカイブ
カテゴリ
全記事表示リンク

全ての記事を表示する

最新コメント
最新トラックバック
FC2カウンター

カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
検索フォーム
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
メールフォーム

名前:
メール:
件名:
本文:

RSSリンクの表示





上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。