無分類雜文 08 Nov 2007 12:33 pm

推到 Twitter!
推到 Plurk!


輕輕鬆鬆「被」推文上 Twitter!



為免有讀者看這篇文章一頭霧水,我先貼簡介一下 Twitter 是什麼。(當然你直接 google 一下 Twitter 可能更快)。

twitter

Twitter, 有人說他是 microblog(微型部落格),但對我個人來說,它更像一個網頁版 IRC 聊天室。因為長度的關係,這裡很適合輸入一小段一小段的東西。這個網站,要說有什麼作用?其實也沒什麼。不過大凡只要是人類,都會遇到一種情形,不管是在上班、上課、寫作業,總會有那種窮極無聊或靈光一閃的時刻,心裡衝出一串碎碎念。

而這些零碎絮語,幸運的話,旁邊有同學可讓你發洩。不幸運的話,跟同事批哩啪啦一陣還會被當神經病。而 Twitter 就是一個可以讓你自在解放的地方(隨地便溺的快感?)。一句話一句話的零碎片段並沒有什麼,不過當自己的主頁出現許多旁人的一句一句話,就會激起許多好玩的效應。而 Twitter 因為可以綁定 IM ( MSN/Yahoo Messenger / Gtalk 等等…),還可以透過手機更新。這種隨時隨地互動的感覺,讓只要是剛上手的人都會喜歡上它。

這次去北京中文網誌年會,不管是台灣團,或者是大陸的朋友,每個人幾乎都是無時無刻拿著手機或筆電在「推特」或是在「唧歪」。而每當交換名片的時候,大家總會多補上一句,「那您的 twitter 帳號是?」。可見它的魅力。

名片6

(這裡就不得不佩服本人的預見先知了,早一 步的在年會上用的名片上印了 twitter 帳號 )

Anyway,因為充分具備了「一句話」的特性,所以很多人嘗試在上面綁定服務玩出各式各樣的創意。(twitter 也是很好的 SEO 場
—————
而部落格與 Twitter 界接 當中,最簡單又頻繁的運用的就是 TwitThis

只要網誌上的文章有加了 TwitThis 的語法,別人就可以方便的把這篇文章推上 Twitter 去,告訴它的朋友自己在讀這篇文章。(類似推書籤的意思,只是可以更快速的告訴你的朋友群在讀這篇文章)

twitthis

但是,TwitThis 還是有一個缺點。「它」只能被放在「單篇文章」的頁面裡。也就是語法只能抓到正在看的文章的這篇連結和標題而已。這就有點小小困擾。萬一,我就是想要在前面這「第一頁」推文,不想點進去再推文這麼麻煩呢?

(因為如果把語法放在 wordpress 的 index.php ,我要推 index.php 上的 http://blog.xdite.net/?p=435 這篇文章,原先的設計就只會抓到 blog.xdite.net,如此一來,放置這段語法的推薦的意義就沒有了。)

—-
為了解決這個小小的麻煩。我做了一個 for wordpress 版的小小 hack,分享給大家。如果其他朋友有興趣的話,也可開發出其他 BLOG 的版本。

首先,你要做的是做出一個自己版本的 javascript。可以抓 Twitthis 提供的 javascript 回來改改好後放在自己的空間裡,然後需要使用時,再呼叫自己這個版本。

我只做了小小更動。(懶得學的可以直接抓我改好的

原先的版本是

var TwitThis = {
pop : function () {
window.open(”http://twitthis.com/twit?url=”+encodeURIComponent(location.href)+”&title=”+((document.title) ? encodeURIComponent(document.title.replace(/^\s*|\s*$/g,”)) : “”), “TwitThisPop”, “width=600, height=500, location, status, scrollbars, resizable”);
}
}

我將之改成

var TwitThis = {
pop : function (postlink,posttitle) {
window.open(”http://twitthis.com/twit?url=”+encodeURIComponent(postlink)+”&title=”+((posttitle) ? encodeURIComponent(posttitle.replace(/^\s*|\s*$/g,”)) : “”), “TwitThisPop”, “width=600, height=500, location, status, scrollbars, resizable”);
}
}

另外在自己的 blog 中的 index.php 裡加了這一段

<script type=”text/javascript” src=”http://blog.xdite.net/twitthis.js”></script>

<a href=”javascript:;” onclick=”TwitThis.pop(’<?php the_permalink() ?>’,'<?php the_title(); ?>’);”> 將此篇文章推上 Twitter!</a>

如此一來,大家就可以馬上看、馬上在下面推了。

Creative Commons License

15 Responses to “輕輕鬆鬆「被」推文上 Twitter!”


  1. on 08 Nov 2007 at 3:02 pm 1.fauzty said …

    借用XDite高人氣宣傳閩南語正字: 碎碎唸(╳)踅踅唸(○) 踅,台語se̍h,國語ㄒㄩㄝˊ。這是我為了twitter特地去查過的,所以大家來twitter,大家來踅踅(ㄙㄝˇㄙㄝˇ,ㄒㄩㄝˊㄒㄩㄝˊ)唸。

  2. on 08 Nov 2007 at 10:19 pm 2.蛋治 said …

    不知道是否適合用在blogger.com?
    你真的用這個名片啊?! (逼人家唸出”台灣的有名大站”)

    等下一來試驗一下. 謝謝~

  3. on 08 Nov 2007 at 10:36 pm 3.Brian said …

    我用Xuite的網誌看來是絕緣了= =

  4. on 08 Nov 2007 at 11:12 pm 4.cjin said …

    @蛋治
    當主持人抽獎,抽到xdite名片時
    真的是念出: 來自台灣的有名大站

    orz

  5. on 08 Nov 2007 at 11:21 pm 5.xdite said …

    我是真的作了兩個版本。一個有真名和真電話。一個是假名真叉滴」和假電話「XXXXX」。

    但是我都放了「台灣的有名大站」逼人念…XD

  6. on 09 Nov 2007 at 1:45 am 6.蛋治 said …

    @cjin 我有看到twitter… :P
    (怎麼在網誌回應也用twitter方式?!)

    主持人沒當場囧掉嗎? :P
    笑死.

  7. on 09 Nov 2007 at 9:57 pm 7.Blog.XDite.net » Funp Effect ? said …

    [...] twitter,不知道是文章寫的不錯還是因為我作了 twitthis 的 hack,讓讀者可以很輕鬆的推我文上 Twitte,從 Twitter 來的 Ref [...]

  8. on 10 Nov 2007 at 10:18 am 8.豬拔 said …

    可以做出Pixnet適用的版本嗎^^”

  9. on 20 Nov 2007 at 9:46 am 9.carlo said …

    可以加你twitter嗎?
    陌生的人會造成你的困擾嗎?
    (雖然你沒鎖住…)

  10. on 20 Nov 2007 at 10:18 am 10.xdite said …

    當然可以啊

  11. on 07 Feb 2008 at 3:52 am 11.SLEEPING YIA ::PIXNET BLOG:: said …

    [掛件]Twitter…

    <a href=\"http://zh.wikipedia.org/w/index.php?title=Twitter&amp;variant=zh-tw\">Twitter</a>是一個社交網路(Social network)及微型部落格(Micro-blogging)服務。<br /><br /><a href=\"ht…

  12. on 09 Apr 2008 at 12:36 am 12.Blog.XDite.net » Twitio.us :推特社會化書籤 said …

    [...] 如果你不知道什麼是 Twitthis 的話,可以看看過往我寫的這篇文章:「輕輕鬆鬆「被」推文上 Twitter!」。 [...]

  13. on 18 May 2009 at 6:14 pm 13.Twitter使用技巧 (下) | DreamersCorp. said …

    [...] Twitter Balloon:可用自己的相片製作Twitter Badge,可見分享│Twitter Badge - Twitter Balloon [ 中文版製作 ] Twitthis:提供小按鈕,將目前正瀏覽的文章網址發送到twitter分享,除了獨立按鈕外,還有Wordpress plugin以及Bookmarklet。可見 這裡│TwitThis~把文章加入你的Twitter!、輕輕鬆鬆「被」推文上 Twitter! [...]

  14. on 17 Jul 2009 at 1:07 pm 14.Twitter使用技巧 (下) | DreamersCorp. said …

    [...] Twitter Balloon:可用自己的相片製作Twitter Badge,可見分享│Twitter Badge – Twitter Balloon [ 中文版製作 ] Twitthis:提供小按鈕,將目前正瀏覽的文章網址發送到twitter分享,除了獨立按鈕外,還有Wordpress plugin以及Bookmarklet。可見 這裡│TwitThis~把文章加入你的Twitter!、輕輕鬆鬆「被」推文上 Twitter! [...]

  15. on 04 Aug 2009 at 10:25 pm 15.台灣派也是要twi一下阿!! | katej.tw said …

    [...] 綠正妹問到的twitio.us其實正是把Twitter跟書籤功能完美結合的概念。而在之前分別還有Twitthis和twitthat有類似的功能;先是twitthis掛了,於是傳說中的小海寫出twitthat遞補,xdite緊接著寫出twitio.us,並增加紀錄推文的強大功能。 [...]

Trackback This Post | Subscribe to the comments through RSS Feed

Leave a Reply